@piveau/dpi 0.2.0-alpha.3 → 0.2.0-alpha.30

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

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