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

package/dist/packages/dpi/src/data-provider-interface/views/InputPageProject.vue.js

@@ -1,62 +1,70 @@
-import { getNode as t1 } from "@formkit/core";
-import { getValidationMessages as f1 } from "@formkit/validation";
+import { getNode as n1, reset as c1 } from "@formkit/core";
+import { getValidationMessages as E1 } from "@formkit/validation";
 import "@formkit/vue";
 import "@phosphor-icons/vue";
-import { useWindowScroll as v1 } from "@vueuse/core";
+import "@piveau/sdk-core/hubRepo";
+import { whenever as A1, useWindowScroll as U1 } from "@vueuse/core";
+import "axios";
 import "jquery";
-import { has as $, isNil as o1 } from "lodash-es";
-import { defineComponent as h1, resolveComponent as s, createElementBlock as d, openBlock as p, createCommentVNode as H, createElementVNode as n, createBlock as n1, withModifiers as S1, withCtx as i, createVNode as t, Fragment as i1, renderList as a1, normalizeClass as g1, createTextVNode as s1, toDisplayString as P, ref as v, computed as x, markRaw as V1, toRef as H1, watch as r1, nextTick as D1 } from "vue";
-import { useI18n as b1 } from "vue-i18n";
-import { mapActions as l1, mapGetters as p1 } from "vuex";
-import w1 from "../../stories/components/DemoStep.vue.js";
-import k1 from "../../stories/components/ReviewStepDemo.vue.js";
-import y1 from "../components/dev-tools/ProjectDpiDevTools.vue.js";
-import _1 from "../components/InputPageStep.vue.js";
-import P1 from "../components/ProgressSteps.vue.js";
-import M1 from "../components/StepActionsSection.vue.js";
-import { encodeProject as I1 } from "../composables/project-transformer/encodeProject.js";
-import { useFormValues as F1 } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as T1 } from "../composables/useDpiStepper.js";
-import L1 from "../config/dcatapdeHappyFlow/converter.js";
-import { eventBus as j1 } from "../HappyFlowComponents/services/eventBus.js";
-import O1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
-import Z1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
-import $1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
-import A1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
-import B1 from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import E1 from "../HappyFlowComponents/ui/Card.vue.js";
-import U1 from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
-import z1 from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
-import N1 from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
-import R1 from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
-import G1 from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import W1 from "../HappyFlowComponents/ui/Illustration.vue.js";
-import J1 from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
-import q1 from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import K1 from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import Q1 from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import X1 from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
-import Y1 from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
-import x1 from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
-import ee from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
-import te from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
-import oe from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
-import ne from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
-import ie from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
-import ae from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
-import se from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
-import re from "../HappyFlowComponents/ui/ReviewStep/ReviewStep.vue.js";
-import le from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import pe from "../HappyFlowComponents/ui/WipStep.vue.js";
-import de from "./OverviewPage.vue.js";
+import { has as E, isNil as C1 } from "lodash-es";
+import { defineComponent as N1, resolveComponent as r, createElementBlock as d, openBlock as p, createCommentVNode as g, createElementVNode as i, createBlock as f1, withModifiers as R1, withCtx as a, createVNode as t, Fragment as v1, renderList as S1, normalizeClass as z1, createTextVNode as g1, toDisplayString as M, computed as y, ref as v, markRaw as G1, toRef as W1, watch as h1, nextTick as q1 } from "vue";
+import { useI18n as J1 } from "vue-i18n";
+import { useRoute as K1, useRouter as Q1 } from "vue-router";
+import { mapActions as V1, mapGetters as H1 } from "vuex";
+import { useRuntimeEnv as X1 } from "../../composables/useRuntimeEnv.js";
+import Y1 from "../../stories/components/DemoStep.vue.js";
+import x1 from "../../stories/components/ReviewStepDemo.vue.js";
+import ee from "../components/dev-tools/ProjectDpiDevTools.vue.js";
+import te from "../components/InputPageStep.vue.js";
+import oe from "../components/ProgressSteps.vue.js";
+import ie from "../components/StepActionsSection.vue.js";
+import { useFormValues as ne } from "../composables/useDpiFormValues.js";
+import { useDpiStepper as ae } from "../composables/useDpiStepper.js";
+import { useProjectActions as re } from "../composables/useProjectActions.js";
+import { useTwinbyUser as se } from "../composables/useTwinbyUser.js";
+import le from "../config/dcatapdeHappyFlow/converter.js";
+import { eventBus as pe } from "../HappyFlowComponents/services/eventBus.js";
+import de from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
+import ue from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
+import me from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
+import ce from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
+import Ce from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import fe from "../HappyFlowComponents/ui/Card.vue.js";
+import ve from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
+import Se from "../HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js";
+import ge from "../HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js";
+import he from "../HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js";
+import Ve from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import He from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
+import De from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
+import we from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
+import be from "../HappyFlowComponents/ui/Illustration.vue.js";
+import ye from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
+import ke from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import Pe from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import _e from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import Ie from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
+import Me from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
+import Fe from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
+import Le from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
+import Te from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
+import je from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
+import Ze from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
+import $e from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
+import Oe from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
+import Be from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
+import Ee from "../HappyFlowComponents/ui/ReviewStep/ReviewStep.vue.js";
+import Ae from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import Ue from "../HappyFlowComponents/ui/WipStep.vue.js";
+import Ne from "./OverviewPage.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                      */
-import ue from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as me } from "../composables/useDpiContext.js";
-import { useEditModeInfo as Ce } from "../composables/useDpiEditMode.js";
-import { useFormSchema as ce } from "../composables/useFormSchema.js";
-const fe = h1({
+import Re from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as ze } from "../composables/useDpiContext.js";
+import { useEditModeInfo as Ge } from "../composables/useDpiEditMode.js";
+import { useFormSchema as We } from "../composables/useFormSchema.js";
+const qe = N1({
   props: {
     property: {
       required: !0,
@@ -78,56 +86,59 @@ const fe = h1({
     };
   },
   components: {
-    InputPageStep: _1,
+    InputPageStep: te,
     // DistributionInputPage,
-    LogoV3: K1,
-    ButtonV3: B1,
-    TextButtonSmall: le,
-    Illustration: W1,
+    LogoV3: Pe,
+    ButtonV3: Ce,
+    TextButtonSmall: Ae,
+    Illustration: be,
     // PhLightbulb,
     // PhCheckCircle,
-    ModalSimpleV3: Q1,
+    ModalSimpleV3: _e,
     // DemoStepper,
-    DemoStep: w1,
-    ProgressSteps: P1,
-    ReviewStepDemo: k1,
-    LandingProjectStep: J1,
-    StepActionsSection: M1,
-    DiscoverabilityStep: G1,
-    CategoriesStep: R1,
-    ApplicationsStep: N1,
-    ProjectNameStep: Z1,
-    ProjectDescriptionStep: O1,
-    ProjectStatusStep: A1,
-    ProjectOrganisationStep: $1,
-    SoftwareStep: te,
-    DatasetStep: Y1,
-    HardwareStep: x1,
-    OptionalDataStep: X1,
-    InitiierenStep: oe,
-    UmstezenStep: ae,
-    PlanenStep: ne,
-    WeiterdenkenStep: se,
-    BasicInformationStep: U1,
-    ProcessStepsOverviewStep: ee,
-    ReviewStep: re,
-    ProjektPhasenOverviewStep: ie,
-    Card: E1,
-    Listbox: q1,
-    DpiModalBase: z1,
-    WipStep: pe,
-    ProjectDpiDevTools: y1
+    DemoStep: Y1,
+    ProgressSteps: oe,
+    ReviewStepDemo: x1,
+    LandingProjectStep: ye,
+    StepActionsSection: ie,
+    DiscoverabilityStep: we,
+    CategoriesStep: De,
+    ApplicationsStep: He,
+    ProjectNameStep: ue,
+    ProjectDescriptionStep: de,
+    ProjectStatusStep: ce,
+    ProjectOrganisationStep: me,
+    SoftwareStep: Te,
+    DatasetStep: Me,
+    HardwareStep: Fe,
+    OptionalDataStep: Ie,
+    InitiierenStep: je,
+    UmstezenStep: Oe,
+    PlanenStep: Ze,
+    WeiterdenkenStep: Be,
+    BasicInformationStep: ve,
+    DataProcessingBasicInformationStep: Se,
+    DataVisualisationBasicInformationStep: he,
+    DataSimulationBasicInformationStep: ge,
+    ProcessStepsOverviewStep: Le,
+    ReviewStep: Ee,
+    ProjektPhasenOverviewStep: $e,
+    Card: fe,
+    Listbox: ke,
+    DpiModalBase: Ve,
+    WipStep: Ue,
+    ProjectDpiDevTools: ee
   },
   computed: {
-    ...p1("auth", [
+    ...H1("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...p1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...H1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => $(this.formValues[e], "dct:title")
+        (e) => E(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -138,7 +149,7 @@ const fe = h1({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return $(e, "dct:title") && e["dct:title"].length > 0 && $(e["dct:title"][0], "@value") && !o1(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+        return E(e, "dct:title") && e["dct:title"].length > 0 && E(e["dct:title"][0], "@value") && !C1(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
       } catch {
       }
     },
@@ -147,8 +158,8 @@ const fe = h1({
     }
   },
   methods: {
-    ...l1("auth", ["setIsEditMode", "setIsDraft"]),
-    ...l1("dpiStore", [
+    ...V1("auth", ["setIsEditMode", "setIsDraft"]),
+    ...V1("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -158,23 +169,23 @@ const fe = h1({
     },
     // Route to the RAP Page
     goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(t1(this.activeStep).value)[0];
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(n1(this.activeStep).value)[0];
     },
     handleDistributionsValidation(e) {
-      j1.emit("nextClicked", e);
+      pe.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
         name: "DPI-Home-HappyFlow"
       }).href;
     },
-    async dispatchDataToDPI(e, o, u, S) {
-      var _, m;
-      console.log("body:", e, o, "params:", u, S);
+    async dispatchDataToDPI(e, o, u, k) {
+      var F, h;
+      console.log("body:", e, o, "params:", u, k);
       try {
-        S === "publish" && (u.token = this.getUserData.rtpToken, console.log(u.token), u.url = `${this.$env.api.hubUrl}catalogues/${u.catalog}/datasets/origin?originalId=${u.id}`, await this.$store.dispatch(o, u)), S === "draft" && await this.$store.dispatch(o, u), (_ = this.$Progress) == null || _.finish(), this.clearAll();
-      } catch (D) {
-        console.error(D), (m = this.$Progress) == null || m.fail();
+        k === "publish" && (u.token = this.getUserData.rtpToken, console.log(u.token), u.url = `${this.$env.api.hubUrl}catalogues/${u.catalog}/datasets/origin?originalId=${u.id}`, await this.$store.dispatch(o, u)), k === "draft" && await this.$store.dispatch(o, u), (F = this.$Progress) == null || F.finish(), this.clearAll();
+      } catch (f) {
+        console.error(f), (h = this.$Progress) == null || h.fail();
       }
     },
     clearForm() {
@@ -185,7 +196,7 @@ const fe = h1({
     },
     createDatasetID() {
       const e = this.formValues[this.getTitleStep];
-      !$(e, "datasetID") || o1(e.datasetID) ? this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle : (this.createIDFromTitle.startsWith(e.datasetID) || e.datasetID.startsWith(this.createIDFromTitle)) && (this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle);
+      !E(e, "datasetID") || C1(e.datasetID) ? this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle : (this.createIDFromTitle.startsWith(e.datasetID) || e.datasetID.startsWith(this.createIDFromTitle)) && (this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle);
     },
     generateandTranslateSchema(e) {
       for (let o = 0; o < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[e].length; o++)
@@ -247,408 +258,419 @@ const fe = h1({
   //   })
   // },
   setup() {
-    const e = me(), { isEditMode: o } = Ce(), {
-      steps: u,
-      stepList: S,
-      visitedSteps: _,
+    var l1, p1, d1, u1;
+    const e = X1(), o = ze(), { isEditMode: u, editIdQuery: k, editFromDraft: F } = Ge(), h = y(() => !1), f = K1(), A = Q1(), {
+      steps: L,
+      stepList: T,
+      visitedSteps: U,
       activeStep: m,
-      stepPlugin: D,
-      goToNextStep: C,
-      goToPreviousStep: A,
-      subSteps: B,
-      previousStep: E,
-      nextStep: U,
-      current: b,
-      goToStep: M,
-      isLast: a,
-      triggerValidationCurrentStep: z
-    } = T1(), { formValues: w } = F1(), { t: N, te: R } = b1(), G = v(!1), I = v(!1), k = v([]), F = x(() => m.value ? t1(m.value) : null), W = (l) => {
+      stepPlugin: N,
+      goToNextStep: n,
+      goToPreviousStep: R,
+      subSteps: z,
+      previousStep: G,
+      nextStep: W,
+      current: V,
+      goToStep: j,
+      isLast: q,
+      triggerValidationCurrentStep: J
+    } = ae();
+    u.value && (m.value = "Vorschau"), A1(h, () => {
+      h.value && (m.value = "Vorschau");
+    });
+    const { formValues: Z } = ne(), { t: K, te: Q } = J1(), X = v(!1), $ = v(!1), H = v([]), Y = y(() => m.value ? n1(m.value) : null), D = (l) => {
       if (!l)
         return;
-      const f = f1(l);
-      k.value = [], f.forEach((Z) => {
-        k.value = k.value.concat(
-          Z.map((c1) => c1.value)
+      const C = E1(l);
+      H.value = [], C.forEach((S) => {
+        H.value = H.value.concat(
+          S.map((_) => _.value)
         );
       });
-    }, { translateSchema: J, createSchema: q, getSchema: K } = ce({
-      t: N,
-      te: R
-    }), { y: Q } = v1({ behavior: "smooth" }), T = () => {
-      Q.value = 0;
-    }, X = V1({ OverviewPage: de }), g = v("");
-    o.value && (m.value = "ReviewAndPublish", g.value = "reviewAndPublishPage");
-    const y = H1(u), h = (l) => {
-      var Z;
-      const f = (Z = y.value) == null ? void 0 : Z[l];
-      return f ? f.valid : !1;
-    }, V = v(!1), L = v(0);
-    r1(m, (l) => {
-      l === "review" && (V.value = !0, L.value++);
-    }), r1(m, () => {
-      T();
+    }, { translateSchema: w, createSchema: b, getSchema: x } = We({
+      t: K,
+      te: Q
+    }), { y: e1 } = U1({ behavior: "smooth" }), O = () => {
+      e1.value = 0;
+    }, t1 = G1({ OverviewPage: Ne }), B = v("");
+    h.value && (m.value = "ReviewAndPublish", B.value = "reviewAndPublishPage");
+    const o1 = W1(L), s = (l) => {
+      var S;
+      const C = (S = o1.value) == null ? void 0 : S[l];
+      return C ? C.valid : !1;
+    }, c = v(!1), P = v(0);
+    h1(m, (l) => {
+      l === "review" && (c.value = !0, P.value++);
+    }), h1(m, () => {
+      O();
     });
-    const Y = async () => {
+    const a1 = async () => {
       try {
-        const l = "auth/createDataset", f = await L1(
-          w.value,
-          e,
+        const l = "auth/createDataset", C = await le(
+          Z.value,
+          o,
           // We'll need to access getUserData somehow - for now using a placeholder
           {},
           // We'll need to access $env.api.hubUrl - for now using a placeholder
           ""
         );
-        console.log("Publishing:", f), setTimeout(() => {
+        console.log("Publishing:", C), setTimeout(() => {
           window.location.href = "/dpi-home-happyflow";
         }, 1e3);
       } catch (l) {
         console.error("Fehler beim Veröffentlichen:", l);
       }
     };
-    function j() {
-      h(b.value) && C();
+    function r1() {
+      s(V.value) && n();
     }
-    async function r() {
-      z(), await D1();
-      const l = F.value, f = l ? !h(b.value) : !1;
-      f && W(l), I.value = f, a.value ? console.log("Form submitted", values.value) : j();
+    async function D1() {
+      J(), await q1();
+      const l = Y.value, C = l ? !s(V.value) : !1;
+      C && D(l), $.value = C, q.value ? console.log("Form submitted", values.value) : r1();
     }
-    const c = x(() => S.value.map((l) => ({ id: l, name: l }))), O = x({
+    const w1 = y(() => T.value.map((l) => ({ id: l, name: l }))), b1 = y({
       get() {
-        return { id: b.value, name: b.value };
+        return { id: V.value, name: V.value };
       },
       set(l) {
-        M(l.id);
+        j(l.id);
+      }
+    }), y1 = v(!1), { organization: k1, catalogProject: P1, startFetchPermissions: _1, userRoles: I1, permissions: M1 } = se({
+      keycloak: ((p1 = (l1 = e.authentication) == null ? void 0 : l1.keycloak) == null ? void 0 : p1.url) || "https://keycloak.twin.bydata.de",
+      realm: ((u1 = (d1 = e.authentication) == null ? void 0 : d1.keycloak) == null ? void 0 : u1.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    });
+    _1();
+    const { submitDraft: s1 } = re({
+      onSuccess: () => {
+        A.push({ name: "DPI-Home-HappyFlow" });
       }
-    }), e1 = v(!1);
-    function d1() {
-      console.log("Form submittedo", w.value);
-      const l = I1(w.value, { language: "de" });
-      console.log("ld", l), window.alert(JSON.stringify(l, null, 2));
+    }), F1 = async () => {
+      await s1.execute(320);
+    }, L1 = y(() => s1.isLoading.value), T1 = v(!1), j1 = v(0);
+    function Z1(l) {
+      j(l);
     }
-    const u1 = v(!1), m1 = v(0);
-    function C1(l) {
-      M(l);
+    function $1(l) {
+      (Array.isArray(l) ? l : [l]).forEach((S) => {
+        const _ = n1("dpiForm");
+        if (_)
+          if (S.includes("#")) {
+            const [I, B1] = S.split("#"), m1 = _.at([I]);
+            if (!m1)
+              return;
+            const i1 = m1.at(["$self", B1]);
+            if (!i1)
+              return;
+            i1._value = {}, c1(i1);
+          } else {
+            const I = _.at([S]);
+            if (!I)
+              return;
+            I._value = {}, c1(I);
+          }
+      });
     }
+    const O1 = y(() => {
+      var l;
+      return ((l = f.query) == null ? void 0 : l.__dev) === "true";
+    });
     return {
-      steps: u,
-      visitedSteps: _,
+      steps: L,
+      visitedSteps: U,
       activeStep: m,
-      activeSubStep: g,
-      subSteps: B,
-      previousStep: E,
-      stepList: S,
-      nextStep: U,
-      stepPlugin: D,
-      checkStepValidity: h,
-      goToNextStep: C,
-      goToNextStepIfValid: j,
-      goToPreviousStep: A,
-      scrollToTop: T,
-      library: X,
-      isEditMode: o,
-      translateSchema: J,
-      createSchema: q,
-      getSchema: K,
-      dpiContext: e,
-      formValues: w,
-      activeSimpleModal: G,
-      shouldRenderReviewStep: V,
-      renderViewStepKey: L,
-      handlePublish: Y,
-      handleSubmit: r,
-      showErrorSummary: I,
-      validationMessages: k,
-      stepOptions: c,
-      stepSelect: O,
-      hologramOpen: e1,
-      submitto: d1,
-      devToolsOpen: u1,
-      nonce: m1,
-      jumpToStep: C1
+      activeSubStep: B,
+      subSteps: z,
+      previousStep: G,
+      stepList: T,
+      nextStep: W,
+      stepPlugin: N,
+      checkStepValidity: s,
+      goToNextStep: n,
+      goToNextStepIfValid: r1,
+      goToPreviousStep: R,
+      scrollToTop: O,
+      library: t1,
+      isEditMode: u,
+      translateSchema: w,
+      createSchema: b,
+      getSchema: x,
+      dpiContext: o,
+      formValues: Z,
+      activeSimpleModal: X,
+      shouldRenderReviewStep: c,
+      renderViewStepKey: P,
+      handlePublish: a1,
+      handleSubmit: D1,
+      showErrorSummary: $,
+      validationMessages: H,
+      stepOptions: w1,
+      stepSelect: b1,
+      hologramOpen: y1,
+      devToolsOpen: T1,
+      nonce: j1,
+      jumpToStep: Z1,
+      deleteStep: $1,
+      submitDraft: F1,
+      isSubmittingLoading: L1,
+      organization: k1,
+      catalogProject: P1,
+      userRoles: I1,
+      permissions: M1,
+      showDevtoolsSidebar: O1
     };
   }
-}), ve = { class: "input-page-project form-container V3-typography" }, he = {
+}), Je = { class: "input-page-project form-container V3-typography" }, Ke = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, Se = { class: "formContainer formkit" }, ge = { key: 0 }, Ve = { class: "dpiV3_stepper draftStepper" }, He = {
-  key: 0,
-  class: "draftCTA"
-}, De = {
-  key: 1,
-  class: "draftCTA"
-}, be = { key: 1 }, we = {
+}, Qe = { class: "formContainer formkit" }, Xe = { key: 1 }, Ye = {
   key: 0,
   class: "dpiV3_stepper"
-}, ke = {
+}, xe = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, ye = { class: "dpiV3_Illustration-Start" }, _e = {
+}, et = { class: "dpiV3_Illustration-Start" }, tt = {
   key: 2,
   class: "steps"
-}, Pe = ["data-step-active", "data-step-valid", "onClick"], Me = { class: "stepBubbleWrap" }, Ie = { class: "circle stepCircle" }, Fe = ["textContent"], Te = {
+}, ot = ["data-step-active", "data-step-valid", "onClick"], it = { class: "stepBubbleWrap" }, nt = { class: "circle stepCircle" }, at = ["textContent"], rt = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, Le = {
+}, st = {
   key: 0,
   class: "step inactiveStep"
-}, je = { style: { position: "absolute", top: "0", left: "100%", width: "600px", height: "100%" } }, Oe = { style: { position: "sticky", top: "0" } }, Ze = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, $e = { style: { "max-height": "720px", "overflow-y": "auto" } }, Ae = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, Be = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, Ee = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, Ue = { class: "step-content" }, ze = {
+}, lt = {
+  key: 3,
+  id: "dpiDevtools",
+  style: { position: "absolute", top: "0", left: "100%", width: "600px", height: "100%" }
+}, pt = { style: { position: "sticky", top: "0" } }, dt = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, ut = { style: { "max-height": "720px", "overflow-y": "auto" } }, mt = { style: { width: "100%", display: "flex", "flex-direction": "column", gap: "2.5rem" } }, ct = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, Ct = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, ft = { style: { width: "100%" } }, vt = { class: "step-content" }, St = {
   key: 0,
   class: "dpiV3_Card_Tips--error dpiV3_Card_Tips"
-}, Ne = { class: "validation-errors" };
-function Re(e, o, u, S, _, m) {
-  const D = s("TextButtonSmall"), C = s("ButtonV3"), A = s("ProgressSteps"), B = s("Illustration"), E = s("Listbox"), U = s("Card"), b = s("ProjectDpiDevTools"), M = s("LandingProjectStep"), a = s("InputPageStep"), z = s("DiscoverabilityStep"), w = s("CategoriesStep"), N = s("ApplicationsStep"), R = s("ProjectNameStep"), G = s("ProjectDescriptionStep"), I = s("ProjectStatusStep"), k = s("ProjectOrganisationStep"), F = s("OptionalDataStep"), W = s("DpiModalBase"), J = s("ProjektPhasenOverviewStep"), q = s("InitiierenStep"), K = s("PlanenStep"), Q = s("UmstezenStep"), T = s("WeiterdenkenStep"), X = s("ProcessStepsOverviewStep"), g = s("BasicInformationStep"), y = s("SoftwareStep"), h = s("DatasetStep"), V = s("HardwareStep"), L = s("ReviewStep"), Y = s("FormKit"), j = s("ModalSimpleV3");
-  return p(), d("div", ve, [
-    e.isInput ? (p(), d("div", he, [
-      n("div", Se, [
-        (p(), n1(Y, {
+}, gt = { class: "validation-errors" };
+function ht(e, o, u, k, F, h) {
+  r("TextButtonSmall");
+  const f = r("ButtonV3"), A = r("ProgressSteps"), L = r("Illustration"), T = r("Listbox"), U = r("Card"), m = r("ProjectDpiDevTools"), N = r("LandingProjectStep"), n = r("InputPageStep"), R = r("DiscoverabilityStep"), z = r("CategoriesStep"), G = r("ApplicationsStep"), W = r("ProjectNameStep"), V = r("ProjectDescriptionStep"), j = r("ProjectStatusStep"), q = r("ProjectOrganisationStep"), J = r("OptionalDataStep"), Z = r("ProjektPhasenOverviewStep"), K = r("InitiierenStep"), Q = r("PlanenStep"), X = r("UmstezenStep"), $ = r("WeiterdenkenStep"), H = r("ProcessStepsOverviewStep"), Y = r("BasicInformationStep"), D = r("SoftwareStep"), w = r("DatasetStep"), b = r("HardwareStep"), x = r("DataProcessingBasicInformationStep"), e1 = r("DataSimulationBasicInformationStep"), O = r("DataVisualisationBasicInformationStep"), t1 = r("ReviewStep"), B = r("FormKit"), o1 = r("ModalSimpleV3");
+  return p(), d("div", Je, [
+    e.isInput ? (p(), d("div", Ke, [
+      i("div", Qe, [
+        (p(), f1(B, {
           id: "dpiForm",
           key: e.nonce,
           modelValue: e.formValues,
-          "onUpdate:modelValue": o[8] || (o[8] = (r) => e.formValues = r),
+          "onUpdate:modelValue": o[8] || (o[8] = (s) => e.formValues = s),
+          name: "dpiForm",
           type: "form",
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: o[9] || (o[9] = S1(() => {
+          onSubmit: o[9] || (o[9] = R1(() => {
           }, ["prevent"]))
         }, {
-          default: i(() => [
-            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (p(), d("div", ge, [
-              n("div", Ve, [
-                t(D, {
-                  "button-text": "Übersicht",
-                  "icon-start": "CaretLeft",
-                  "icon-name": "caretLeft",
-                  onClick: e.gotToHome
-                }, null, 8, ["onClick"]),
-                n("div", null, [
-                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (p(), d("div", He, [
-                    t(C, {
-                      "button-text": "Veröffentlichung aufheben",
-                      size: "large",
-                      onClick: e.todoHandler
-                    }, null, 8, ["onClick"]),
-                    t(C, {
-                      "button-text": "Veröffentlicht ansehen",
-                      variant: "secondary",
-                      size: "large",
-                      "icon-end": "Out",
-                      onClick: e.todoHandler
-                    }, null, 8, ["onClick"])
-                  ])) : (p(), d("div", De, [
-                    t(C, {
-                      "button-text": "Veröffentlichen",
-                      size: "large",
-                      onClick: e.handlePublish
-                    }, null, 8, ["onClick"])
-                  ]))
-                ])
-              ])
-            ])) : (p(), d("div", be, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", we, [
-                o[12] || (o[12] = n("svg", {
+          default: a(() => [
+            (p(), d("div", Xe, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", Ye, [
+                o[12] || (o[12] = i("svg", {
                   width: "129",
                   height: "48",
                   viewBox: "0 0 129 48",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  n("path", {
+                  i("path", {
                     d: "M64.5486 43.794C63.6132 43.794 62.8941 43.633 62.3915 43.311C61.8889 42.989 61.519 42.632 61.2816 42.24H60.9047V43.5H58.3079V28.8H60.9466V34.281H61.3235C61.4771 34.029 61.6795 33.791 61.9308 33.567C62.1961 33.343 62.5381 33.161 62.957 33.021C63.3898 32.867 63.9203 32.79 64.5486 32.79C65.3862 32.79 66.1611 33 66.8731 33.42C67.5851 33.826 68.1575 34.428 68.5903 35.226C69.0231 36.024 69.2395 36.99 69.2395 38.124V38.46C69.2395 39.594 69.0231 40.56 68.5903 41.358C68.1575 42.156 67.5851 42.765 66.8731 43.185C66.1611 43.591 65.3862 43.794 64.5486 43.794ZM63.7528 41.484C64.5625 41.484 65.2396 41.225 65.7841 40.707C66.3286 40.175 66.6009 39.405 66.6009 38.397V38.187C66.6009 37.179 66.3286 36.416 65.7841 35.898C65.2536 35.366 64.5765 35.1 63.7528 35.1C62.943 35.1 62.2659 35.366 61.7214 35.898C61.1769 36.416 60.9047 37.179 60.9047 38.187V38.397C60.9047 39.405 61.1769 40.175 61.7214 40.707C62.2659 41.225 62.943 41.484 63.7528 41.484Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M72.7932 47.7V45.39H78.4475C78.8384 45.39 79.0339 45.18 79.0339 44.76V42.135H78.6569C78.5452 42.373 78.3707 42.611 78.1334 42.849C77.896 43.087 77.5749 43.283 77.1701 43.437C76.7652 43.591 76.2486 43.668 75.6204 43.668C74.8106 43.668 74.0986 43.486 73.4843 43.122C72.884 42.744 72.4163 42.226 72.0812 41.568C71.7461 40.91 71.5786 40.154 71.5786 39.3V33.084H74.2173V39.09C74.2173 39.874 74.4058 40.462 74.7827 40.854C75.1736 41.246 75.7251 41.442 76.4371 41.442C77.2469 41.442 77.8751 41.176 78.3219 40.644C78.7686 40.098 78.992 39.342 78.992 38.376V33.084H81.6307V45.348C81.6307 46.062 81.4212 46.629 81.0024 47.049C80.5836 47.483 80.0251 47.7 79.3271 47.7H72.7932Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M88.7553 43.794C87.9316 43.794 87.1567 43.591 86.4308 43.185C85.7187 42.765 85.1463 42.156 84.7135 41.358C84.2807 40.56 84.0643 39.594 84.0643 38.46V38.124C84.0643 36.99 84.2807 36.024 84.7135 35.226C85.1463 34.428 85.7187 33.826 86.4308 33.42C87.1428 33 87.9176 32.79 88.7553 32.79C89.3835 32.79 89.9071 32.867 90.3259 33.021C90.7587 33.161 91.1077 33.343 91.373 33.567C91.6383 33.791 91.8407 34.029 91.9803 34.281H92.3573V28.8H94.9959V43.5H92.3992V42.24H92.0222C91.7849 42.632 91.4149 42.989 90.9123 43.311C90.4237 43.633 89.7047 43.794 88.7553 43.794ZM89.5511 41.484C90.3608 41.484 91.0379 41.225 91.5824 40.707C92.1269 40.175 92.3992 39.405 92.3992 38.397V38.187C92.3992 37.179 92.1269 36.416 91.5824 35.898C91.0519 35.366 90.3748 35.1 89.5511 35.1C88.7413 35.1 88.0642 35.366 87.5197 35.898C86.9752 36.416 86.703 37.179 86.703 38.187V38.397C86.703 39.405 86.9752 40.175 87.5197 40.707C88.0642 41.225 88.7413 41.484 89.5511 41.484Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M101.146 43.794C100.407 43.794 99.7433 43.668 99.157 43.416C98.5706 43.15 98.1029 42.772 97.7539 42.282C97.4188 41.778 97.2513 41.169 97.2513 40.455C97.2513 39.741 97.4188 39.146 97.7539 38.67C98.1029 38.18 98.5776 37.816 99.1779 37.578C99.7922 37.326 100.49 37.2 101.272 37.2H104.12V36.612C104.12 36.122 103.967 35.723 103.659 35.415C103.352 35.093 102.864 34.932 102.194 34.932C101.537 34.932 101.049 35.086 100.728 35.394C100.407 35.688 100.197 36.073 100.099 36.549L97.6701 35.73C97.8376 35.198 98.1029 34.715 98.4659 34.281C98.8428 33.833 99.3385 33.476 99.9528 33.21C100.581 32.93 101.342 32.79 102.235 32.79C103.604 32.79 104.686 33.133 105.481 33.819C106.277 34.505 106.675 35.499 106.675 36.801V40.686C106.675 41.106 106.871 41.316 107.261 41.316H108.099V43.5H106.34C105.823 43.5 105.398 43.374 105.063 43.122C104.727 42.87 104.56 42.534 104.56 42.114V42.093H104.162C104.106 42.261 103.981 42.485 103.785 42.765C103.59 43.031 103.283 43.269 102.864 43.479C102.445 43.689 101.872 43.794 101.146 43.794ZM101.607 41.652C102.347 41.652 102.947 41.449 103.408 41.043C103.883 40.623 104.12 40.07 104.12 39.384V39.174H101.461C100.972 39.174 100.588 39.279 100.309 39.489C100.03 39.699 99.8899 39.993 99.8899 40.371C99.8899 40.749 100.037 41.057 100.33 41.295C100.623 41.533 101.049 41.652 101.607 41.652Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M113.251 43.5C112.567 43.5 112.008 43.29 111.575 42.87C111.156 42.436 110.947 41.862 110.947 41.148V35.268H108.35V33.084H110.947V29.85H113.586V33.084H116.434V35.268H113.586V40.686C113.586 41.106 113.781 41.316 114.172 41.316H116.182V43.5H113.251Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M122.047 43.794C121.307 43.794 120.644 43.668 120.058 43.416C119.471 43.15 119.004 42.772 118.655 42.282C118.32 41.778 118.152 41.169 118.152 40.455C118.152 39.741 118.32 39.146 118.655 38.67C119.004 38.18 119.478 37.816 120.079 37.578C120.693 37.326 121.391 37.2 122.173 37.2H125.021V36.612C125.021 36.122 124.867 35.723 124.56 35.415C124.253 35.093 123.765 34.932 123.094 34.932C122.438 34.932 121.95 35.086 121.628 35.394C121.307 35.688 121.098 36.073 121 36.549L118.571 35.73C118.739 35.198 119.004 34.715 119.367 34.281C119.744 33.833 120.239 33.476 120.854 33.21C121.482 32.93 122.243 32.79 123.136 32.79C124.504 32.79 125.586 33.133 126.382 33.819C127.178 34.505 127.576 35.499 127.576 36.801V40.686C127.576 41.106 127.771 41.316 128.162 41.316H129V43.5H127.241C126.724 43.5 126.299 43.374 125.963 43.122C125.628 42.87 125.461 42.534 125.461 42.114V42.093H125.063C125.007 42.261 124.881 42.485 124.686 42.765C124.491 43.031 124.183 43.269 123.765 43.479C123.346 43.689 122.773 43.794 122.047 43.794ZM122.508 41.652C123.248 41.652 123.848 41.449 124.309 41.043C124.784 40.623 125.021 40.07 125.021 39.384V39.174H122.361C121.873 39.174 121.489 39.279 121.21 39.489C120.93 39.699 120.791 39.993 120.791 40.371C120.791 40.749 120.937 41.057 121.231 41.295C121.524 41.533 121.95 41.652 122.508 41.652Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M62.2868 19.5C61.6027 19.5 61.0443 19.29 60.6115 18.87C60.1927 18.436 59.9832 17.862 59.9832 17.148V11.268H57.3865V9.084H59.9832V5.85H62.6219V9.084H65.47V11.268H62.6219V16.686C62.6219 17.106 62.8174 17.316 63.2083 17.316H65.2187V19.5H62.2868Z",
                     fill: "#0196D8"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M68.6962 19.5L67.2302 9.084H69.848L70.7694 17.715H71.1464L72.4866 9.084H76.7169L78.0571 17.715H78.4341L79.3555 9.084H81.9733L80.5073 19.5H76.1305L74.7902 10.869H74.4133L73.073 19.5H68.6962Z",
                     fill: "#0196D8"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M84.2806 19.5V9.084H86.9193V19.5H84.2806ZM85.6 7.866C85.1253 7.866 84.7204 7.712 84.3853 7.404C84.0642 7.096 83.9037 6.69 83.9037 6.186C83.9037 5.682 84.0642 5.276 84.3853 4.968C84.7204 4.66 85.1253 4.506 85.6 4.506C86.0886 4.506 86.4935 4.66 86.8146 4.968C87.1357 5.276 87.2962 5.682 87.2962 6.186C87.2962 6.69 87.1357 7.096 86.8146 7.404C86.4935 7.712 86.0886 7.866 85.6 7.866Z",
                     fill: "#0196D8"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M89.8433 19.5V9.084H92.4401V10.449H92.817C92.9845 10.085 93.2987 9.742 93.7594 9.42C94.2201 9.084 94.9182 8.916 95.8536 8.916C96.6633 8.916 97.3684 9.105 97.9687 9.483C98.583 9.847 99.0577 10.358 99.3927 11.016C99.7278 11.66 99.8953 12.416 99.8953 13.284V19.5H97.2567V13.494C97.2567 12.71 97.0612 12.122 96.6703 11.73C96.2933 11.338 95.7489 11.142 95.0368 11.142C94.2271 11.142 93.5988 11.415 93.1521 11.961C92.7053 12.493 92.4819 13.242 92.4819 14.208V19.5H89.8433Z",
                     fill: "#0196D8"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M0 36L20.9418 24V0L0 12V36Z",
                     fill: "#003F6F"
                   }),
-                  n("path", {
+                  i("path", {
                     d: "M20.9418 48L41.8836 36L20.9418 24L0 36L20.9418 48Z",
                     fill: "#AEDFF8"
                   })
                 ], -1)),
                 t(A, {
                   checked: e.visitedSteps,
-                  "onUpdate:checked": o[0] || (o[0] = (r) => e.visitedSteps = r),
+                  "onUpdate:checked": o[0] || (o[0] = (s) => e.visitedSteps = s),
                   current: e.activeStep,
-                  "onUpdate:current": o[1] || (o[1] = (r) => e.activeStep = r),
+                  "onUpdate:current": o[1] || (o[1] = (s) => e.activeStep = s),
                   "hide-first": "",
                   steps: e.stepList || []
                 }, null, 8, ["checked", "current", "steps"])
-              ])) : (p(), d("div", ke, [
-                o[13] || (o[13] = n("div", { class: "dpiV3_bydata_logo_wordmark" }, [
-                  n("svg", {
+              ])) : (p(), d("div", xe, [
+                o[13] || (o[13] = i("div", { class: "dpiV3_bydata_logo_wordmark" }, [
+                  i("svg", {
                     width: "129",
                     height: "48",
                     viewBox: "0 0 129 48",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    n("path", {
+                    i("path", {
                       d: "M64.5486 43.794C63.6132 43.794 62.8941 43.633 62.3915 43.311C61.8889 42.989 61.519 42.632 61.2816 42.24H60.9047V43.5H58.3079V28.8H60.9466V34.281H61.3235C61.4771 34.029 61.6795 33.791 61.9308 33.567C62.1961 33.343 62.5381 33.161 62.957 33.021C63.3898 32.867 63.9203 32.79 64.5486 32.79C65.3862 32.79 66.1611 33 66.8731 33.42C67.5851 33.826 68.1575 34.428 68.5903 35.226C69.0231 36.024 69.2395 36.99 69.2395 38.124V38.46C69.2395 39.594 69.0231 40.56 68.5903 41.358C68.1575 42.156 67.5851 42.765 66.8731 43.185C66.1611 43.591 65.3862 43.794 64.5486 43.794ZM63.7528 41.484C64.5625 41.484 65.2396 41.225 65.7841 40.707C66.3286 40.175 66.6009 39.405 66.6009 38.397V38.187C66.6009 37.179 66.3286 36.416 65.7841 35.898C65.2536 35.366 64.5765 35.1 63.7528 35.1C62.943 35.1 62.2659 35.366 61.7214 35.898C61.1769 36.416 60.9047 37.179 60.9047 38.187V38.397C60.9047 39.405 61.1769 40.175 61.7214 40.707C62.2659 41.225 62.943 41.484 63.7528 41.484Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M72.7932 47.7V45.39H78.4475C78.8384 45.39 79.0339 45.18 79.0339 44.76V42.135H78.6569C78.5452 42.373 78.3707 42.611 78.1334 42.849C77.896 43.087 77.5749 43.283 77.1701 43.437C76.7652 43.591 76.2486 43.668 75.6204 43.668C74.8106 43.668 74.0986 43.486 73.4843 43.122C72.884 42.744 72.4163 42.226 72.0812 41.568C71.7461 40.91 71.5786 40.154 71.5786 39.3V33.084H74.2173V39.09C74.2173 39.874 74.4058 40.462 74.7827 40.854C75.1736 41.246 75.7251 41.442 76.4371 41.442C77.2469 41.442 77.8751 41.176 78.3219 40.644C78.7686 40.098 78.992 39.342 78.992 38.376V33.084H81.6307V45.348C81.6307 46.062 81.4212 46.629 81.0024 47.049C80.5836 47.483 80.0251 47.7 79.3271 47.7H72.7932Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M88.7553 43.794C87.9316 43.794 87.1567 43.591 86.4308 43.185C85.7187 42.765 85.1463 42.156 84.7135 41.358C84.2807 40.56 84.0643 39.594 84.0643 38.46V38.124C84.0643 36.99 84.2807 36.024 84.7135 35.226C85.1463 34.428 85.7187 33.826 86.4308 33.42C87.1428 33 87.9176 32.79 88.7553 32.79C89.3835 32.79 89.9071 32.867 90.3259 33.021C90.7587 33.161 91.1077 33.343 91.373 33.567C91.6383 33.791 91.8407 34.029 91.9803 34.281H92.3573V28.8H94.9959V43.5H92.3992V42.24H92.0222C91.7849 42.632 91.4149 42.989 90.9123 43.311C90.4237 43.633 89.7047 43.794 88.7553 43.794ZM89.5511 41.484C90.3608 41.484 91.0379 41.225 91.5824 40.707C92.1269 40.175 92.3992 39.405 92.3992 38.397V38.187C92.3992 37.179 92.1269 36.416 91.5824 35.898C91.0519 35.366 90.3748 35.1 89.5511 35.1C88.7413 35.1 88.0642 35.366 87.5197 35.898C86.9752 36.416 86.703 37.179 86.703 38.187V38.397C86.703 39.405 86.9752 40.175 87.5197 40.707C88.0642 41.225 88.7413 41.484 89.5511 41.484Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M101.146 43.794C100.407 43.794 99.7433 43.668 99.157 43.416C98.5706 43.15 98.1029 42.772 97.7539 42.282C97.4188 41.778 97.2513 41.169 97.2513 40.455C97.2513 39.741 97.4188 39.146 97.7539 38.67C98.1029 38.18 98.5776 37.816 99.1779 37.578C99.7922 37.326 100.49 37.2 101.272 37.2H104.12V36.612C104.12 36.122 103.967 35.723 103.659 35.415C103.352 35.093 102.864 34.932 102.194 34.932C101.537 34.932 101.049 35.086 100.728 35.394C100.407 35.688 100.197 36.073 100.099 36.549L97.6701 35.73C97.8376 35.198 98.1029 34.715 98.4659 34.281C98.8428 33.833 99.3385 33.476 99.9528 33.21C100.581 32.93 101.342 32.79 102.235 32.79C103.604 32.79 104.686 33.133 105.481 33.819C106.277 34.505 106.675 35.499 106.675 36.801V40.686C106.675 41.106 106.871 41.316 107.261 41.316H108.099V43.5H106.34C105.823 43.5 105.398 43.374 105.063 43.122C104.727 42.87 104.56 42.534 104.56 42.114V42.093H104.162C104.106 42.261 103.981 42.485 103.785 42.765C103.59 43.031 103.283 43.269 102.864 43.479C102.445 43.689 101.872 43.794 101.146 43.794ZM101.607 41.652C102.347 41.652 102.947 41.449 103.408 41.043C103.883 40.623 104.12 40.07 104.12 39.384V39.174H101.461C100.972 39.174 100.588 39.279 100.309 39.489C100.03 39.699 99.8899 39.993 99.8899 40.371C99.8899 40.749 100.037 41.057 100.33 41.295C100.623 41.533 101.049 41.652 101.607 41.652Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M113.251 43.5C112.567 43.5 112.008 43.29 111.575 42.87C111.156 42.436 110.947 41.862 110.947 41.148V35.268H108.35V33.084H110.947V29.85H113.586V33.084H116.434V35.268H113.586V40.686C113.586 41.106 113.781 41.316 114.172 41.316H116.182V43.5H113.251Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M122.047 43.794C121.307 43.794 120.644 43.668 120.058 43.416C119.471 43.15 119.004 42.772 118.655 42.282C118.32 41.778 118.152 41.169 118.152 40.455C118.152 39.741 118.32 39.146 118.655 38.67C119.004 38.18 119.478 37.816 120.079 37.578C120.693 37.326 121.391 37.2 122.173 37.2H125.021V36.612C125.021 36.122 124.867 35.723 124.56 35.415C124.253 35.093 123.765 34.932 123.094 34.932C122.438 34.932 121.95 35.086 121.628 35.394C121.307 35.688 121.098 36.073 121 36.549L118.571 35.73C118.739 35.198 119.004 34.715 119.367 34.281C119.744 33.833 120.239 33.476 120.854 33.21C121.482 32.93 122.243 32.79 123.136 32.79C124.504 32.79 125.586 33.133 126.382 33.819C127.178 34.505 127.576 35.499 127.576 36.801V40.686C127.576 41.106 127.771 41.316 128.162 41.316H129V43.5H127.241C126.724 43.5 126.299 43.374 125.963 43.122C125.628 42.87 125.461 42.534 125.461 42.114V42.093H125.063C125.007 42.261 124.881 42.485 124.686 42.765C124.491 43.031 124.183 43.269 123.765 43.479C123.346 43.689 122.773 43.794 122.047 43.794ZM122.508 41.652C123.248 41.652 123.848 41.449 124.309 41.043C124.784 40.623 125.021 40.07 125.021 39.384V39.174H122.361C121.873 39.174 121.489 39.279 121.21 39.489C120.93 39.699 120.791 39.993 120.791 40.371C120.791 40.749 120.937 41.057 121.231 41.295C121.524 41.533 121.95 41.652 122.508 41.652Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M62.2868 19.5C61.6027 19.5 61.0443 19.29 60.6115 18.87C60.1927 18.436 59.9832 17.862 59.9832 17.148V11.268H57.3865V9.084H59.9832V5.85H62.6219V9.084H65.47V11.268H62.6219V16.686C62.6219 17.106 62.8174 17.316 63.2083 17.316H65.2187V19.5H62.2868Z",
                       fill: "#0196D8"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M68.6962 19.5L67.2302 9.084H69.848L70.7694 17.715H71.1464L72.4866 9.084H76.7169L78.0571 17.715H78.4341L79.3555 9.084H81.9733L80.5073 19.5H76.1305L74.7902 10.869H74.4133L73.073 19.5H68.6962Z",
                       fill: "#0196D8"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M84.2806 19.5V9.084H86.9193V19.5H84.2806ZM85.6 7.866C85.1253 7.866 84.7204 7.712 84.3853 7.404C84.0642 7.096 83.9037 6.69 83.9037 6.186C83.9037 5.682 84.0642 5.276 84.3853 4.968C84.7204 4.66 85.1253 4.506 85.6 4.506C86.0886 4.506 86.4935 4.66 86.8146 4.968C87.1357 5.276 87.2962 5.682 87.2962 6.186C87.2962 6.69 87.1357 7.096 86.8146 7.404C86.4935 7.712 86.0886 7.866 85.6 7.866Z",
                       fill: "#0196D8"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M89.8433 19.5V9.084H92.4401V10.449H92.817C92.9845 10.085 93.2987 9.742 93.7594 9.42C94.2201 9.084 94.9182 8.916 95.8536 8.916C96.6633 8.916 97.3684 9.105 97.9687 9.483C98.583 9.847 99.0577 10.358 99.3927 11.016C99.7278 11.66 99.8953 12.416 99.8953 13.284V19.5H97.2567V13.494C97.2567 12.71 97.0612 12.122 96.6703 11.73C96.2933 11.338 95.7489 11.142 95.0368 11.142C94.2271 11.142 93.5988 11.415 93.1521 11.961C92.7053 12.493 92.4819 13.242 92.4819 14.208V19.5H89.8433Z",
                       fill: "#0196D8"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M0 36L20.9418 24V0L0 12V36Z",
                       fill: "#003F6F"
                     }),
-                    n("path", {
+                    i("path", {
                       d: "M20.9418 48L41.8836 36L20.9418 24L0 36L20.9418 48Z",
                       fill: "#AEDFF8"
                     })
                   ])
                 ], -1)),
-                n("div", ye, [
-                  t(B, { "illustration-name": "start" })
+                i("div", et, [
+                  t(L, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", _e, [
-              (p(!0), d(i1, null, a1(e.steps, (r, c, O) => (p(), d("li", {
-                key: r,
-                class: g1(["step", {
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", tt, [
+              (p(!0), d(v1, null, S1(e.steps, (s, c, P) => (p(), d("li", {
+                key: s,
+                class: z1(["step", {
                   activeItem: e.activeStep === c,
                   inactiveStep: c != e.activeStep,
                   "has-errors": e.checkStepValidity(c)
                 }]),
                 "data-step-active": e.activeStep === c,
-                "data-step-valid": r.valid && r.errorCount === 0,
-                onClick: (e1) => {
+                "data-step-valid": s.valid && s.errorCount === 0,
+                onClick: (a1) => {
                   e.activeStep = c, e.update(), e.scrollToTop();
                 }
               }, [
-                n("div", Me, [
-                  n("div", Ie, P(O + 1), 1),
+                i("div", it, [
+                  i("div", nt, M(P + 1), 1),
                   e.checkStepValidity(c) ? (p(), d("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: P(r.errorCount + r.blockingCount)
-                  }, null, 8, Fe)) : H("", !0),
-                  s1(P(e.$t(`message.dataupload.steps.${c}Step`)), 1)
+                    textContent: M(s.errorCount + s.blockingCount)
+                  }, null, 8, at)) : g("", !0),
+                  g1(M(e.$t(`message.dataupload.steps.${c}Step`)), 1)
                 ]),
-                O != Object.keys(e.steps).length ? (p(), d("div", Te)) : H("", !0)
-              ], 10, Pe))), 128)),
-              e.activeStep === "Overview" ? (p(), d("li", Le, o[14] || (o[14] = [
-                n("div", { class: "circle stepCircle" }, null, -1)
-              ]))) : H("", !0)
-            ])) : H("", !0),
-            n("div", je, [
-              n("div", Oe, [
-                n("details", Ze, [
-                  o[15] || (o[15] = n("summary", null, "Form Values", -1)),
-                  n("pre", $e, P(JSON.stringify(e.formValues, null, 2)), 1)
+                P != Object.keys(e.steps).length ? (p(), d("div", rt)) : g("", !0)
+              ], 10, ot))), 128)),
+              e.activeStep === "Overview" ? (p(), d("li", st, o[14] || (o[14] = [
+                i("div", { class: "circle stepCircle" }, null, -1)
+              ]))) : g("", !0)
+            ])) : g("", !0),
+            e.showDevtoolsSidebar ? (p(), d("div", lt, [
+              i("div", pt, [
+                i("details", dt, [
+                  o[15] || (o[15] = i("summary", null, "Form Values", -1)),
+                  i("pre", ut, M(JSON.stringify(e.formValues, null, 2)), 1)
                 ]),
                 t(U, null, {
-                  title: i(() => o[16] || (o[16] = [
-                    s1(" dev view ", -1)
+                  title: a(() => o[16] || (o[16] = [
+                    g1(" dev view ", -1)
                   ])),
-                  default: i(() => [
-                    n("div", Ae, [
-                      n("div", Be, [
-                        t(C, {
+                  default: a(() => [
+                    i("div", mt, [
+                      i("div", ct, [
+                        t(f, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Open Hologram",
-                          onClick: o[2] || (o[2] = (r) => e.hologramOpen = !0)
+                          onClick: o[2] || (o[2] = (s) => e.hologramOpen = !0)
                         }),
-                        t(C, {
+                        t(f, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Previous",
                           onClick: e.goToPreviousStep
                         }, null, 8, ["onClick"]),
-                        t(C, {
+                        t(f, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Next",
                           onClick: e.handleSubmit
                         }, null, 8, ["onClick"])
                       ]),
-                      n("div", Ee, [
-                        t(C, {
+                      i("div", Ct, [
+                        t(f, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Open devtools",
-                          onClick: o[3] || (o[3] = (r) => e.devToolsOpen = !0)
+                          onClick: o[3] || (o[3] = (s) => e.devToolsOpen = !0)
                         })
                       ]),
-                      n("div", null, [
-                        t(E, {
+                      i("div", ft, [
+                        t(T, {
                           modelValue: e.stepSelect,
-                          "onUpdate:modelValue": o[4] || (o[4] = (r) => e.stepSelect = r),
+                          "onUpdate:modelValue": o[4] || (o[4] = (s) => e.stepSelect = s),
                           label: "Go to step",
                           options: e.stepOptions
                         }, null, 8, ["modelValue", "options"])
@@ -658,291 +680,280 @@ function Re(e, o, u, S, _, m) {
                   _: 1
                 })
               ]),
-              t(b, {
+              t(m, {
                 modelValue: e.devToolsOpen,
-                "onUpdate:modelValue": o[5] || (o[5] = (r) => e.devToolsOpen = r),
+                "onUpdate:modelValue": o[5] || (o[5] = (s) => e.devToolsOpen = s),
                 nonce: e.nonce,
-                "onUpdate:nonce": o[6] || (o[6] = (r) => e.nonce = r)
+                "onUpdate:nonce": o[6] || (o[6] = (s) => e.nonce = s)
               }, null, 8, ["modelValue", "nonce"])
-            ]),
-            n("div", Ue, [
-              n("div", null, [
-                t(a, { name: "Landing" }, {
-                  default: i(() => [
-                    t(M)
-                  ]),
-                  _: 1
-                }),
-                t(a, { name: "Auffindbarkeit/Sichtbarkeit" }, {
-                  default: i(() => [
-                    t(z)
+            ])) : g("", !0),
+            i("div", vt, [
+              i("div", null, [
+                t(n, { name: "Landing" }, {
+                  default: a(() => [
+                    t(N)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Auffindbarkeit/Kategorien" }, {
-                  default: i(() => [
-                    t(w)
+                t(n, { name: "Auffindbarkeit/Sichtbarkeit" }, {
+                  default: a(() => [
+                    t(R)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
-                  default: i(() => [
-                    t(N)
+                t(n, { name: "Auffindbarkeit/Kategorien" }, {
+                  default: a(() => [
+                    t(z)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Name" }, {
-                  default: i(() => [
-                    t(R)
+                t(n, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
+                  default: a(() => [
+                    t(G)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Beschreibung" }, {
-                  default: i(() => [
-                    t(G)
+                t(n, { name: "Grundlegende Informationen/Name" }, {
+                  default: a(() => [
+                    t(W)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Projektstatus" }, {
-                  default: i(() => [
-                    t(I)
+                t(n, { name: "Grundlegende Informationen/Beschreibung" }, {
+                  default: a(() => [
+                    t(V)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Organisation" }, {
-                  default: i(() => [
-                    t(k, {
-                      "is-wip": "",
-                      icon: "https://storage.googleapis.com/open-data-public-files-050923/assets/v2/haar/favicon.png",
-                      address: "Bahnhofstraße 7",
-                      "postal-code": "85540",
-                      city: "Haar",
-                      phone: "089 46002-0",
-                      email: "info@stadt-haar.de"
-                    })
+                t(n, { name: "Grundlegende Informationen/Projektstatus" }, {
+                  default: a(() => [
+                    t(j)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Optionale Daten" }, {
-                  default: i(() => [
-                    t(F),
-                    t(W, {
-                      modelValue: e.hologramOpen,
-                      "onUpdate:modelValue": o[7] || (o[7] = (r) => e.hologramOpen = r)
-                    }, {
-                      default: i(() => [
-                        t(F)
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue"])
+                t(n, { name: "Grundlegende Informationen/Organisation" }, {
+                  default: a(() => [
+                    t(q, { "is-wip": "" })
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)" }, {
-                  default: i(() => [
+                t(n, { name: "Optionale Daten" }, {
+                  default: a(() => [
                     t(J)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Initiieren" }, {
-                  default: i(() => [
-                    t(q)
+                t(n, { name: "Projektphasen (optional)" }, {
+                  default: a(() => [
+                    t(Z)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Planen" }, {
-                  default: i(() => [
+                t(n, { name: "Projektphasen (optional)/Initiieren" }, {
+                  default: a(() => [
                     t(K)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Umsetzen" }, {
-                  default: i(() => [
+                t(n, { name: "Projektphasen (optional)/Planen" }, {
+                  default: a(() => [
                     t(Q)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Weiterdenken" }, {
-                  default: i(() => [
-                    t(T)
+                t(n, { name: "Projektphasen (optional)/Umsetzen" }, {
+                  default: a(() => [
+                    t(X)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Technische Prozessschritte" }, {
-                  default: i(() => [
-                    t(X)
+                t(n, { name: "Projektphasen (optional)/Weiterdenken" }, {
+                  default: a(() => [
+                    t($)
+                  ]),
+                  _: 1
+                }),
+                t(n, { name: "Technische Prozessschritte" }, {
+                  default: a(() => [
+                    t(H)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
-                  default: i(() => [
-                    t(g)
+                t(n, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
+                  default: a(() => [
+                    t(Y)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Software" }, {
-                  default: i(() => [
-                    t(y, {
+                t(n, { name: "1. Datenerfassung/Software" }, {
+                  default: a(() => [
+                    t(D, {
                       "step-group": "1. Datenerfassung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Datensätze" }, {
-                  default: i(() => [
-                    t(h, {
+                t(n, { name: "1. Datenerfassung/Datensätze" }, {
+                  default: a(() => [
+                    t(w, {
                       "step-group": "1. Datenerfassung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Hardware" }, {
-                  default: i(() => [
-                    t(V, {
+                t(n, { name: "1. Datenerfassung/Hardware" }, {
+                  default: a(() => [
+                    t(b, {
                       "step-group": "1. Datenerfassung",
                       edit: ""
                     })
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
-                  default: i(() => [
-                    t(g)
+                t(n, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
+                  default: a(() => [
+                    t(x)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Software" }, {
-                  default: i(() => [
-                    t(y, {
+                t(n, { name: "2. Datenverarbeitung/Software" }, {
+                  default: a(() => [
+                    t(D, {
                       "step-group": "2. Datenverarbeitung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Datensätze" }, {
-                  default: i(() => [
-                    t(h, {
+                t(n, { name: "2. Datenverarbeitung/Datensätze" }, {
+                  default: a(() => [
+                    t(w, {
                       "step-group": "2. Datenverarbeitung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Hardware" }, {
-                  default: i(() => [
-                    t(V, {
+                t(n, { name: "2. Datenverarbeitung/Hardware" }, {
+                  default: a(() => [
+                    t(b, {
                       "step-group": "2. Datenverarbeitung",
                       edit: ""
                     })
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Grundlegende Informationen" }, {
-                  default: i(() => [
-                    t(g)
+                t(n, { name: "3. Datensimulation/Grundlegende Informationen" }, {
+                  default: a(() => [
+                    t(e1)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Software" }, {
-                  default: i(() => [
-                    t(y, {
+                t(n, { name: "3. Datensimulation/Software" }, {
+                  default: a(() => [
+                    t(D, {
                       "step-group": "3. Datensimulation",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Datensätze" }, {
-                  default: i(() => [
-                    t(h, {
+                t(n, { name: "3. Datensimulation/Datensätze" }, {
+                  default: a(() => [
+                    t(w, {
                       "step-group": "3. Datensimulation",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Hardware" }, {
-                  default: i(() => [
-                    t(V, {
+                t(n, { name: "3. Datensimulation/Hardware" }, {
+                  default: a(() => [
+                    t(b, {
                       "step-group": "3. Datensimulation",
                       edit: ""
                     })
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Grundlegende Informationen" }, {
-                  default: i(() => [
-                    t(g)
+                t(n, { name: "4. Datenvisualisierung/Grundlegende Informationen" }, {
+                  default: a(() => [
+                    t(O, {
+                      modelValue: e.formValues,
+                      "onUpdate:modelValue": o[7] || (o[7] = (s) => e.formValues = s),
+                      edit: e.isEditMode
+                    }, null, 8, ["modelValue", "edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Software" }, {
-                  default: i(() => [
-                    t(y, {
+                t(n, { name: "4. Datenvisualisierung/Software" }, {
+                  default: a(() => [
+                    t(D, {
                       "step-group": "4. Datenvisualisierung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Datensätze" }, {
-                  default: i(() => [
-                    t(h, {
+                t(n, { name: "4. Datenvisualisierung/Datensätze" }, {
+                  default: a(() => [
+                    t(w, {
                       "step-group": "4. Datenvisualisierung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Hardware" }, {
-                  default: i(() => [
-                    t(V, {
+                t(n, { name: "4. Datenvisualisierung/Hardware" }, {
+                  default: a(() => [
+                    t(b, {
                       "step-group": "4. Datenvisualisierung",
                       edit: ""
                     })
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Vorschau" }, {
-                  default: i(() => [
-                    t(L, {
-                      onSubmit: e.submitto,
-                      onJump: e.jumpToStep
-                    }, null, 8, ["onSubmit", "onJump"])
+                t(n, { name: "Vorschau" }, {
+                  default: a(() => [
+                    t(t1, {
+                      loading: e.isSubmittingLoading,
+                      onSubmit: e.submitDraft,
+                      onJump: e.jumpToStep,
+                      onDelete: e.deleteStep
+                    }, null, 8, ["loading", "onSubmit", "onJump", "onDelete"])
                   ]),
                   _: 1
                 })
               ]),
-              o[18] || (o[18] = n("hr", null, null, -1)),
-              e.showErrorSummary && e.validationMessages.length ? (p(), d("div", ze, [
-                o[17] || (o[17] = n("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
-                n("ul", Ne, [
-                  (p(!0), d(i1, null, a1(e.validationMessages, (r) => (p(), d("li", { key: r }, P(r), 1))), 128))
+              o[18] || (o[18] = i("hr", null, null, -1)),
+              e.showErrorSummary && e.validationMessages.length ? (p(), d("div", St, [
+                o[17] || (o[17] = i("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
+                i("ul", gt, [
+                  (p(!0), d(v1, null, S1(e.validationMessages, (s) => (p(), d("li", { key: s }, M(s), 1))), 128))
                 ])
-              ])) : H("", !0),
-              o[19] || (o[19] = n("hr", null, null, -1)),
-              o[20] || (o[20] = n("div", null, null, -1))
+              ])) : g("", !0),
+              o[19] || (o[19] = i("hr", null, null, -1)),
+              o[20] || (o[20] = i("div", null, null, -1))
             ])
           ]),
           _: 1
         }, 8, ["modelValue", "plugins"])),
-        e.activeSimpleModal ? (p(), n1(j, {
+        e.activeSimpleModal ? (p(), f1(o1, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
           text: e.modalSimpleConf.text,
           action: e.modalSimpleConf.action,
-          onClose: o[10] || (o[10] = (r) => e.activeSimpleModal = !1),
-          onActionHandling: o[11] || (o[11] = (r) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : H("", !0)
+          onClose: o[10] || (o[10] = (s) => e.activeSimpleModal = !1),
+          onActionHandling: o[11] || (o[11] = (s) => e.gotToHome())
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : g("", !0)
       ])
-    ], 512)) : H("", !0)
+    ], 512)) : g("", !0)
   ]);
 }
-const K3 = /* @__PURE__ */ ue(fe, [["render", Re]]);
+const L3 = /* @__PURE__ */ Re(qe, [["render", ht]]);
 export {
-  K3 as default
+  L3 as default
 };