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

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

@@ -1,62 +1,67 @@
-import { defineComponent as w, ref as g, computed as S, createElementBlock as x, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as m, unref as o, withCtx as i, Fragment as B, renderList as L, createBlock as h, createCommentVNode as b } from "vue";
-import { FormKit as v } from "@formkit/vue";
-import { PhLightbulb as _ } from "@phosphor-icons/vue";
-import P from "../../../../stories/components/LinkCard.vue.js";
-import D from "../../../components/StepActionsSection.vue.js";
+import { defineComponent as B, ref as b, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as h, unref as o, withCtx as i, Fragment as P, renderList as W, createBlock as p, createCommentVNode as v } from "vue";
+import { FormKit as k } from "@formkit/vue";
+import { PhLightbulb as z } from "@phosphor-icons/vue";
+import A from "../../../../stories/components/LinkCard.vue.js";
+import I from "../../../components/StepActionsSection.vue.js";
 import a from "../ButtonV3.vue.js";
-import z from "../Card.vue.js";
-import W from "../TextArea/TextAreaDefinition.js";
-const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" }, R = { class: "funny-section" }, I = {
+import C from "../Card.vue.js";
+import N from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
+const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, T = { class: "funny-section" }, $ = {
   id: "partners-section",
   class: "funny-section"
-}, E = { class: "partner-cards-container" }, F = { class: "action-container" }, $ = { class: "step-actions__prev-and-next" }, M = { class: "actions" }, U = { class: "funny-section" }, Z = 1e3, X = /* @__PURE__ */ w({
+}, j = { class: "partner-cards-container" }, K = { class: "action-container" }, M = { class: "step-actions__prev-and-next" }, U = { class: "actions" }, Z = { class: "funny-section" }, q = 1e3, ie = /* @__PURE__ */ B({
   __name: "BasicInformationStep",
-  setup(j) {
-    const p = g(""), k = g([]);
-    g([]);
-    const C = S(() => {
-      var f;
-      return ((f = p.value) == null ? void 0 : f.length) || 0;
-    });
-    return (f, e) => (s(), x("div", A, [
+  setup(G) {
+    const f = b(""), y = b([]);
+    b([]);
+    const V = D(() => {
+      var g;
+      return ((g = f.value) == null ? void 0 : g.length) || 0;
+    }), l = L(R);
+    console.log(l);
+    function w() {
+      l == null || l.goTo("3. Datensimulation/Grundlegende Informationen");
+    }
+    return (g, e) => (s(), _("div", E, [
       e[8] || (e[8] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenverarbeitung"),
           t("span", { class: "copy-large-regular" }, [
-            m(" Beschreiben Sie im Schritt der "),
+            h(" Beschreiben Sie im Schritt der "),
             t("strong", null, "Datenverarbeitung"),
-            m(", wie Sie die Rohdaten zusammengeführt und aufbereitet haben. ")
+            h(", wie Sie die Rohdaten zusammengeführt und aufbereitet haben. ")
           ])
         ])
       ], -1)),
-      t("section", N, [
-        n(o(v), {
+      t("section", F, [
+        n(o(k), {
           id: "Beschreibung",
-          modelValue: p.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (r) => p.value = r),
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
           class: "budgetArea",
           label: "Beschreibung",
-          type: o(W),
+          type: o(N),
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
           validation: "length:0,1000",
           "validation-visibility": "live",
           hint: "true",
-          help: `${C.value} von ${Z} Zeichen`,
+          help: `${V.value} von ${q} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
-      t("section", R, [
-        n(z, { variant: "default" }, {
+      t("section", T, [
+        n(C, { variant: "default" }, {
           icon: i(() => [
-            n(o(_), {
+            n(o(z), {
               size: 32,
               color: "#009fe3"
             })
           ]),
           title: i(() => e[2] || (e[2] = [
-            m(" Beispiel ", -1)
+            h(" Beispiel ", -1)
           ])),
           default: i(() => [
             e[3] || (e[3] = t("p", null, " Die eingegangenen Messdaten werden automatisiert geprüft, bereinigt und mithilfe von Algorithmen analysiert. Ausreißer und fehlerhafte Werte werden erkannt und im Rahmen der Datenqualitätssicherung gefiltert. Anschließend werden die Wasserstandsdaten mit weiteren relevanten Informationen, wie Wetterdaten oder Bodenbeschaffenheit, kombiniert und für Prognoseberechnungen aufbereitet. ", -1))
@@ -65,32 +70,32 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
           __: [3]
         })
       ]),
-      t("section", I, [
+      t("section", $, [
         e[4] || (e[4] = t("h5", null, " Weiterführende Links (optional) ", -1)),
         e[5] || (e[5] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
-        t("div", E, [
-          n(o(v), {
-            modelValue: k.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => k.value = r),
+        t("div", j, [
+          n(o(k), {
+            modelValue: y.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => y.value = r),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: i(({ items: r, node: l, value: u }) => [
-              (s(!0), x(B, null, L(r, (d, c) => (s(), h(o(v), {
+            default: i(({ items: r, node: u, value: c }) => [
+              (s(!0), _(P, null, W(r, (d, m) => (s(), p(o(k), {
                 key: d,
                 type: "group",
-                index: c
+                index: m
               }, {
                 default: i(() => [
-                  n(P, null, {
+                  n(A, null, {
                     action: i(() => [
                       n(a, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => l.input(u.filter((y, V) => V !== c))
+                        onClick: () => u.input(c.filter((x, S) => S !== m))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -98,13 +103,13 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", F, [
+              t("div", K, [
                 n(a, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (d) => l.input(u.concat({}))
+                  onClick: (d) => u.input(c.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -112,58 +117,62 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      n(D, { "next-text": "Weiter zu Software" }, {
+      n(I, {
+        classList: "step-actions",
+        "next-text": "Weiter zu Software"
+      }, {
         "prev-and-next": i(({
           hidePrevious: r,
-          hideNext: l,
-          previousText: u,
+          hideNext: u,
+          previousText: c,
           nextText: d,
-          handlePrevious: c,
-          handleSubmit: y
+          handlePrevious: m,
+          handleSubmit: x
         }) => [
-          t("div", $, [
-            t("div", M, [
-              r ? b("", !0) : (s(), h(a, {
+          t("div", M, [
+            t("div", U, [
+              r ? v("", !0) : (s(), p(a, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
-                "button-text": u,
+                "button-text": c,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: c
+                onClick: m
               }, null, 8, ["button-text", "onClick"])),
-              r ? b("", !0) : (s(), h(a, {
+              r ? v("", !0) : (s(), p(a, {
                 key: 1,
                 variant: "secondary",
                 size: "large",
                 "button-text": "Weiter ohne Datenverarbeitung",
+                onClick: w,
                 "icon-end": "CaretRight",
                 class: "secondary-button"
               }))
             ]),
-            l ? b("", !0) : (s(), h(a, {
+            u ? v("", !0) : (s(), p(a, {
               key: 0,
               variant: "primary",
               size: "large",
               "button-text": d,
               "icon-end": "CaretRight",
               class: "next-button",
-              onClick: y
+              onClick: x
             }, null, 8, ["button-text", "onClick"]))
           ])
         ]),
         _: 1
       }),
-      t("section", U, [
-        n(z, { variant: "default" }, {
+      t("section", Z, [
+        n(C, { variant: "default" }, {
           icon: i(() => [
-            n(o(_), {
+            n(o(z), {
               size: 32,
               color: "#009fe3"
             })
           ]),
           title: i(() => e[6] || (e[6] = [
-            m(" Vorsicht! ", -1)
+            h(" Vorsicht! ", -1)
           ])),
           default: i(() => [
             e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenverarbeitung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
@@ -176,5 +185,5 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
   }
 });
 export {
-  X as default
+  ie 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 f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b90f51bd"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-667626eb"]]);
 export {
-  f as default
+  e as default
 };

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

@@ -1,5 +1,5 @@
-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 { defineComponent as I, ref as g, computed as B, createElementBlock as h, openBlock as o, createElementVNode as t, createVNode as i, unref as l, withCtx as r, 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 a } from "@formkit/vue";
 import { PhLightbulb as U } from "@phosphor-icons/vue";
 import $ from "../../../../stories/components/LinkCard.vue.js";
 import A from "../../../../stories/components/PartnerCard.vue.js";
@@ -11,22 +11,22 @@ import T from "../Chip.vue.js";
 import W from "../InputField.vue.js";
 import S from "../InputField/InputFieldDefinition.js";
 import M from "../TextArea/TextAreaDefinition.js";
-const Z = { class: "dpiV3_page V3-typography" }, O = {
+const Z = { class: "dpiV3_page V3-typography" }, q = {
   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 = {
+}, O = { class: "partner-cards-container" }, R = { class: "action-container" }, H = { class: "funny-section" }, J = { class: "start-and-end" }, Q = { class: "funny-section" }, X = { class: "funny-section required-skills" }, Y = {
   key: 0,
   class: "d-flex"
 }, ee = ["id", "value"], te = ["for"], ne = { class: "action-container" }, ie = {
   id: "partners-section",
   class: "funny-section"
-}, le = { class: "partner-cards-container" }, ae = { class: "action-container" }, re = {
+}, le = { class: "partner-cards-container" }, re = { class: "action-container" }, ae = {
   id: "partners-section",
   class: "funny-section"
-}, oe = { class: "partner-cards-container" }, se = { class: "action-container" }, ue = { class: "funny-section" }, de = 500, Ce = /* @__PURE__ */ I({
+}, se = { class: "partner-cards-container" }, oe = { class: "action-container" }, ue = 500, Ve = /* @__PURE__ */ I({
   __name: "OptionalDataStep",
-  setup(ce) {
-    const x = g(""), V = g([]), C = g([]), _ = g([]), P = B(() => {
+  setup(de) {
+    const x = g(""), V = g([]), C = g([]), w = g([]), P = B(() => {
       var p;
       return ((p = x.value) == null ? void 0 : p.length) || 0;
     }), b = g(""), u = g([]);
@@ -36,39 +36,39 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
         u.value.includes(e) || u.value.push(e), b.value = "";
       }
     }
-    return (p, e) => (s(), h("div", Z, [
+    return (p, e) => (o(), 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)),
-      t("section", O, [
+      t("section", q, [
         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), {
+        t("div", O, [
+          i(l(a), {
             modelValue: V.value,
             "onUpdate:modelValue": e[0] || (e[0] = (n) => V.value = n),
             type: "list",
             name: "partners",
             dynamic: ""
           }, {
-            default: a(({ items: n, node: o, value: d }) => [
-              (s(!0), h(v, null, y(n, (c, m) => (s(), z(l(r), {
-                key: c,
+            default: r(({ items: n, node: s, value: d }) => [
+              (o(!0), h(v, null, y(n, (m, c) => (o(), z(l(a), {
+                key: m,
                 type: "group",
-                index: m
+                index: c
               }, {
-                default: a(() => [
+                default: r(() => [
                   i(A, null, {
-                    action: a(() => [
+                    action: r(() => [
                       i(f, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(d.filter((w, k) => k !== m))
+                        onClick: () => s.input(d.filter((_, k) => k !== c))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -76,13 +76,13 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", q, [
+              t("div", R, [
                 i(f, {
                   "button-text": "Partner hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => o.input(d.concat({}))
+                  onClick: (m) => s.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -94,7 +94,7 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
         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), {
+          i(l(a), {
             type: l(S),
             name: "startDate",
             "text-label": "Startdatum",
@@ -108,7 +108,7 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
             "show-end-icon": !1,
             "initial-hint-text": !1
           }, null, 8, ["type"]),
-          i(l(r), {
+          i(l(a), {
             type: l(S),
             name: "endDate",
             "text-label": "Enddatum",
@@ -129,16 +129,15 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
         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), {
+        i(l(a), {
           type: l(S),
-          "add-on-text": !0,
           name: "budget",
           "trailing-text": !0,
           trailing_text: "€",
           "text-label": "Budget",
           placeholder: "....Budget"
         }, null, 8, ["type"]),
-        i(l(r), {
+        i(l(a), {
           id: "Förderung",
           modelValue: x.value,
           "onUpdate:modelValue": e[1] || (e[1] = (n) => x.value = n),
@@ -151,20 +150,20 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           validation: "length:0,500",
           "validation-visibility": "live",
           hint: "true",
-          help: `${P.value} von ${de} Zeichen`,
+          help: `${P.value} von ${ue} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"]),
         i(K, { variant: "default" }, {
-          icon: a(() => [
+          icon: r(() => [
             i(l(U), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: a(() => e[12] || (e[12] = [
+          title: r(() => e[12] || (e[12] = [
             j(" Information ", -1)
           ])),
-          default: a(() => [
+          default: r(() => [
             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))
@@ -176,20 +175,20 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
       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), {
+        i(l(a), {
           modelValue: u.value,
           "onUpdate:modelValue": e[2] || (e[2] = (n) => u.value = n),
           type: "hidden",
           name: "requiredExpertise"
         }, null, 8, ["modelValue"]),
-        u.value.length > 0 ? (s(), h("div", Y, [
-          (s(!0), h(v, null, y(u.value, (n) => (s(), h("div", {
+        u.value.length > 0 ? (o(), h("div", Y, [
+          (o(!0), h(v, null, y(u.value, (n) => (o(), h("div", {
             key: n,
             class: "label-chip"
           }, [
             L(t("input", {
               id: `hardware-${n}`,
-              "onUpdate:modelValue": e[3] || (e[3] = (o) => u.value = o),
+              "onUpdate:modelValue": e[3] || (e[3] = (s) => u.value = s),
               class: "label-chip__input",
               type: "checkbox",
               value: n
@@ -243,28 +242,28 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
         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), {
+          i(l(a), {
             modelValue: C.value,
             "onUpdate:modelValue": e[6] || (e[6] = (n) => C.value = n),
             type: "list",
             name: "references",
             dynamic: ""
           }, {
-            default: a(({ items: n, node: o, value: d }) => [
-              (s(!0), h(v, null, y(n, (c, m) => (s(), z(l(r), {
-                key: c,
+            default: r(({ items: n, node: s, value: d }) => [
+              (o(!0), h(v, null, y(n, (m, c) => (o(), z(l(a), {
+                key: m,
                 type: "group",
-                index: m
+                index: c
               }, {
-                default: a(() => [
+                default: r(() => [
                   i(N, null, {
-                    action: a(() => [
+                    action: r(() => [
                       i(f, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(d.filter((w, k) => k !== m))
+                        onClick: () => s.input(d.filter((_, k) => k !== c))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -272,13 +271,13 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", ae, [
+              t("div", re, [
                 i(f, {
                   "button-text": "Screenshot hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => o.input(d.concat({}))
+                  onClick: (m) => s.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -286,32 +285,32 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           }, 8, ["modelValue"])
         ])
       ]),
-      t("section", re, [
+      t("section", ae, [
         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] = (n) => _.value = n),
+        t("div", se, [
+          i(l(a), {
+            modelValue: w.value,
+            "onUpdate:modelValue": e[7] || (e[7] = (n) => w.value = n),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: a(({ items: n, node: o, value: d }) => [
-              (s(!0), h(v, null, y(n, (c, m) => (s(), z(l(r), {
-                key: c,
+            default: r(({ items: n, node: s, value: d }) => [
+              (o(!0), h(v, null, y(n, (m, c) => (o(), z(l(a), {
+                key: m,
                 type: "group",
-                index: m
+                index: c
               }, {
-                default: a(() => [
+                default: r(() => [
                   i($, null, {
-                    action: a(() => [
+                    action: r(() => [
                       i(f, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(d.filter((w, k) => k !== m))
+                        onClick: () => s.input(d.filter((_, k) => k !== c))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -319,13 +318,13 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", se, [
+              t("div", oe, [
                 i(f, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => o.input(d.concat({}))
+                  onClick: (m) => s.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -333,12 +332,10 @@ const Z = { class: "dpiV3_page V3-typography" }, O = {
           }, 8, ["modelValue"])
         ])
       ]),
-      t("section", ue, [
-        i(G, { "next-text": "Weiter zu den Projektphasen" })
-      ])
+      i(G, { "next-text": "Weiter zu den Projektphasen" })
     ]));
   }
 });
 export {
-  Ce as default
+  Ve as default
 };

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

@@ -1,74 +1,7 @@
-import { defineComponent as w, watch as y, createElementBlock as k, openBlock as B, createElementVNode as i, createVNode as l, mergeProps as _, unref as d, isRef as j, withCtx as A } from "vue";
-import { toTypedSchema as C } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
-import { useForm as E } from "vee-validate";
-import * as D from "zod";
-import I from "../Autocomplete/AutocompleteVocab.vue.js";
-import N from "../ButtonV3.vue.js";
-import R from "./RichOption.vue.js";
-const W = { class: "dpi-project-process-step V3-typography" }, K = { class: "step-section" }, O = { class: "step-section-actions" }, H = /* @__PURE__ */ w({
-  __name: "DatasetForm",
-  props: {
-    exclude: { default: () => [] }
-  },
-  emits: ["submit"],
-  setup(v, { emit: z }) {
-    const S = v, g = z, V = D.object({ id: D.string() }), { defineField: x } = E({
-      validationSchema: C(V),
-      initialValues: { id: "" },
-      name: "datasetForm"
-    }), [s, F] = x("id");
-    return y(s, (m) => {
-      const n = String(m || "").trim();
-      n && g("submit", { id: n });
-    }), (m, n) => (B(), k("div", W, [
-      i("section", K, [
-        n[1] || (n[1] = i("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
-        n[2] || (n[2] = i("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
-        l(I, _({
-          modelValue: d(s),
-          "onUpdate:modelValue": n[0] || (n[0] = (e) => j(s) ? s.value = e : null)
-        }, d(F), {
-          "base-url": "https://twin.bydata.de/api/hub/search",
-          resource: "dataset",
-          label: "",
-          placeholder: "Wählen Sie einen Datensatz.",
-          name: "dataset",
-          "setup-fn": (e) => {
-            var t, r, o, u, p, c, f, h, b;
-            return {
-              id: e == null ? void 0 : e.id,
-              name: ((t = e == null ? void 0 : e.title) == null ? void 0 : t.de) || ((r = e == null ? void 0 : e.title) == null ? void 0 : r.en) || (e == null ? void 0 : e.id),
-              description: ((o = e == null ? void 0 : e.description) == null ? void 0 : o.de) || ((u = e == null ? void 0 : e.description) == null ? void 0 : u.en),
-              manufacturer: ((c = (p = e == null ? void 0 : e.publisher) == null ? void 0 : p.name) == null ? void 0 : c.de) || ((h = (f = e == null ? void 0 : e.publisher) == null ? void 0 : f.name) == null ? void 0 : h.en) || ((b = e == null ? void 0 : e.publisher) == null ? void 0 : b.name),
-              unavailable: S.exclude.includes(e == null ? void 0 : e.id)
-            };
-          }
-        }), {
-          option: A(({ option: e, active: t, selected: r, disabled: o }) => [
-            l(R, {
-              name: e.name,
-              manufacturer: e.manufacturer,
-              description: e.description,
-              active: t,
-              selected: r,
-              disabled: o
-            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
-          ]),
-          _: 1
-        }, 16, ["modelValue", "setup-fn"]),
-        n[3] || (n[3] = i("h5", null, "oder", -1)),
-        n[4] || (n[4] = i("p", null, " Sollte der verwendete Datensatz noch nicht im Katalog verfügbar sein, legen Sie einen neuen Datensatz an. Der Datensatz kann zugeordnet werden, sobald er veröffentlicht ist. ", -1)),
-        i("div", O, [
-          l(N, {
-            "button-text": "Zur Datensatzanlage",
-            size: "medium",
-            variant: "secondary"
-          })
-        ])
-      ])
-    ]));
-  }
-});
+import o from "./DatasetForm.vue2.js";
+/* empty css                 */
+import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8bc23de1"]]);
 export {
-  H as default
+  e as default
 };