@piveau/dpi 0.2.0-alpha.65 → 0.2.0-alpha.67

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

@@ -1,70 +1,70 @@
-import { getNode as a1, reset as m1 } from "@formkit/core";
-import { getValidationMessages as O1 } 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 "@piveau/sdk-core/hubRepo";
-import { whenever as B1, useWindowScroll as E1 } from "@vueuse/core";
+import { whenever as A1, useWindowScroll as U1 } from "@vueuse/core";
 import "axios";
 import "jquery";
-import { has as U, isNil as c1 } from "lodash-es";
-import { defineComponent as A1, resolveComponent as r, createElementBlock as d, openBlock as p, createCommentVNode as h, createElementVNode as i, createBlock as C1, withModifiers as U1, withCtx as n, createVNode as t, Fragment as f1, renderList as v1, normalizeClass as N1, createTextVNode as S1, toDisplayString as _, computed as M, ref as v, markRaw as R1, toRef as z1, watch as g1, nextTick as G1 } from "vue";
-import { useI18n as W1 } from "vue-i18n";
-import { useRouter as q1 } from "vue-router";
-import { mapActions as h1, mapGetters as V1 } from "vuex";
-import { useRuntimeEnv as J1 } from "../../composables/useRuntimeEnv.js";
-import K1 from "../../stories/components/DemoStep.vue.js";
-import Q1 from "../../stories/components/ReviewStepDemo.vue.js";
-import X1 from "../components/dev-tools/ProjectDpiDevTools.vue.js";
-import Y1 from "../components/InputPageStep.vue.js";
-import x1 from "../components/ProgressSteps.vue.js";
-import ee from "../components/StepActionsSection.vue.js";
-import { useFormValues as te } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as oe } from "../composables/useDpiStepper.js";
-import { useProjectActions as ie } from "../composables/useProjectActions.js";
-import { useTwinbyUser as ne } from "../composables/useTwinbyUser.js";
-import ae from "../config/dcatapdeHappyFlow/converter.js";
-import { eventBus as re } from "../HappyFlowComponents/services/eventBus.js";
-import se from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
-import le from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
-import pe from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
-import de from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
-import ue from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import me from "../HappyFlowComponents/ui/Card.vue.js";
-import ce from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
-import Ce from "../HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js";
-import fe from "../HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js";
-import ve from "../HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js";
-import Se from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
-import ge from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
-import he from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
-import Ve from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import He from "../HappyFlowComponents/ui/Illustration.vue.js";
-import De from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
-import we from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import be from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import ye from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import ke from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
-import Pe from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
-import Ie from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
-import _e from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
-import Me from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
-import Fe from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
-import Le from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
-import Te from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
-import je from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
-import Ze from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
-import $e from "../HappyFlowComponents/ui/ReviewStep/ReviewStep.vue.js";
-import Oe from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import Be from "../HappyFlowComponents/ui/WipStep.vue.js";
-import Ee 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 Ae from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Ue } from "../composables/useDpiContext.js";
-import { useEditModeInfo as Ne } from "../composables/useDpiEditMode.js";
-import { useFormSchema as Re } from "../composables/useFormSchema.js";
-const ze = A1({
+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,
@@ -86,59 +86,59 @@ const ze = A1({
     };
   },
   components: {
-    InputPageStep: Y1,
+    InputPageStep: te,
     // DistributionInputPage,
-    LogoV3: be,
-    ButtonV3: ue,
-    TextButtonSmall: Oe,
-    Illustration: He,
+    LogoV3: Pe,
+    ButtonV3: Ce,
+    TextButtonSmall: Ae,
+    Illustration: be,
     // PhLightbulb,
     // PhCheckCircle,
-    ModalSimpleV3: ye,
+    ModalSimpleV3: _e,
     // DemoStepper,
-    DemoStep: K1,
-    ProgressSteps: x1,
-    ReviewStepDemo: Q1,
-    LandingProjectStep: De,
-    StepActionsSection: ee,
-    DiscoverabilityStep: Ve,
-    CategoriesStep: he,
-    ApplicationsStep: ge,
-    ProjectNameStep: le,
-    ProjectDescriptionStep: se,
-    ProjectStatusStep: de,
-    ProjectOrganisationStep: pe,
-    SoftwareStep: Me,
-    DatasetStep: Pe,
-    HardwareStep: Ie,
-    OptionalDataStep: ke,
-    InitiierenStep: Fe,
-    UmstezenStep: je,
-    PlanenStep: Le,
-    WeiterdenkenStep: Ze,
-    BasicInformationStep: ce,
-    DataProcessingBasicInformationStep: Ce,
-    DataVisualisationBasicInformationStep: ve,
-    DataSimulationBasicInformationStep: fe,
-    ProcessStepsOverviewStep: _e,
-    ReviewStep: $e,
-    ProjektPhasenOverviewStep: Te,
-    Card: me,
-    Listbox: we,
-    DpiModalBase: Se,
-    WipStep: Be,
-    ProjectDpiDevTools: X1
+    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: {
-    ...V1("auth", [
+    ...H1("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...V1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...H1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => U(this.formValues[e], "dct:title")
+        (e) => E(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -149,7 +149,7 @@ const ze = A1({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return U(e, "dct:title") && e["dct:title"].length > 0 && U(e["dct:title"][0], "@value") && !c1(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 {
       }
     },
@@ -158,8 +158,8 @@ const ze = A1({
     }
   },
   methods: {
-    ...h1("auth", ["setIsEditMode", "setIsDraft"]),
-    ...h1("dpiStore", [
+    ...V1("auth", ["setIsEditMode", "setIsDraft"]),
+    ...V1("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -169,23 +169,23 @@ const ze = A1({
     },
     // Route to the RAP Page
     goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(a1(this.activeStep).value)[0];
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(n1(this.activeStep).value)[0];
     },
     handleDistributionsValidation(e) {
-      re.emit("nextClicked", e);
+      pe.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
         name: "DPI-Home-HappyFlow"
       }).href;
     },
-    async dispatchDataToDPI(e, o, u, y) {
-      var F, g;
-      console.log("body:", e, o, "params:", u, y);
+    async dispatchDataToDPI(e, o, u, k) {
+      var F, h;
+      console.log("body:", e, o, "params:", u, k);
       try {
-        y === "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)), y === "draft" && await this.$store.dispatch(o, u), (F = this.$Progress) == null || F.finish(), this.clearAll();
+        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), (g = this.$Progress) == null || g.fail();
+        console.error(f), (h = this.$Progress) == null || h.fail();
       }
     },
     clearForm() {
@@ -196,7 +196,7 @@ const ze = A1({
     },
     createDatasetID() {
       const e = this.formValues[this.getTitleStep];
-      !U(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);
+      !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++)
@@ -258,56 +258,56 @@ const ze = A1({
   //   })
   // },
   setup() {
-    var s1, l1, p1, d1;
-    const e = J1(), o = Ue(), { isEditMode: u, editIdQuery: y, editFromDraft: F } = Ne(), g = M(() => !1), f = q1(), {
+    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: N,
+      visitedSteps: U,
       activeStep: m,
-      stepPlugin: R,
-      goToNextStep: j,
-      goToPreviousStep: a,
+      stepPlugin: N,
+      goToNextStep: n,
+      goToPreviousStep: R,
       subSteps: z,
       previousStep: G,
       nextStep: W,
       current: V,
-      goToStep: Z,
+      goToStep: j,
       isLast: q,
       triggerValidationCurrentStep: J
-    } = oe();
-    u.value && (m.value = "Vorschau"), B1(g, () => {
-      g.value && (m.value = "Vorschau");
+    } = ae();
+    u.value && (m.value = "Vorschau"), A1(h, () => {
+      h.value && (m.value = "Vorschau");
     });
-    const { formValues: $ } = te(), { t: K, te: Q } = W1(), X = v(!1), O = v(!1), H = v([]), Y = M(() => m.value ? a1(m.value) : null), x = (l) => {
+    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 C = O1(l);
+      const C = E1(l);
       H.value = [], C.forEach((S) => {
         H.value = H.value.concat(
-          S.map((P) => P.value)
+          S.map((_) => _.value)
         );
       });
-    }, { translateSchema: D, createSchema: w, getSchema: b } = Re({
+    }, { translateSchema: w, createSchema: b, getSchema: x } = We({
       t: K,
       te: Q
-    }), { y: e1 } = E1({ behavior: "smooth" }), B = () => {
+    }), { y: e1 } = U1({ behavior: "smooth" }), O = () => {
       e1.value = 0;
-    }, t1 = R1({ OverviewPage: Ee }), E = v("");
-    g.value && (m.value = "ReviewAndPublish", E.value = "reviewAndPublishPage");
-    const o1 = z1(L), k = (l) => {
+    }, 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;
-    }, s = v(!1), c = v(0);
-    g1(m, (l) => {
-      l === "review" && (s.value = !0, c.value++);
-    }), g1(m, () => {
-      B();
+    }, c = v(!1), P = v(0);
+    h1(m, (l) => {
+      l === "review" && (c.value = !0, P.value++);
+    }), h1(m, () => {
+      O();
     });
-    const A = async () => {
+    const a1 = async () => {
       try {
-        const l = "auth/createDataset", C = await ae(
-          $.value,
+        const l = "auth/createDataset", C = await le(
+          Z.value,
           o,
           // We'll need to access getUserData somehow - for now using a placeholder
           {},
@@ -321,131 +321,140 @@ const ze = A1({
         console.error("Fehler beim Veröffentlichen:", l);
       }
     };
-    function i1() {
-      k(V.value) && j();
+    function r1() {
+      s(V.value) && n();
     }
-    async function H1() {
-      J(), await G1();
-      const l = Y.value, C = l ? !k(V.value) : !1;
-      C && x(l), O.value = C, q.value ? console.log("Form submitted", values.value) : i1();
+    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 D1 = M(() => T.value.map((l) => ({ id: l, name: l }))), w1 = M({
+    const w1 = y(() => T.value.map((l) => ({ id: l, name: l }))), b1 = y({
       get() {
         return { id: V.value, name: V.value };
       },
       set(l) {
-        Z(l.id);
+        j(l.id);
       }
-    }), b1 = v(!1), { organization: y1, catalogProject: k1, startFetchPermissions: P1, userRoles: I1, permissions: _1 } = ne({
-      keycloak: ((l1 = (s1 = e.authentication) == null ? void 0 : s1.keycloak) == null ? void 0 : l1.url) || "https://keycloak.twin.bydata.de",
-      realm: ((d1 = (p1 = e.authentication) == null ? void 0 : p1.keycloak) == null ? void 0 : d1.realm) || "piveau",
+    }), 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"
     });
-    P1();
-    const { submitDraft: r1 } = ie({
+    _1();
+    const { submitDraft: s1 } = re({
       onSuccess: () => {
-        f.push({ name: "DPI-Home-HappyFlow" });
+        A.push({ name: "DPI-Home-HappyFlow" });
       }
-    }), M1 = async () => {
-      await r1.execute(320);
-    }, F1 = M(() => r1.isLoading.value), L1 = v(!1), T1 = v(0);
-    function j1(l) {
-      Z(l);
-    }
+    }), F1 = async () => {
+      await s1.execute(320);
+    }, L1 = y(() => s1.isLoading.value), T1 = v(!1), j1 = v(0);
     function Z1(l) {
+      j(l);
+    }
+    function $1(l) {
       (Array.isArray(l) ? l : [l]).forEach((S) => {
-        const P = a1("dpiForm");
-        if (P)
+        const _ = n1("dpiForm");
+        if (_)
           if (S.includes("#")) {
-            const [I, $1] = S.split("#"), u1 = P.at([I]);
-            if (!u1)
+            const [I, B1] = S.split("#"), m1 = _.at([I]);
+            if (!m1)
               return;
-            const n1 = u1.at(["$self", $1]);
-            if (!n1)
+            const i1 = m1.at(["$self", B1]);
+            if (!i1)
               return;
-            n1._value = {}, m1(n1);
+            i1._value = {}, c1(i1);
           } else {
-            const I = P.at([S]);
+            const I = _.at([S]);
             if (!I)
               return;
-            I._value = {}, m1(I);
+            I._value = {}, c1(I);
           }
       });
     }
+    const O1 = y(() => {
+      var l;
+      return ((l = f.query) == null ? void 0 : l.__dev) === "true";
+    });
     return {
       steps: L,
-      visitedSteps: N,
+      visitedSteps: U,
       activeStep: m,
-      activeSubStep: E,
+      activeSubStep: B,
       subSteps: z,
       previousStep: G,
       stepList: T,
       nextStep: W,
-      stepPlugin: R,
-      checkStepValidity: k,
-      goToNextStep: j,
-      goToNextStepIfValid: i1,
-      goToPreviousStep: a,
-      scrollToTop: B,
+      stepPlugin: N,
+      checkStepValidity: s,
+      goToNextStep: n,
+      goToNextStepIfValid: r1,
+      goToPreviousStep: R,
+      scrollToTop: O,
       library: t1,
       isEditMode: u,
-      translateSchema: D,
-      createSchema: w,
-      getSchema: b,
+      translateSchema: w,
+      createSchema: b,
+      getSchema: x,
       dpiContext: o,
-      formValues: $,
+      formValues: Z,
       activeSimpleModal: X,
-      shouldRenderReviewStep: s,
-      renderViewStepKey: c,
-      handlePublish: A,
-      handleSubmit: H1,
-      showErrorSummary: O,
+      shouldRenderReviewStep: c,
+      renderViewStepKey: P,
+      handlePublish: a1,
+      handleSubmit: D1,
+      showErrorSummary: $,
       validationMessages: H,
-      stepOptions: D1,
-      stepSelect: w1,
-      hologramOpen: b1,
-      devToolsOpen: L1,
-      nonce: T1,
-      jumpToStep: j1,
-      deleteStep: Z1,
-      submitDraft: M1,
-      isSubmittingLoading: F1,
-      organization: y1,
-      catalogProject: k1,
+      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: _1
+      permissions: M1,
+      showDevtoolsSidebar: O1
     };
   }
-}), Ge = { class: "input-page-project form-container V3-typography" }, We = {
+}), Je = { class: "input-page-project form-container V3-typography" }, Ke = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, qe = { class: "formContainer formkit" }, Je = { key: 1 }, Ke = {
+}, Qe = { class: "formContainer formkit" }, Xe = { key: 1 }, Ye = {
   key: 0,
   class: "dpiV3_stepper"
-}, Qe = {
+}, xe = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, Xe = { class: "dpiV3_Illustration-Start" }, Ye = {
+}, et = { class: "dpiV3_Illustration-Start" }, tt = {
   key: 2,
   class: "steps"
-}, xe = ["data-step-active", "data-step-valid", "onClick"], et = { class: "stepBubbleWrap" }, tt = { class: "circle stepCircle" }, ot = ["textContent"], it = {
+}, ot = ["data-step-active", "data-step-valid", "onClick"], it = { class: "stepBubbleWrap" }, nt = { class: "circle stepCircle" }, at = ["textContent"], rt = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, nt = {
+}, st = {
   key: 0,
   class: "step inactiveStep"
-}, at = { style: { position: "absolute", top: "0", left: "100%", width: "600px", height: "100%" } }, rt = { style: { position: "sticky", top: "0" } }, st = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, lt = { style: { "max-height": "720px", "overflow-y": "auto" } }, pt = { style: { width: "100%", display: "flex", "flex-direction": "column", gap: "2.5rem" } }, dt = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, ut = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, mt = { style: { width: "100%" } }, ct = { class: "step-content" }, Ct = {
+}, 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"
-}, ft = { class: "validation-errors" };
-function vt(e, o, u, y, F, g) {
+}, gt = { class: "validation-errors" };
+function ht(e, o, u, k, F, h) {
   r("TextButtonSmall");
-  const f = r("ButtonV3"), L = r("ProgressSteps"), T = r("Illustration"), N = r("Listbox"), m = r("Card"), R = r("ProjectDpiDevTools"), j = r("LandingProjectStep"), a = r("InputPageStep"), z = r("DiscoverabilityStep"), G = r("CategoriesStep"), W = r("ApplicationsStep"), V = r("ProjectNameStep"), Z = r("ProjectDescriptionStep"), q = r("ProjectStatusStep"), J = r("ProjectOrganisationStep"), $ = r("OptionalDataStep"), K = r("ProjektPhasenOverviewStep"), Q = r("InitiierenStep"), X = r("PlanenStep"), O = r("UmstezenStep"), H = r("WeiterdenkenStep"), Y = r("ProcessStepsOverviewStep"), x = r("BasicInformationStep"), D = r("SoftwareStep"), w = r("DatasetStep"), b = r("HardwareStep"), e1 = r("DataProcessingBasicInformationStep"), B = r("DataSimulationBasicInformationStep"), t1 = r("DataVisualisationBasicInformationStep"), E = r("ReviewStep"), o1 = r("FormKit"), k = r("ModalSimpleV3");
-  return p(), d("div", Ge, [
-    e.isInput ? (p(), d("div", We, [
-      i("div", qe, [
-        (p(), C1(o1, {
+  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,
@@ -455,12 +464,12 @@ function vt(e, o, u, y, F, g) {
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: o[9] || (o[9] = U1(() => {
+          onSubmit: o[9] || (o[9] = R1(() => {
           }, ["prevent"]))
         }, {
-          default: n(() => [
-            (p(), d("div", Je, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", Ke, [
+          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",
@@ -517,7 +526,7 @@ function vt(e, o, u, y, F, g) {
                     fill: "#AEDFF8"
                   })
                 ], -1)),
-                t(L, {
+                t(A, {
                   checked: e.visitedSteps,
                   "onUpdate:checked": o[0] || (o[0] = (s) => e.visitedSteps = s),
                   current: e.activeStep,
@@ -525,7 +534,7 @@ function vt(e, o, u, y, F, g) {
                   "hide-first": "",
                   steps: e.stepList || []
                 }, null, 8, ["checked", "current", "steps"])
-              ])) : (p(), d("div", Qe, [
+              ])) : (p(), d("div", xe, [
                 o[13] || (o[13] = i("div", { class: "dpiV3_bydata_logo_wordmark" }, [
                   i("svg", {
                     width: "129",
@@ -584,53 +593,53 @@ function vt(e, o, u, y, F, g) {
                     })
                   ])
                 ], -1)),
-                i("div", Xe, [
-                  t(T, { "illustration-name": "start" })
+                i("div", et, [
+                  t(L, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", Ye, [
-              (p(!0), d(f1, null, v1(e.steps, (s, c, A) => (p(), d("li", {
+            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: N1(["step", {
+                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": s.valid && s.errorCount === 0,
-                onClick: (i1) => {
+                onClick: (a1) => {
                   e.activeStep = c, e.update(), e.scrollToTop();
                 }
               }, [
-                i("div", et, [
-                  i("div", tt, _(A + 1), 1),
+                i("div", it, [
+                  i("div", nt, M(P + 1), 1),
                   e.checkStepValidity(c) ? (p(), d("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: _(s.errorCount + s.blockingCount)
-                  }, null, 8, ot)) : h("", !0),
-                  S1(_(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)
                 ]),
-                A != Object.keys(e.steps).length ? (p(), d("div", it)) : h("", !0)
-              ], 10, xe))), 128)),
-              e.activeStep === "Overview" ? (p(), d("li", nt, o[14] || (o[14] = [
+                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)
-              ]))) : h("", !0)
-            ])) : h("", !0),
-            i("div", at, [
-              i("div", rt, [
-                i("details", st, [
+              ]))) : 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", lt, _(JSON.stringify(e.formValues, null, 2)), 1)
+                  i("pre", ut, M(JSON.stringify(e.formValues, null, 2)), 1)
                 ]),
-                t(m, null, {
-                  title: n(() => o[16] || (o[16] = [
-                    S1(" dev view ", -1)
+                t(U, null, {
+                  title: a(() => o[16] || (o[16] = [
+                    g1(" dev view ", -1)
                   ])),
-                  default: n(() => [
-                    i("div", pt, [
-                      i("div", dt, [
+                  default: a(() => [
+                    i("div", mt, [
+                      i("div", ct, [
                         t(f, {
                           type: "button",
                           variant: "secondary",
@@ -650,7 +659,7 @@ function vt(e, o, u, y, F, g) {
                           onClick: e.handleSubmit
                         }, null, 8, ["onClick"])
                       ]),
-                      i("div", ut, [
+                      i("div", Ct, [
                         t(f, {
                           type: "button",
                           variant: "secondary",
@@ -658,8 +667,8 @@ function vt(e, o, u, y, F, g) {
                           onClick: o[3] || (o[3] = (s) => e.devToolsOpen = !0)
                         })
                       ]),
-                      i("div", mt, [
-                        t(N, {
+                      i("div", ft, [
+                        t(T, {
                           modelValue: e.stepSelect,
                           "onUpdate:modelValue": o[4] || (o[4] = (s) => e.stepSelect = s),
                           label: "Go to step",
@@ -671,113 +680,113 @@ function vt(e, o, u, y, F, g) {
                   _: 1
                 })
               ]),
-              t(R, {
+              t(m, {
                 modelValue: e.devToolsOpen,
                 "onUpdate:modelValue": o[5] || (o[5] = (s) => e.devToolsOpen = s),
                 nonce: e.nonce,
                 "onUpdate:nonce": o[6] || (o[6] = (s) => e.nonce = s)
               }, null, 8, ["modelValue", "nonce"])
-            ]),
-            i("div", ct, [
+            ])) : g("", !0),
+            i("div", vt, [
               i("div", null, [
-                t(a, { name: "Landing" }, {
-                  default: n(() => [
-                    t(j)
+                t(n, { name: "Landing" }, {
+                  default: a(() => [
+                    t(N)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Auffindbarkeit/Sichtbarkeit" }, {
-                  default: n(() => [
+                t(n, { name: "Auffindbarkeit/Sichtbarkeit" }, {
+                  default: a(() => [
+                    t(R)
+                  ]),
+                  _: 1
+                }),
+                t(n, { name: "Auffindbarkeit/Kategorien" }, {
+                  default: a(() => [
                     t(z)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Auffindbarkeit/Kategorien" }, {
-                  default: n(() => [
+                t(n, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
+                  default: a(() => [
                     t(G)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
-                  default: n(() => [
+                t(n, { name: "Grundlegende Informationen/Name" }, {
+                  default: a(() => [
                     t(W)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Name" }, {
-                  default: n(() => [
+                t(n, { name: "Grundlegende Informationen/Beschreibung" }, {
+                  default: a(() => [
                     t(V)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Beschreibung" }, {
-                  default: n(() => [
-                    t(Z)
+                t(n, { name: "Grundlegende Informationen/Projektstatus" }, {
+                  default: a(() => [
+                    t(j)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Projektstatus" }, {
-                  default: n(() => [
-                    t(q)
+                t(n, { name: "Grundlegende Informationen/Organisation" }, {
+                  default: a(() => [
+                    t(q, { "is-wip": "" })
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Grundlegende Informationen/Organisation" }, {
-                  default: n(() => [
-                    t(J, { "is-wip": "" })
+                t(n, { name: "Optionale Daten" }, {
+                  default: a(() => [
+                    t(J)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Optionale Daten" }, {
-                  default: n(() => [
-                    t($)
+                t(n, { name: "Projektphasen (optional)" }, {
+                  default: a(() => [
+                    t(Z)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)" }, {
-                  default: n(() => [
+                t(n, { name: "Projektphasen (optional)/Initiieren" }, {
+                  default: a(() => [
                     t(K)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Initiieren" }, {
-                  default: n(() => [
+                t(n, { name: "Projektphasen (optional)/Planen" }, {
+                  default: a(() => [
                     t(Q)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Planen" }, {
-                  default: n(() => [
+                t(n, { name: "Projektphasen (optional)/Umsetzen" }, {
+                  default: a(() => [
                     t(X)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Umsetzen" }, {
-                  default: n(() => [
-                    t(O)
+                t(n, { name: "Projektphasen (optional)/Weiterdenken" }, {
+                  default: a(() => [
+                    t($)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Projektphasen (optional)/Weiterdenken" }, {
-                  default: n(() => [
+                t(n, { name: "Technische Prozessschritte" }, {
+                  default: a(() => [
                     t(H)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Technische Prozessschritte" }, {
-                  default: n(() => [
+                t(n, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
+                  default: a(() => [
                     t(Y)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
-                  default: n(() => [
-                    t(x)
-                  ]),
-                  _: 1
-                }),
-                t(a, { name: "1. Datenerfassung/Software" }, {
-                  default: n(() => [
+                t(n, { name: "1. Datenerfassung/Software" }, {
+                  default: a(() => [
                     t(D, {
                       "step-group": "1. Datenerfassung",
                       edit: e.isEditMode
@@ -785,8 +794,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Datensätze" }, {
-                  default: n(() => [
+                t(n, { name: "1. Datenerfassung/Datensätze" }, {
+                  default: a(() => [
                     t(w, {
                       "step-group": "1. Datenerfassung",
                       edit: e.isEditMode
@@ -794,8 +803,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "1. Datenerfassung/Hardware" }, {
-                  default: n(() => [
+                t(n, { name: "1. Datenerfassung/Hardware" }, {
+                  default: a(() => [
                     t(b, {
                       "step-group": "1. Datenerfassung",
                       edit: ""
@@ -803,14 +812,14 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
-                  default: n(() => [
-                    t(e1)
+                t(n, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
+                  default: a(() => [
+                    t(x)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Software" }, {
-                  default: n(() => [
+                t(n, { name: "2. Datenverarbeitung/Software" }, {
+                  default: a(() => [
                     t(D, {
                       "step-group": "2. Datenverarbeitung",
                       edit: e.isEditMode
@@ -818,8 +827,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Datensätze" }, {
-                  default: n(() => [
+                t(n, { name: "2. Datenverarbeitung/Datensätze" }, {
+                  default: a(() => [
                     t(w, {
                       "step-group": "2. Datenverarbeitung",
                       edit: e.isEditMode
@@ -827,8 +836,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "2. Datenverarbeitung/Hardware" }, {
-                  default: n(() => [
+                t(n, { name: "2. Datenverarbeitung/Hardware" }, {
+                  default: a(() => [
                     t(b, {
                       "step-group": "2. Datenverarbeitung",
                       edit: ""
@@ -836,14 +845,14 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Grundlegende Informationen" }, {
-                  default: n(() => [
-                    t(B)
+                t(n, { name: "3. Datensimulation/Grundlegende Informationen" }, {
+                  default: a(() => [
+                    t(e1)
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Software" }, {
-                  default: n(() => [
+                t(n, { name: "3. Datensimulation/Software" }, {
+                  default: a(() => [
                     t(D, {
                       "step-group": "3. Datensimulation",
                       edit: e.isEditMode
@@ -851,8 +860,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Datensätze" }, {
-                  default: n(() => [
+                t(n, { name: "3. Datensimulation/Datensätze" }, {
+                  default: a(() => [
                     t(w, {
                       "step-group": "3. Datensimulation",
                       edit: e.isEditMode
@@ -860,8 +869,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "3. Datensimulation/Hardware" }, {
-                  default: n(() => [
+                t(n, { name: "3. Datensimulation/Hardware" }, {
+                  default: a(() => [
                     t(b, {
                       "step-group": "3. Datensimulation",
                       edit: ""
@@ -869,9 +878,9 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Grundlegende Informationen" }, {
-                  default: n(() => [
-                    t(t1, {
+                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
@@ -879,8 +888,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Software" }, {
-                  default: n(() => [
+                t(n, { name: "4. Datenvisualisierung/Software" }, {
+                  default: a(() => [
                     t(D, {
                       "step-group": "4. Datenvisualisierung",
                       edit: e.isEditMode
@@ -888,8 +897,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Datensätze" }, {
-                  default: n(() => [
+                t(n, { name: "4. Datenvisualisierung/Datensätze" }, {
+                  default: a(() => [
                     t(w, {
                       "step-group": "4. Datenvisualisierung",
                       edit: e.isEditMode
@@ -897,8 +906,8 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "4. Datenvisualisierung/Hardware" }, {
-                  default: n(() => [
+                t(n, { name: "4. Datenvisualisierung/Hardware" }, {
+                  default: a(() => [
                     t(b, {
                       "step-group": "4. Datenvisualisierung",
                       edit: ""
@@ -906,9 +915,9 @@ function vt(e, o, u, y, F, g) {
                   ]),
                   _: 1
                 }),
-                t(a, { name: "Vorschau" }, {
-                  default: n(() => [
-                    t(E, {
+                t(n, { name: "Vorschau" }, {
+                  default: a(() => [
+                    t(t1, {
                       loading: e.isSubmittingLoading,
                       onSubmit: e.submitDraft,
                       onJump: e.jumpToStep,
@@ -919,19 +928,19 @@ function vt(e, o, u, y, F, g) {
                 })
               ]),
               o[18] || (o[18] = i("hr", null, null, -1)),
-              e.showErrorSummary && e.validationMessages.length ? (p(), d("div", Ct, [
+              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", ft, [
-                  (p(!0), d(f1, null, v1(e.validationMessages, (s) => (p(), d("li", { key: s }, _(s), 1))), 128))
+                i("ul", gt, [
+                  (p(!0), d(v1, null, S1(e.validationMessages, (s) => (p(), d("li", { key: s }, M(s), 1))), 128))
                 ])
-              ])) : h("", !0),
+              ])) : 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(), C1(k, {
+        e.activeSimpleModal ? (p(), f1(o1, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
@@ -939,12 +948,12 @@ function vt(e, o, u, y, F, g) {
           action: e.modalSimpleConf.action,
           onClose: o[10] || (o[10] = (s) => e.activeSimpleModal = !1),
           onActionHandling: o[11] || (o[11] = (s) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0)
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : g("", !0)
       ])
-    ], 512)) : h("", !0)
+    ], 512)) : g("", !0)
   ]);
 }
-const _3 = /* @__PURE__ */ Ae(ze, [["render", vt]]);
+const L3 = /* @__PURE__ */ Re(qe, [["render", ht]]);
 export {
-  _3 as default
+  L3 as default
 };