@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

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

@@ -0,0 +1,1046 @@
+import { defineComponent as ne, computed as F, createBlock as ie, openBlock as d, withCtx as a, createElementVNode as t, createVNode as r, createTextVNode as w, toDisplayString as g, createElementBlock as u, Fragment as h, renderList as $, unref as se, createCommentVNode as P } from "vue";
+import ae from "../../../components/StepActionsSection.vue.js";
+import { useFormValues as le } from "../../../composables/useDpiFormValues.js";
+import { useTwinbyUser as re } from "../../../composables/useTwinbyUser.js";
+import I from "../ActionCard.vue.js";
+import H from "../ButtonV3.vue.js";
+import K from "../Chip.vue.js";
+import E from "../ProcessSteps/GetResource.vue.js";
+import oe from "../ProcessSteps/ProcessStepBase.vue.js";
+/* empty css                                   */
+import G from "../SummaryBox.vue.js";
+import { useEditModeInfo as de } from "../../../composables/useDpiEditMode.js";
+const ue = { class: "step-section" }, pe = { class: "step-section" }, ge = { style: { "list-style": "none", padding: "0", margin: "0" } }, fe = { class: "step-section" }, ve = { style: { "list-style": "none", padding: "0", margin: "0" } }, me = { class: "step-section" }, ye = { class: "step-section" }, De = { class: "step-section" }, be = { class: "step-section" }, ke = { class: "step-section step-section--lg" }, we = { style: { display: "inline-block", "word-break": "break-word", "overflow-wrap": "anywhere", "white-space": "normal" } }, he = { class: "step-section" }, ce = { class: "step-section step-section--lg mb-5" }, ze = { style: { display: "inline-block", "word-break": "break-word", "overflow-wrap": "anywhere", "white-space": "normal" } }, Se = { class: "step-section" }, je = { style: { display: "flex", gap: "5rem", "align-items": "flex-start" } }, Ie = { class: "step-section" }, Pe = { class: "step-section" }, $e = { style: { "list-style": "none", padding: "0", margin: "0" } }, Ge = { class: "step-section" }, xe = {
+  class: "step-section step-section--lg",
+  style: { display: "inline-block", "word-break": "break-word", "overflow-wrap": "anywhere", "white-space": "normal" }
+}, Ee = { class: "step-section" }, He = {
+  class: "step-section step-section--lg",
+  style: { display: "inline-block", "word-break": "break-word", "overflow-wrap": "anywhere", "white-space": "normal" }
+}, Oe = { class: "step-section" }, We = { class: "step-section" }, Ae = { class: "step-section" }, Ce = { class: "step-section" }, Be = { class: "step-section" }, Te = { key: 0 }, Ne = {
+  key: 1,
+  style: { display: "block", "text-align": "center", color: "#666", "font-weight": "normal" }
+}, Ue = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, Ve = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, Le = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, Me = { class: "step-section" }, Fe = { key: 0 }, qe = {
+  key: 1,
+  style: { display: "block", "text-align": "center", color: "#666", "font-weight": "normal" }
+}, Ke = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, Re = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, Ze = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, Je = { class: "step-section" }, Qe = { key: 0 }, Xe = {
+  key: 1,
+  style: { display: "block", "text-align": "center", color: "#666", "font-weight": "normal" }
+}, Ye = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, _e = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, et = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, tt = { class: "step-section" }, nt = { key: 0 }, it = {
+  key: 1,
+  style: { display: "grid", "place-items": "center", width: "100%", height: "100%", "text-align": "center", color: "#666", "font-weight": "normal" }
+}, st = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, at = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, lt = { style: { display: "flex", "align-items": "center", "justify-content": "space-between", width: "100%" } }, wt = /* @__PURE__ */ ne({
+  __name: "ReviewStep",
+  props: {
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["jump", "submit", "delete"],
+  setup(rt, { emit: J }) {
+    const q = J, {
+      /**
+       * The current form values
+       */
+      formValues: Q
+    } = le(), i = F(() => Q.value);
+    function k(c) {
+      q("jump", c);
+    }
+    function x(c) {
+      q("delete", c);
+    }
+    F(() => {
+      var e, n, s, o, p, v, m, y;
+      const c = (e = i.value) == null ? void 0 : e["3. Datensimulation"];
+      return ((n = c == null ? void 0 : c["Grundlegende Informationen"]) == null ? void 0 : n.description) || (((o = (s = c == null ? void 0 : c.Software) == null ? void 0 : s.selected) == null ? void 0 : o.length) ?? 0) > 0 || (((v = (p = c == null ? void 0 : c.Datensätze) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((y = (m = c == null ? void 0 : c.Hardware) == null ? void 0 : m.selected) == null ? void 0 : y.length) ?? 0) > 0;
+    });
+    const X = F(() => "Als Entwurf Speichern"), Y = {
+      public: "Öffentlich",
+      restricted: "Eingeschränkt",
+      internal: "Intern"
+    };
+    function _(c) {
+      return Y[c] || "";
+    }
+    function R(c) {
+      if (!c)
+        return "";
+      const e = new Date(c), n = { day: "numeric", month: "short", year: "numeric" };
+      return e.toLocaleDateString("en-GB", n).replace(",", "");
+    }
+    const { catalogId: Z } = de(), ee = F(() => Z.value ? `${Z.value.replace("-projects", "-orga")}` : ""), { organizationDetails: te } = re({
+      keycloak: "https://keycloak.twin.bydata.de",
+      realm: "piveau",
+      audience: "piveau-hub-repo",
+      catalogId: ee
+    });
+    return (c, e) => (d(), ie(oe, {
+      title: "Vorschau Ihres Projekts",
+      subtitle: "Prüfen Sie, ob alle Angaben vollständig und korrekt sind, bevor Sie das Projekt speichern. Über die Stifte rechts oben können Sie in die jeweiligen Sektionen zurückspringen, um Änderungen vorzunehmen."
+    }, {
+      default: a(() => [
+        e[97] || (e[97] = t("section", { class: "step-section" }, [
+          t("h5", null, "Auffindbarkeit")
+        ], -1)),
+        t("section", ue, [
+          r(I, {
+            "no-delete": !1,
+            onEdit: e[0] || (e[0] = (n) => k("Auffindbarkeit/Sichtbarkeit"))
+          }, {
+            "standalone-name": a(() => e[48] || (e[48] = [
+              w(" Sichtbarkeit ", -1)
+            ])),
+            default: a(() => [
+              r(G, { title: "" }, {
+                default: a(() => {
+                  var n, s;
+                  return [
+                    w(g(_((s = (n = i.value) == null ? void 0 : n["Auffindbarkeit/Sichtbarkeit"]) == null ? void 0 : s.visibility)), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        t("section", pe, [
+          r(I, {
+            "no-delete": !1,
+            onEdit: e[1] || (e[1] = (n) => k("Auffindbarkeit/Kategorien"))
+          }, {
+            "standalone-name": a(() => e[49] || (e[49] = [
+              w(" Kategorien ", -1)
+            ])),
+            default: a(() => {
+              var n, s;
+              return [
+                t("ul", ge, [
+                  (d(!0), u(h, null, $((s = (n = i.value) == null ? void 0 : n["Auffindbarkeit/Kategorien"]) == null ? void 0 : s.categories, (o) => (d(), u("li", { key: o }, [
+                    r(E, {
+                      vocabulary: "data-theme",
+                      "resource-id": o,
+                      "setup-fn": (p) => p
+                    }, {
+                      default: a(({ result: p }) => {
+                        var v;
+                        return [
+                          r(K, {
+                            text: (v = p == null ? void 0 : p.pref_label) == null ? void 0 : v.de,
+                            data: { "@value": "result?.pref_label?.de" },
+                            setup: { "@type": "selected", "@search": !1, "@inTable": !1 }
+                          }, null, 8, ["text"])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128))
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", fe, [
+          r(I, {
+            "no-delete": !1,
+            onEdit: e[2] || (e[2] = (n) => k("Auffindbarkeit/Anwendungsbereiche"))
+          }, {
+            "standalone-name": a(() => e[50] || (e[50] = [
+              w(" Anwendungsbereiche ", -1)
+            ])),
+            default: a(() => {
+              var n, s;
+              return [
+                t("ul", ve, [
+                  (d(!0), u(h, null, $((s = (n = i.value) == null ? void 0 : n["Auffindbarkeit/Anwendungsbereiche"]) == null ? void 0 : s.applications, (o) => (d(), u("li", { key: o }, [
+                    r(K, {
+                      text: o,
+                      data: { "@value": o },
+                      setup: { "@type": "selected", "@search": !1, "@inTable": !1 }
+                    }, null, 8, ["text", "data"])
+                  ]))), 128))
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        e[98] || (e[98] = t("section", { class: "step-section" }, [
+          t("h5", null, "Grundlegende Informationen")
+        ], -1)),
+        t("section", me, [
+          r(I, {
+            "no-delete": !1,
+            onEdit: e[3] || (e[3] = (n) => k("Grundlegende Informationen/Name"))
+          }, {
+            "standalone-name": a(() => e[51] || (e[51] = [
+              w(" Name ", -1)
+            ])),
+            default: a(() => [
+              r(G, { title: "" }, {
+                default: a(() => {
+                  var n, s;
+                  return [
+                    w(g((s = (n = i.value) == null ? void 0 : n["Grundlegende Informationen/Name"]) == null ? void 0 : s.projectName), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        t("section", ye, [
+          r(I, {
+            "no-delete": !1,
+            onEdit: e[4] || (e[4] = (n) => k("Grundlegende Informationen/Beschreibung"))
+          }, {
+            "standalone-name": a(() => e[52] || (e[52] = [
+              w(" Beschreibung ", -1)
+            ])),
+            default: a(() => [
+              r(G, { title: "" }, {
+                default: a(() => {
+                  var n, s;
+                  return [
+                    w(g((s = (n = i.value) == null ? void 0 : n["Grundlegende Informationen/Beschreibung"]) == null ? void 0 : s.projectDescription), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        t("section", De, [
+          r(I, {
+            "no-delete": !1,
+            "no-edit": !0
+          }, {
+            "standalone-name": a(() => e[53] || (e[53] = [
+              w(" Organisation ", -1)
+            ])),
+            default: a(() => [
+              r(G, { title: "" }, {
+                default: a(() => {
+                  var n, s;
+                  return [
+                    w(g(((s = (n = se(te).resultEnhanced) == null ? void 0 : n.value) == null ? void 0 : s.title) || "Stadt Haar"), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        t("section", be, [
+          r(I, {
+            onEdit: e[5] || (e[5] = (n) => k("Grundlegende Informationen/Organisation")),
+            onDelete: e[6] || (e[6] = (n) => x("Grundlegende Informationen/Organisation.contact"))
+          }, {
+            "standalone-name": a(() => e[54] || (e[54] = [
+              w(" Projektkontakt (optional) ", -1)
+            ])),
+            default: a(() => [
+              t("div", ke, [
+                r(G, { title: "Name" }, {
+                  default: a(() => {
+                    var n, s;
+                    return [
+                      w(g((s = (n = i.value) == null ? void 0 : n["Grundlegende Informationen/Organisation"]) == null ? void 0 : s.contact.name), 1)
+                    ];
+                  }),
+                  _: 1
+                }),
+                t("div", we, [
+                  r(G, { title: "E-Mail-Adresse" }, {
+                    default: a(() => {
+                      var n, s;
+                      return [
+                        w(g((s = (n = i.value) == null ? void 0 : n["Grundlegende Informationen/Organisation"]) == null ? void 0 : s.contact.mail), 1)
+                      ];
+                    }),
+                    _: 1
+                  })
+                ]),
+                r(G, { title: "Telefonnummer" }, {
+                  default: a(() => {
+                    var n, s;
+                    return [
+                      w(g((s = (n = i.value) == null ? void 0 : n["Grundlegende Informationen/Organisation"]) == null ? void 0 : s.contact.phone), 1)
+                    ];
+                  }),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        e[99] || (e[99] = t("section", { class: "step-section" }, [
+          t("h5", null, "Optionale Daten")
+        ], -1)),
+        t("section", he, [
+          r(I, {
+            onEdit: e[7] || (e[7] = (n) => k("Optionale Daten")),
+            onDelete: e[8] || (e[8] = (n) => x("Optionale Daten.partners"))
+          }, {
+            "standalone-name": a(() => e[55] || (e[55] = [
+              w(" Partner (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s;
+              return [
+                (d(!0), u(h, null, $((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.partners, (o, p) => (d(), u("div", { key: p }, [
+                  t("div", ce, [
+                    r(G, { title: "Name" }, {
+                      default: a(() => [
+                        w(g(o.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    t("div", ze, [
+                      r(G, { title: "Website" }, {
+                        default: a(() => [
+                          w(g(o.url), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ]))), 128))
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", Se, [
+          r(I, {
+            onEdit: e[9] || (e[9] = (n) => k("Optionale Daten")),
+            onDelete: e[10] || (e[10] = (n) => x(["Optionale Daten.startDate", "Optionale Daten.endDate"]))
+          }, {
+            "standalone-name": a(() => e[56] || (e[56] = [
+              w(" Projektzeitraum (optional) ", -1)
+            ])),
+            default: a(() => [
+              t("div", je, [
+                r(G, { title: "vom" }, {
+                  default: a(() => {
+                    var n, s;
+                    return [
+                      w(g(R((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.startDate)), 1)
+                    ];
+                  }),
+                  _: 1
+                }),
+                r(G, { title: "bis" }, {
+                  default: a(() => {
+                    var n, s;
+                    return [
+                      w(g(R((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.endDate)), 1)
+                    ];
+                  }),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        t("section", Ie, [
+          r(I, {
+            onEdit: e[11] || (e[11] = (n) => k("Optionale Daten")),
+            onDelete: e[12] || (e[12] = (n) => x("Optionale Daten.budget"))
+          }, {
+            "standalone-name": a(() => e[57] || (e[57] = [
+              w(" Budget (optional) ", -1)
+            ])),
+            default: a(() => [
+              r(G, { title: "" }, {
+                default: a(() => {
+                  var n, s;
+                  return [
+                    w(g((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.budget) + " € ", 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        t("section", Pe, [
+          r(I, {
+            onEdit: e[13] || (e[13] = (n) => k("Optionale Daten")),
+            onDelete: e[14] || (e[14] = (n) => x("Optionale Daten.requiredExpertise"))
+          }, {
+            "standalone-name": a(() => e[58] || (e[58] = [
+              w(" Erforderliche Fachkompetenzen (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s;
+              return [
+                t("ul", $e, [
+                  (d(!0), u(h, null, $((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.requiredExpertise, (o) => (d(), u("li", { key: o }, [
+                    r(K, {
+                      text: o,
+                      data: { "@value": "expertise" },
+                      setup: { "@type": "selected", "@search": !1, "@inTable": !1 }
+                    }, null, 8, ["text"])
+                  ]))), 128))
+                ])
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", Ge, [
+          r(I, {
+            onEdit: e[15] || (e[15] = (n) => k("Optionale Daten")),
+            onDelete: e[16] || (e[16] = (n) => x("Optionale Daten.references"))
+          }, {
+            "standalone-name": a(() => e[59] || (e[59] = [
+              w(" Screenshots (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s;
+              return [
+                (d(!0), u(h, null, $((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.references, (o, p) => (d(), u("div", { key: p }, [
+                  t("div", xe, [
+                    r(G, { title: "URL" }, {
+                      default: a(() => [
+                        t("span", null, g(o.homepage), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]))), 128))
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", Ee, [
+          r(I, {
+            onEdit: e[17] || (e[17] = (n) => k("Optionale Daten")),
+            onDelete: e[18] || (e[18] = (n) => x("Optionale Daten.links"))
+          }, {
+            "standalone-name": a(() => e[60] || (e[60] = [
+              w(" Weiterführende Links (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s;
+              return [
+                (d(!0), u(h, null, $((s = (n = i.value) == null ? void 0 : n["Optionale Daten"]) == null ? void 0 : s.links, (o, p) => (d(), u("div", { key: p }, [
+                  t("div", He, [
+                    r(G, { title: "Name" }, {
+                      default: a(() => [
+                        w(g(o.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(G, {
+                      title: "Website",
+                      class: "mb-2"
+                    }, {
+                      default: a(() => [
+                        w(g(o.url), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    r(G, {
+                      title: "Beschreibung",
+                      class: "mb-2"
+                    }, {
+                      default: a(() => [
+                        w(g(o.description), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]))), 128))
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        e[100] || (e[100] = t("section", { class: "step-section" }, [
+          t("h5", null, "Projektphasen")
+        ], -1)),
+        t("section", Oe, [
+          r(I, {
+            onEdit: e[19] || (e[19] = (n) => k("Projektphasen (optional)/Initiieren")),
+            onDelete: e[20] || (e[20] = (n) => x("Projektphasen (optional)/Initiieren"))
+          }, {
+            "standalone-name": a(() => e[61] || (e[61] = [
+              w(" Initiieren (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D;
+              return [
+                e[62] || (e[62] = t("strong", { class: "mt-3" }, "Was waren Auslöser für das Projekt?", -1)),
+                t("p", null, g((s = (n = i.value) == null ? void 0 : n["Projektphasen (optional)/Initiieren"]) == null ? void 0 : s.projectTriggers), 1),
+                e[63] || (e[63] = t("strong", { class: "mt-3" }, "Welche Ämter oder Personen haben Sie frühzeitig involviert?", -1)),
+                t("p", null, g((p = (o = i.value) == null ? void 0 : o["Projektphasen (optional)/Initiieren"]) == null ? void 0 : p.involvedStakeholders), 1),
+                e[64] || (e[64] = t("strong", { class: "mt-3" }, "Gab es interne Widerstände und welche Argumente haben geholfen?", -1)),
+                t("p", null, g((m = (v = i.value) == null ? void 0 : v["Projektphasen (optional)/Initiieren"]) == null ? void 0 : m.dataCollectionMethod), 1),
+                e[65] || (e[65] = t("strong", { class: "mt-3" }, "Wie haben Sie das (erste) Budget berechnet und gesichert?", -1)),
+                t("p", null, g((D = (y = i.value) == null ? void 0 : y["Projektphasen (optional)/Initiieren"]) == null ? void 0 : D.budgetPlanning), 1)
+              ];
+            }),
+            _: 1,
+            __: [62, 63, 64, 65]
+          })
+        ]),
+        t("section", We, [
+          r(I, {
+            onEdit: e[21] || (e[21] = (n) => k("Projektphasen (optional)/Planen")),
+            onDelete: e[22] || (e[22] = (n) => x("Projektphasen (optional)/Planen"))
+          }, {
+            "standalone-name": a(() => e[66] || (e[66] = [
+              w(" Planen (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D;
+              return [
+                e[67] || (e[67] = t("strong", { class: "mt-3" }, "Wie haben Sie die Anforderungen erhoben und dokumentiert?", -1)),
+                t("p", null, g((s = (n = i.value) == null ? void 0 : n["Projektphasen (optional)/Planen"]) == null ? void 0 : s.requirementsGatherings), 1),
+                e[68] || (e[68] = t("strong", { class: "mt-3" }, "Gab es eine Vorlage oder Muster-Leistungsbeschreibung, die hilfreich war und die Sie teilen können?", -1)),
+                t("p", null, g((p = (o = i.value) == null ? void 0 : o["Projektphasen (optional)/Planen"]) == null ? void 0 : p.tenderFormat), 1),
+                e[69] || (e[69] = t("strong", { class: "mt-3" }, "Welche Ausschreibungsform haben Sie gewählt und warum?", -1)),
+                t("p", null, g((m = (v = i.value) == null ? void 0 : v["Projektphasen (optional)/Planen"]) == null ? void 0 : m.tenderTips), 1),
+                e[70] || (e[70] = t("strong", { class: "mt-3" }, "Welche Tipps haben Sie für eine erfolgreiche Ausschreibung?", -1)),
+                t("p", null, g((D = (y = i.value) == null ? void 0 : y["Projektphasen (optional)/Planen"]) == null ? void 0 : D.resourcePlanning), 1)
+              ];
+            }),
+            _: 1,
+            __: [67, 68, 69, 70]
+          })
+        ]),
+        t("section", Ae, [
+          r(I, {
+            onEdit: e[23] || (e[23] = (n) => k("Projektphasen (optional)/Umsetzen")),
+            onDelete: e[24] || (e[24] = (n) => x("Projektphasen (optional)/Umsetzen"))
+          }, {
+            "standalone-name": a(() => e[71] || (e[71] = [
+              w(" Umsetzen (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D;
+              return [
+                e[72] || (e[72] = t("strong", { class: "mt-3" }, "Wie haben Sie die Zusammenarbeit mit den Dienstleistern organisiert?", -1)),
+                t("p", null, g((s = (n = i.value) == null ? void 0 : n["Projektphasen (optional)/Umsetzen"]) == null ? void 0 : s.projectTriggers), 1),
+                e[73] || (e[73] = t("strong", { class: "mt-3" }, "Gab es Verzögerungen und wenn ja, was waren die Gründe?", -1)),
+                t("p", null, g((p = (o = i.value) == null ? void 0 : o["Projektphasen (optional)/Umsetzen"]) == null ? void 0 : p.involvedStakeholders), 1),
+                e[74] || (e[74] = t("strong", { class: "mt-3" }, "Welche Schnittstellen wurden genutzt und traten technische Herausforderungen auf?", -1)),
+                t("p", null, g((m = (v = i.value) == null ? void 0 : v["Projektphasen (optional)/Umsetzen"]) == null ? void 0 : m.dataCollectionMethod), 1),
+                e[75] || (e[75] = t("strong", { class: "mt-3" }, "Was hätte Ihnen während der Umsetzung geholfen?", -1)),
+                t("p", null, g((D = (y = i.value) == null ? void 0 : y["Projektphasen (optional)/Umsetzen"]) == null ? void 0 : D.budgetPlanning), 1)
+              ];
+            }),
+            _: 1,
+            __: [72, 73, 74, 75]
+          })
+        ]),
+        t("section", Ce, [
+          r(I, {
+            onEdit: e[25] || (e[25] = (n) => k("Projektphasen (optional)/Weiterdenken")),
+            onDelete: e[26] || (e[26] = (n) => x("Projektphasen (optional)/Weiterdenken"))
+          }, {
+            "standalone-name": a(() => e[76] || (e[76] = [
+              w(" Weiterdenken (optional) ", -1)
+            ])),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D;
+              return [
+                e[77] || (e[77] = t("strong", { class: "mt-3" }, "Was waren Ihre wichtigsten Learnings aus dem Projekt?", -1)),
+                t("p", null, g((s = (n = i.value) == null ? void 0 : n["Projektphasen (optional)/Weiterdenken"]) == null ? void 0 : s.projectTriggers), 1),
+                e[78] || (e[78] = t("strong", { class: "mt-3" }, "Wird die Wirksamkeit Ihres Projekts überwacht und ist der geplante Nutzen eingetreten?", -1)),
+                t("p", null, g((p = (o = i.value) == null ? void 0 : o["Projektphasen (optional)/Weiterdenken"]) == null ? void 0 : p.involvedStakeholders), 1),
+                e[79] || (e[79] = t("strong", { class: "mt-3" }, "Gibt es Pläne für eine Skalierung oder Weiterentwicklung?", -1)),
+                t("p", null, g((m = (v = i.value) == null ? void 0 : v["Projektphasen (optional)/Weiterdenken"]) == null ? void 0 : m.dataCollectionMethod), 1),
+                e[80] || (e[80] = t("strong", { class: "mt-3" }, "Welche externen Unterstützungsangebote haben Ihnen geholfen oder auch gefehlt? ", -1)),
+                t("p", null, g((D = (y = i.value) == null ? void 0 : y["Projektphasen (optional)/Weiterdenken"]) == null ? void 0 : D.budgetPlanning), 1)
+              ];
+            }),
+            _: 1,
+            __: [77, 78, 79, 80]
+          })
+        ]),
+        e[101] || (e[101] = t("section", { class: "step-section" }, [
+          t("h5", null, "Technische Prozessschritte")
+        ], -1)),
+        t("section", Be, [
+          r(I, {
+            onDelete: e[30] || (e[30] = (n) => x(["1. Datenerfassung/Grundlegende Informationen", "1. Datenerfassung/Software", "1. Datenerfassung/Datensätze", "1. Datenerfassung/Hardware"])),
+            onEdit: e[31] || (e[31] = (n) => k("1. Datenerfassung/Grundlegende Informationen"))
+          }, {
+            "standalone-name": a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["1. Datenerfassung/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["1. Datenerfassung/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["1. Datenerfassung/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["1. Datenerfassung/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u("span", Te, " Datenerfassung ")) : (d(), u("span", Ne, " Aktuell haben Sie keinen Prozessschritt zur Datenerfassung hinterlegt. "))
+              ];
+            }),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j, O, W, A, C, B, T, N, U, V, L, M;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["1. Datenerfassung/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["1. Datenerfassung/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["1. Datenerfassung/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["1. Datenerfassung/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u(h, { key: 0 }, [
+                  (W = (O = i.value) == null ? void 0 : O["1. Datenerfassung/Grundlegende Informationen"]) != null && W.description ? (d(), u(h, { key: 0 }, [
+                    e[81] || (e[81] = t("p", null, "Beschreibung", -1)),
+                    t("strong", null, g(i.value["1. Datenerfassung/Grundlegende Informationen"].description), 1)
+                  ], 64)) : P("", !0),
+                  t("div", Ue, [
+                    e[82] || (e[82] = t("p", { style: { margin: "0" } }, " Software ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[27] || (e[27] = (f) => k("1. Datenerfassung/Software"))
+                    })
+                  ]),
+                  (((B = (C = (A = i.value) == null ? void 0 : A["1. Datenerfassung/Software"]) == null ? void 0 : C.selected) == null ? void 0 : B.length) ?? 0) > 0 ? (d(!0), u(h, { key: 1 }, $(i.value["1. Datenerfassung/Software"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "software",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", Ve, [
+                    e[83] || (e[83] = t("p", { style: { margin: "0" } }, " Datensatz ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[28] || (e[28] = (f) => k("1. Datenerfassung/Datensätze"))
+                    })
+                  ]),
+                  (((U = (N = (T = i.value) == null ? void 0 : T["1. Datenerfassung/Datensätze"]) == null ? void 0 : N.selected) == null ? void 0 : U.length) ?? 0) > 0 ? (d(!0), u(h, { key: 2 }, $(i.value["1. Datenerfassung/Datensätze"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "datasets",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.title) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", Le, [
+                    e[84] || (e[84] = t("p", { style: { margin: "0" } }, " Hardware ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[29] || (e[29] = (f) => k("1. Datenerfassung/Hardware"))
+                    })
+                  ]),
+                  (((M = (L = (V = i.value) == null ? void 0 : V["1. Datenerfassung/Hardware"]) == null ? void 0 : L.selected) == null ? void 0 : M.length) ?? 0) > 0 ? (d(!0), u(h, { key: 3 }, $(i.value["1. Datenerfassung/Hardware"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "hardware",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0)
+                ], 64)) : P("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", Me, [
+          r(I, {
+            onDelete: e[35] || (e[35] = (n) => x(["2. Datenverarbeitung/Grundlegende Informationen", "2. Datenverarbeitung/Software", "2. Datenverarbeitung/Datensätze", "2. Datenverarbeitung/Hardware"])),
+            onEdit: e[36] || (e[36] = (n) => k("2. Datenverarbeitung/Grundlegende Informationen"))
+          }, {
+            "standalone-name": a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["2. Datenverarbeitung/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["2. Datenverarbeitung/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["2. Datenverarbeitung/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["2. Datenverarbeitung/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u("span", Fe, " Datenverarbeitung ")) : (d(), u("span", qe, " Aktuell haben Sie keinen Prozessschritt zur Datenverarbeitung hinterlegt. "))
+              ];
+            }),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j, O, W, A, C, B, T, N, U, V, L, M;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["2. Datenverarbeitung/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["2. Datenverarbeitung/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["2. Datenverarbeitung/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["2. Datenverarbeitung/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u(h, { key: 0 }, [
+                  (W = (O = i.value) == null ? void 0 : O["2. Datenverarbeitung/Grundlegende Informationen"]) != null && W.description ? (d(), u(h, { key: 0 }, [
+                    e[85] || (e[85] = t("p", null, "Beschreibung", -1)),
+                    t("strong", null, g(i.value["2. Datenverarbeitung/Grundlegende Informationen"].description), 1)
+                  ], 64)) : P("", !0),
+                  t("div", Ke, [
+                    e[86] || (e[86] = t("p", { style: { margin: "0" } }, " Software ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[32] || (e[32] = (f) => k("2. Datenverarbeitung/Software"))
+                    })
+                  ]),
+                  (((B = (C = (A = i.value) == null ? void 0 : A["2. Datenverarbeitung/Software"]) == null ? void 0 : C.selected) == null ? void 0 : B.length) ?? 0) > 0 ? (d(!0), u(h, { key: 1 }, $(i.value["2. Datenverarbeitung/Software"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "software",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", Re, [
+                    e[87] || (e[87] = t("p", { style: { margin: "0" } }, " Datensatz ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[33] || (e[33] = (f) => k("2. Datenverarbeitung/Datensätze"))
+                    })
+                  ]),
+                  (((U = (N = (T = i.value) == null ? void 0 : T["2. Datenverarbeitung/Datensätze"]) == null ? void 0 : N.selected) == null ? void 0 : U.length) ?? 0) > 0 ? (d(!0), u(h, { key: 2 }, $(i.value["2. Datenverarbeitung/Datensätze"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "datasets",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.title) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", Ze, [
+                    e[88] || (e[88] = t("p", { style: { margin: "0" } }, " Hardware ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[34] || (e[34] = (f) => k("2. Datenverarbeitung/Hardware"))
+                    })
+                  ]),
+                  (((M = (L = (V = i.value) == null ? void 0 : V["2. Datenverarbeitung/Hardware"]) == null ? void 0 : L.selected) == null ? void 0 : M.length) ?? 0) > 0 ? (d(!0), u(h, { key: 3 }, $(i.value["2. Datenverarbeitung/Hardware"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "hardware",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0)
+                ], 64)) : P("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", Je, [
+          r(I, {
+            onDelete: e[40] || (e[40] = (n) => x(["3. Datensimulation/Grundlegende Informationen", "3. Datensimulation/Software", "3. Datensimulation/Datensätze", "3. Datensimulation/Hardware"])),
+            onEdit: e[41] || (e[41] = (n) => k("3. Datensimulation/Grundlegende Informationen"))
+          }, {
+            "standalone-name": a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["3. Datensimulation/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["3. Datensimulation/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["3. Datensimulation/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["3. Datensimulation/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u("span", Qe, " Datensimulation ")) : (d(), u("span", Xe, " Aktuell haben Sie keinen Prozessschritt zur Datensimulation hinterlegt. "))
+              ];
+            }),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j, O, W, A, C, B, T, N, U, V, L, M;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["3. Datensimulation/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["3. Datensimulation/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["3. Datensimulation/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["3. Datensimulation/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u(h, { key: 0 }, [
+                  (W = (O = i.value) == null ? void 0 : O["3. Datensimulation/Grundlegende Informationen"]) != null && W.description ? (d(), u(h, { key: 0 }, [
+                    e[89] || (e[89] = t("p", null, "Beschreibung", -1)),
+                    t("strong", null, g(i.value["3. Datensimulation/Grundlegende Informationen"].description), 1)
+                  ], 64)) : P("", !0),
+                  t("div", Ye, [
+                    e[90] || (e[90] = t("p", { style: { margin: "0" } }, " Software ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[37] || (e[37] = (f) => k("3. Datensimulation/Software"))
+                    })
+                  ]),
+                  (((B = (C = (A = i.value) == null ? void 0 : A["3. Datensimulation/Software"]) == null ? void 0 : C.selected) == null ? void 0 : B.length) ?? 0) > 0 ? (d(!0), u(h, { key: 1 }, $(i.value["3. Datensimulation/Software"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "software",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", _e, [
+                    e[91] || (e[91] = t("p", { style: { margin: "0" } }, " Datensatz ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[38] || (e[38] = (f) => k("3. Datensimulation/Datensätze"))
+                    })
+                  ]),
+                  (((U = (N = (T = i.value) == null ? void 0 : T["3. Datensimulation/Datensätze"]) == null ? void 0 : N.selected) == null ? void 0 : U.length) ?? 0) > 0 ? (d(!0), u(h, { key: 2 }, $(i.value["3. Datensimulation/Datensätze"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "datasets",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.title) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", et, [
+                    e[92] || (e[92] = t("p", { style: { margin: "0" } }, " Hardware ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[39] || (e[39] = (f) => k("3. Datensimulation/Hardware"))
+                    })
+                  ]),
+                  (((M = (L = (V = i.value) == null ? void 0 : V["3. Datensimulation/Hardware"]) == null ? void 0 : L.selected) == null ? void 0 : M.length) ?? 0) > 0 ? (d(!0), u(h, { key: 3 }, $(i.value["3. Datensimulation/Hardware"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "hardware",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0)
+                ], 64)) : P("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        t("section", tt, [
+          r(I, {
+            onDelete: e[45] || (e[45] = (n) => x(["4. Datenvisualisierung/Grundlegende Informationen", "4. Datenvisualisierung/Software", "4. Datenvisualisierung/Datensätze", "4. Datenvisualisierung/Hardware"])),
+            onEdit: e[46] || (e[46] = (n) => k("4. Datenvisualisierung/Grundlegende Informationen"))
+          }, {
+            "standalone-name": a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["4. Datenvisualisierung/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["4. Datenvisualisierung/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["4. Datenvisualisierung/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["4. Datenvisualisierung/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u("span", nt, " Datenvisualisierung ")) : (d(), u("div", it, " Aktuell haben Sie keinen Prozessschritt zur Datenvisualisierung hinterlegt. "))
+              ];
+            }),
+            default: a(() => {
+              var n, s, o, p, v, m, y, D, z, S, j, O, W, A, C, B, T, N, U, V, L, M;
+              return [
+                (s = (n = i.value) == null ? void 0 : n["4. Datenvisualisierung/Grundlegende Informationen"]) != null && s.description || (((v = (p = (o = i.value) == null ? void 0 : o["4. Datenvisualisierung/Software"]) == null ? void 0 : p.selected) == null ? void 0 : v.length) ?? 0) > 0 || (((D = (y = (m = i.value) == null ? void 0 : m["4. Datenvisualisierung/Datensätze"]) == null ? void 0 : y.selected) == null ? void 0 : D.length) ?? 0) > 0 || (((j = (S = (z = i.value) == null ? void 0 : z["4. Datenvisualisierung/Hardware"]) == null ? void 0 : S.selected) == null ? void 0 : j.length) ?? 0) > 0 ? (d(), u(h, { key: 0 }, [
+                  (W = (O = i.value) == null ? void 0 : O["4. Datenvisualisierung/Grundlegende Informationen"]) != null && W.description ? (d(), u(h, { key: 0 }, [
+                    e[93] || (e[93] = t("p", null, "Beschreibung", -1)),
+                    t("strong", null, g(i.value["4. Datenvisualisierung/Grundlegende Informationen"].description), 1)
+                  ], 64)) : P("", !0),
+                  t("div", st, [
+                    e[94] || (e[94] = t("p", { style: { margin: "0" } }, " Software ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[42] || (e[42] = (f) => k("4. Datenvisualisierung/Software"))
+                    })
+                  ]),
+                  (((B = (C = (A = i.value) == null ? void 0 : A["4. Datenvisualisierung/Software"]) == null ? void 0 : C.selected) == null ? void 0 : B.length) ?? 0) > 0 ? (d(!0), u(h, { key: 1 }, $(i.value["4. Datenvisualisierung/Software"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "software",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", at, [
+                    e[95] || (e[95] = t("p", { style: { margin: "0" } }, " Datensatz ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[43] || (e[43] = (f) => k("4. Datenvisualisierung/Datensätze"))
+                    })
+                  ]),
+                  (((U = (N = (T = i.value) == null ? void 0 : T["4. Datenvisualisierung/Datensätze"]) == null ? void 0 : N.selected) == null ? void 0 : U.length) ?? 0) > 0 ? (d(!0), u(h, { key: 2 }, $(i.value["4. Datenvisualisierung/Datensätze"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "datasets",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.title) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0),
+                  t("div", lt, [
+                    e[96] || (e[96] = t("p", { style: { margin: "0" } }, " Hardware ", -1)),
+                    r(H, {
+                      size: "large",
+                      "icon-start": "pen",
+                      variant: "secondary",
+                      onClick: e[44] || (e[44] = (f) => k("4. Datenvisualisierung/Hardware"))
+                    })
+                  ]),
+                  (((M = (L = (V = i.value) == null ? void 0 : V["4. Datenvisualisierung/Hardware"]) == null ? void 0 : L.selected) == null ? void 0 : M.length) ?? 0) > 0 ? (d(!0), u(h, { key: 3 }, $(i.value["4. Datenvisualisierung/Hardware"].selected, (f) => (d(), u("ul", {
+                    key: f.id,
+                    style: { "list-style": "none", padding: "0", margin: "0" }
+                  }, [
+                    r(E, {
+                      "base-url": "https://twin.bydata.de/api/hub/search",
+                      resource: "hardware",
+                      "resource-id": f.id,
+                      "setup-fn": (l) => l
+                    }, {
+                      default: a(({ result: l }) => {
+                        var b;
+                        return [
+                          t("li", null, [
+                            t("strong", null, g((b = l == null ? void 0 : l.name) == null ? void 0 : b.de), 1)
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["resource-id", "setup-fn"])
+                  ]))), 128)) : P("", !0)
+                ], 64)) : P("", !0)
+              ];
+            }),
+            _: 1
+          })
+        ]),
+        r(ae, {
+          "next-text": X.value,
+          loading: c.loading,
+          onSubmit: e[47] || (e[47] = (n) => q("submit"))
+        }, null, 8, ["next-text", "loading"])
+      ]),
+      _: 1,
+      __: [97, 98, 99, 100, 101]
+    }));
+  }
+});
+export {
+  wt as default
+};