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

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

@@ -1,4 +1,74 @@
-import f from "./DatasetForm.vue.js";
+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"
+          })
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  H as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as H, ref as I, computed as l, toRef as $, createBlock as u, openBlock as r, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as d, isRef as M, Fragment as N, renderList as T, createCommentVNode as _, createTextVNode as c, toDisplayString as h } from "vue";
+import { defineComponent as H, ref as I, computed as l, toRef as M, createBlock as u, openBlock as r, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as d, isRef as N, Fragment as T, renderList as $, createCommentVNode as h, createTextVNode as c, toDisplayString as D } from "vue";
 import { FormKit as b } from "@formkit/vue";
 import { schemaDataset as G } from "@piveau/sdk-core";
 import { defineHubSearch as O, dcatApDataset as E } from "@piveau/sdk-vue";
-import P from "../../../components/StepActionsSection.vue.js";
-import U from "../ActionCard.vue.js";
-import W from "../Card.vue.js";
-import y from "../SummaryBox.vue.js";
-import F from "./AreYouSureToSkipCard.vue.js";
+import F from "../../../components/StepActionsSection.vue.js";
+import P from "../ActionCard.vue.js";
+import U from "../Card.vue.js";
+import _ from "../SummaryBox.vue.js";
+import W from "./AreYouSureToSkipCard.vue.js";
 import L from "./DatasetForm.vue.js";
 import K from "./ProcessStepBase.vue.js";
 /* empty css                     */
@@ -24,7 +24,7 @@ const J = {
     edit: { type: Boolean }
   },
   setup(g) {
-    const D = g, a = I([]), { useResources: k } = O({
+    const y = g, a = I([]), { useResources: k } = O({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "dataset",
       indexDetails: "datasets",
@@ -57,7 +57,7 @@ const J = {
     function R(n) {
       a.value.push(n);
     }
-    const { count: m, realCount: B } = j(D.stepGroup || "", $(D.edit)), A = l(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), C = l(() => a.value.length > 0 ? "primary" : "secondary");
+    const { count: m, realCount: B } = j(y.stepGroup || "", M(y.edit)), A = l(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), C = l(() => a.value.length > 0 ? "primary" : "secondary");
     return (n, e) => (r(), u(K, {
       title: "Geben Sie Informationen zu verwendeten Datensätzen an",
       subtitle: "Geben Sie an, welche Datensätze Sie für diesen Prozessschritt verwendet haben. Sie können entweder einen bestehenden Datensatz auswählen oder einen Datensatz neu anlegen. Wenn Sie einen Datensatz neu anlegen, haben Sie die Möglichkeit die Sichtbarkeit des Datensatzes einzuschränken."
@@ -65,7 +65,7 @@ const J = {
       default: i(({ confirm: s }) => [
         o(d(b), {
           modelValue: d(m),
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => M(m) ? m.value = t : null),
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => N(m) ? m.value = t : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
@@ -84,7 +84,7 @@ const J = {
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
         S.value.length ? (r(), f("section", Q, [
-          (r(!0), f(N, null, T(S.value, (t, p) => (r(), u(U, {
+          (r(!0), f(T, null, $(S.value, (t, p) => (r(), u(P, {
             key: p,
             class: "software-card",
             "no-edit": !0,
@@ -95,36 +95,36 @@ const J = {
             ])),
             default: i(() => [
               v("div", X, [
-                o(y, { title: "Name" }, {
+                o(_, { title: "Name" }, {
                   default: i(() => [
-                    c(h(t.name), 1)
+                    c(D(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                t.manufacturer ? (r(), u(y, {
+                t.manufacturer ? (r(), u(_, {
                   key: 0,
                   title: "Datenbereitsteller, Aktualisiert"
                 }, {
                   default: i(() => [
-                    c(h(t.manufacturer), 1)
+                    c(D(t.manufacturer), 1)
                   ]),
                   _: 2
-                }, 1024)) : _("", !0),
-                t.description ? (r(), u(y, {
+                }, 1024)) : h("", !0),
+                t.description ? (r(), u(_, {
                   key: 1,
                   title: "Beschreibung"
                 }, {
                   default: i(() => [
-                    c(h(t.description), 1)
+                    c(D(t.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : _("", !0)
+                }, 1024)) : h("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onDelete"]))), 128))
         ])) : (r(), f("section", J, [
-          o(W, {
+          o(U, {
             small: "",
             class: "empty-card"
           }, {
@@ -140,14 +140,14 @@ const J = {
           onSubmit: R
         }, null, 8, ["exclude"]),
         v("section", Y, [
-          o(P, {
+          o(F, {
             "next-text": A.value,
             "next-variant": C.value
           }, null, 8, ["next-text", "next-variant"]),
-          d(B) === 0 ? (r(), u(F, {
+          d(B) === 0 ? (r(), u(W, {
             key: 0,
             "resource-label": "Datensätze"
-          })) : _("", !0)
+          })) : h("", !0)
         ])
       ]),
       _: 1

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

@@ -1,7 +1,7 @@
 import o from "./HardwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7163c04a"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-017dbc28"]]);
 export {
   p as default
 };

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

@@ -10,10 +10,13 @@ import ke from "../ListBox/Listbox.vue.js";
 import ye from "../TextAreaV3.vue.js";
 import H from "./ProcessStepInputCard.vue.js";
 import bt from "./RichOption.vue.js";
-const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "step-section" }, kt = { key: 0 }, yt = { class: "step-section-actions" }, St = { class: "step-section step-section--lg" }, Vt = {
+const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "step-section" }, kt = { key: 0 }, yt = { class: "step-section-actions" }, St = { class: "step-section" }, Vt = {
   key: 0,
   class: "functionalities-container"
-}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, Ut = { class: "step-section-actions" }, $t = { class: "step-section" }, At = { key: 0 }, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, Se = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ve = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", C = 500, en = /* @__PURE__ */ ft({
+}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, Ut = { class: "step-section-actions" }, $t = { class: "step-section" }, At = {
+  key: 0,
+  class: "functionalities-container"
+}, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, Se = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ve = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", C = 500, en = /* @__PURE__ */ ft({
   __name: "HardwareForm",
   props: /* @__PURE__ */ he({
     modelValue: {},
@@ -286,7 +289,8 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
                 "@search": !1,
                 "@selected": !0
               },
-              data: { "@value": e, URI: e }
+              data: { "@value": e, URI: e },
+              "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : F("", !0),
@@ -444,7 +448,8 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
                 "@search": !1,
                 "@selected": !0
               },
-              data: { "@value": e, URI: e }
+              data: { "@value": e, URI: e },
+              "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : F("", !0),

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

@@ -1,7 +1,7 @@
 import o from "./SoftwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ba1336a"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5a706c01"]]);
 export {
   f as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as re, mergeModels as _, useModel as ue, unref as i, watch as R, ref as ae, computed as y, createElementBlock as f, openBlock as u, createElementVNode as o, createCommentVNode as v, createVNode as a, Fragment as x, mergeProps as g, isRef as w, withCtx as ce, renderList as de, withDirectives as fe, vModelCheckbox as me, createBlock as P } from "vue";
+import { defineComponent as re, mergeModels as _, useModel as ue, unref as i, watch as R, ref as ae, computed as v, createElementBlock as f, openBlock as u, createElementVNode as o, createCommentVNode as y, createVNode as a, Fragment as x, mergeProps as g, isRef as w, withCtx as ce, renderList as de, withDirectives as fe, vModelCheckbox as me, createBlock as P } from "vue";
 import { toTypedSchema as T } 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 j, useFieldArray as pe } from "vee-validate";
 import * as l from "zod";
@@ -6,9 +6,9 @@ import he from "../Autocomplete/AutocompleteVocab.vue.js";
 import F from "../ButtonV3.vue.js";
 import Se from "../Chip.vue.js";
 import be from "../InputField.vue.js";
-import ye from "../ListBox/Listbox.vue.js";
-import ve from "./RichOption.vue.js";
-const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "step-section" }, Fe = { class: "step-section-actions" }, ke = { class: "step-section step-section--lg" }, Ve = {
+import ve from "../ListBox/Listbox.vue.js";
+import ye from "./RichOption.vue.js";
+const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "step-section" }, Fe = { class: "step-section-actions" }, ke = { class: "step-section" }, Ve = {
   key: 0,
   class: "functionalities-container"
 }, Ie = ["id", "value"], xe = { class: "step-section-actions" }, ze = { class: "step-section-actions" }, O = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Te = /* @__PURE__ */ re({
@@ -57,10 +57,10 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     function ee(n) {
       B.value = n;
     }
-    const p = y(() => !!c.value), D = y(() => {
+    const p = v(() => !!c.value), D = v(() => {
       var n;
       return (((n = r.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), te = y(() => {
+    }), te = v(() => {
       var n;
       return ((n = B.value) == null ? void 0 : n.functionalities) ?? [];
     }), ne = l.object({
@@ -92,7 +92,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     R(c, (n, t) => {
       !!t && !!n && n !== t && (k(), r.value = []);
     });
-    const [V, oe] = E("functionalitySelect"), [I, le] = E("functionalityInput"), L = y(() => Array.from(r.value || [])), M = H((n) => {
+    const [V, oe] = E("functionalitySelect"), [I, le] = E("functionalityInput"), L = v(() => Array.from(r.value || [])), M = H((n) => {
       h ? A("patch", {
         id: K,
         software: {
@@ -110,7 +110,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     });
     return (n, t) => (u(), f("div", ge, [
       o("section", we, [
-        h ? v("", !0) : (u(), f(x, { key: 0 }, [
+        h ? y("", !0) : (u(), f(x, { key: 0 }, [
           t[5] || (t[5] = o("h5", null, "Wählen Sie eine bestehende Software", -1)),
           t[6] || (t[6] = o("p", null, "Falls die Software bereits angelegt wurde, können Sie sie hier auswählen.", -1))
         ], 64)),
@@ -138,7 +138,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           onSelect: ee
         }), {
           option: ce(({ option: e, active: s, selected: d, disabled: b }) => [
-            a(ve, {
+            a(ye, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
@@ -149,7 +149,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        h ? v("", !0) : (u(), f(x, { key: 1 }, [
+        h ? y("", !0) : (u(), f(x, { key: 1 }, [
           t[7] || (t[7] = o("h5", null, "oder", -1)),
           t[8] || (t[8] = o("p", null, " Sollte die verwendete Software noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Software in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Software-Datensatz ersetzen. ", -1)),
           o("div", Fe, [
@@ -162,7 +162,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
         ], 64))
       ]),
       o("section", ke, [
-        t[9] || (t[9] = o("h5", null, "Wie haben Sie die Software verwendet?", -1)),
+        t[9] || (t[9] = o("h5", null, " Wie haben Sie die Software verwendet? ", -1)),
         t[10] || (t[10] = o("p", null, " Beschreiben Sie, wie Sie die angegebene Software verwendet haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
         L.value.length > 0 ? (u(), f("div", Ve, [
           (u(!0), f(x, null, de(L.value, (e, s) => (u(), f("div", {
@@ -190,11 +190,12 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
                 "@search": !1,
                 "@selected": !0
               },
-              data: { "@value": e, URI: e }
+              data: { "@value": e, URI: e },
+              "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : v("", !0),
-        a(ye, g({
+        ])) : y("", !0),
+        a(ve, g({
           modelValue: i(V),
           "onUpdate:modelValue": t[2] || (t[2] = (e) => w(V) ? V.value = e : null),
           options: te.value,
@@ -230,7 +231,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
-      v("", !0),
+      y("", !0),
       o("section", ze, [
         h ? (u(), P(F, {
           key: 0,

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

@@ -1,13 +1,14 @@
-import { reactive as c, createElementBlock as u, openBlock as a, createElementVNode as i, createVNode as h, Fragment as g, renderList as p, unref as o, createBlock as w } from "vue";
-import { FormKit as k } from "@formkit/vue";
-import f from "../../../components/StepActionsSection.vue.js";
-import b from "../TextArea/TextAreaDefinition.js";
+import { reactive as z, createElementBlock as c, openBlock as s, createElementVNode as a, createVNode as o, Fragment as v, renderList as S, unref as u, createBlock as x, withCtx as B, withDirectives as h, vShow as m } from "vue";
+import { FormKit as j } from "@formkit/vue";
+import W from "../../../components/StepActionsSection.vue.js";
+import _ from "../TextArea/TextAreaDefinition.js";
+import g from "../ButtonV3.vue.js";
 /* empty css                      */
-import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const S = { class: "project-phasen-weiterdenken" }, j = { class: "project-phasen-weiterdenken-content" }, d = 1e3, v = {
+import P from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "project-phasen-weiterdenken" }, y = { class: "project-phasen-weiterdenken-content" }, C = { class: "actions" }, d = 1e3, E = {
   __name: "WeiterdenkenStep",
-  setup(W) {
-    const n = c({
+  setup(A) {
+    const n = z({
       questions: {
         projectTriggers: {
           question: "Was sind Ihre wichtigsten Learnings aus dem Projekt? Was würden Sie beim nächsten Use Case anders machen?",
@@ -30,40 +31,74 @@ const S = { class: "project-phasen-weiterdenken" }, j = { class: "project-phasen
           answer: ""
         }
       }
-    }), l = Object.keys(n.questions).map((t) => ({
+    }), p = Object.keys(n.questions).map((t) => ({
       name: t,
       text: n.questions[t].question
     }));
-    function m(t, r) {
+    function w(t, r) {
       n.questions[t].answer = r.slice(0, d);
     }
-    return (t, r) => (a(), u("div", S, [
-      r[1] || (r[1] = i("div", { class: "project-phasen-weiterdenken-header" }, [
-        i("h4", null, "Weiterdenken")
+    return (t, r) => (s(), c("div", V, [
+      r[1] || (r[1] = a("div", { class: "project-phasen-weiterdenken-header" }, [
+        a("h4", null, "Weiterdenken")
       ], -1)),
-      i("div", j, [
-        r[0] || (r[0] = i("p", { class: "project-phasen-weiterdenken-description" }, " Von den Learnings bis zur Skalierung der Projektergebnisse. ", -1)),
-        (a(!0), u(g, null, p(o(l), (e) => (a(), w(o(k), {
+      a("div", y, [
+        r[0] || (r[0] = a("p", { class: "project-phasen-weiterdenken-description" }, " Von den Learnings bis zur Skalierung der Projektergebnisse. ", -1)),
+        (s(!0), c(v, null, S(u(p), (e) => (s(), x(u(j), {
           key: e.name,
           id: e.name,
           placeholder: n.questions[e.name].placeholder,
           modelValue: n.questions[e.name].answer,
-          "onUpdate:modelValue": (s) => n.questions[e.name].answer = s,
+          "onUpdate:modelValue": (i) => n.questions[e.name].answer = i,
           label: e.text,
-          type: o(b),
+          type: u(_),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
           help: `${n.questions[e.name].answer.length || 0} von ${d} Zeichen`,
           "count-hint": !0,
-          onInput: (s) => m(e.name, s),
+          onInput: (i) => w(e.name, i),
           maxlength: d
         }, null, 8, ["id", "placeholder", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128))
       ]),
-      h(f, { "next-text": "Weiter zu den Technischen Prozessschritten" })
+      o(W, { "next-text": "Weiter zu den Technischen Prozessschritten" }, {
+        "prev-and-next": B(({
+          hidePrevious: e,
+          hideNext: i,
+          previousText: k,
+          nextText: l,
+          handlePrevious: b,
+          handleSubmit: f
+        }) => [
+          a("div", C, [
+            h(o(g, {
+              class: "previousButton",
+              variant: "secondary",
+              size: "large",
+              type: "button",
+              "button-text": k,
+              "icon-start": "CaretLeft",
+              onClick: b
+            }, null, 8, ["button-text", "onClick"]), [
+              [m, !e]
+            ]),
+            h(o(g, {
+              size: "large",
+              variant: t.nextVariant,
+              type: "button",
+              "button-text": l,
+              "icon-end": l === "Als Entwurf Speichern" ? null : "CaretRight",
+              onClick: f
+            }, null, 8, ["variant", "button-text", "icon-end", "onClick"]), [
+              [m, !i]
+            ])
+          ])
+        ]),
+        _: 1
+      })
     ]));
   }
-}, A = /* @__PURE__ */ z(v, [["__scopeId", "data-v-fd1e8bc9"]]);
+}, N = /* @__PURE__ */ P(E, [["__scopeId", "data-v-9f374b4b"]]);
 export {
-  A as default
+  N as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ReviewStep.vue2.js";
 /* empty css                */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f73f4b3e"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10866814"]]);
 export {
-  r as default
+  m as default
 };