@piveau/dpi 0.2.0-alpha.20 → 0.2.0-alpha.22

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

@@ -1,70 +1,70 @@
 import { getNode as n1, reset as T1 } from "@formkit/core";
-import { getValidationMessages as L1 } from "@formkit/validation";
+import { getValidationMessages as j1 } from "@formkit/validation";
 import "@formkit/vue";
 import "@phosphor-icons/vue";
 import "@piveau/sdk-core/hubRepo";
-import { whenever as j1, useWindowScroll as Z1 } from "@vueuse/core";
+import { whenever as Z1, useWindowScroll as $1 } from "@vueuse/core";
 import "axios";
 import "jquery";
-import { has as E, isNil as p1 } from "lodash-es";
-import { defineComponent as $1, resolveComponent as s, createElementBlock as d, openBlock as p, createCommentVNode as h, createElementVNode as i, createBlock as d1, withModifiers as O1, withCtx as n, createVNode as t, Fragment as u1, renderList as m1, normalizeClass as B1, createTextVNode as c1, toDisplayString as P, computed as A, ref as v, markRaw as E1, toRef as A1, watch as C1, nextTick as U1 } from "vue";
-import { useI18n as R1 } from "vue-i18n";
-import { useRouter as N1 } from "vue-router";
-import { mapActions as f1, mapGetters as v1 } from "vuex";
-import { useRuntimeEnv as z1 } from "../../composables/useRuntimeEnv.js";
-import G1 from "../../stories/components/DemoStep.vue.js";
-import W1 from "../../stories/components/ReviewStepDemo.vue.js";
-import q1 from "../components/dev-tools/ProjectDpiDevTools.vue.js";
-import J1 from "../components/InputPageStep.vue.js";
-import K1 from "../components/ProgressSteps.vue.js";
-import Q1 from "../components/StepActionsSection.vue.js";
-import { useFormValues as X1 } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as Y1 } from "../composables/useDpiStepper.js";
-import { useProjectActions as x1 } from "../composables/useProjectActions.js";
-import { useTwinbyUser as ee } from "../composables/useTwinbyUser.js";
-import te from "../config/dcatapdeHappyFlow/converter.js";
-import { eventBus as oe } from "../HappyFlowComponents/services/eventBus.js";
-import ie from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
-import ne from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
-import ae from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
-import se from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
-import re from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import le from "../HappyFlowComponents/ui/Card.vue.js";
-import pe from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
-import de from "../HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js";
-import ue from "../HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js";
-import me from "../HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js";
-import ce from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
-import Ce from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
-import fe from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
-import ve from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import Se from "../HappyFlowComponents/ui/Illustration.vue.js";
+import { has as A, isNil as d1 } from "lodash-es";
+import { defineComponent as O1, resolveComponent as s, createElementBlock as d, openBlock as p, createCommentVNode as g, createElementVNode as i, createBlock as u1, withModifiers as B1, withCtx as n, createVNode as t, Fragment as m1, renderList as c1, normalizeClass as E1, createTextVNode as C1, toDisplayString as P, computed as I, ref as v, markRaw as A1, toRef as U1, watch as f1, nextTick as R1 } from "vue";
+import { useI18n as N1 } from "vue-i18n";
+import { useRouter as z1 } from "vue-router";
+import { mapActions as v1, mapGetters as S1 } from "vuex";
+import { useRuntimeEnv as G1 } from "../../composables/useRuntimeEnv.js";
+import W1 from "../../stories/components/DemoStep.vue.js";
+import q1 from "../../stories/components/ReviewStepDemo.vue.js";
+import J1 from "../components/dev-tools/ProjectDpiDevTools.vue.js";
+import K1 from "../components/InputPageStep.vue.js";
+import Q1 from "../components/ProgressSteps.vue.js";
+import X1 from "../components/StepActionsSection.vue.js";
+import { useFormValues as Y1 } from "../composables/useDpiFormValues.js";
+import { useDpiStepper as x1 } from "../composables/useDpiStepper.js";
+import { useProjectActions as ee } from "../composables/useProjectActions.js";
+import { useTwinbyUser as te } from "../composables/useTwinbyUser.js";
+import oe from "../config/dcatapdeHappyFlow/converter.js";
+import { eventBus as ie } from "../HappyFlowComponents/services/eventBus.js";
+import ne from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
+import ae from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
+import se from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
+import re from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
+import le from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import pe from "../HappyFlowComponents/ui/Card.vue.js";
+import de from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
+import ue from "../HappyFlowComponents/ui/DataProcessing/BasicInformationStep.vue.js";
+import me from "../HappyFlowComponents/ui/DataSimulation/BasicInformationStep.vue.js";
+import ce from "../HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue.js";
+import Ce from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import fe from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
+import ve from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
+import Se from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
+import ge from "../HappyFlowComponents/ui/Illustration.vue.js";
 import he from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
-import ge from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import Ve from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import He from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import De from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
-import we from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
-import be from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
-import ye from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
-import ke from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
-import Pe from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
+import Ve from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import He from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import De from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import we from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
+import be from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
+import ye from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
+import ke from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
+import Pe from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
+import Ie from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
 import _e from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
-import Ie from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
-import Me from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
-import Fe from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
+import Me from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
+import Fe from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
+import Le from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
 import Te from "../HappyFlowComponents/ui/ReviewStep/ReviewStep.vue.js";
-import Le from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import je from "../HappyFlowComponents/ui/WipStep.vue.js";
-import Ze from "./OverviewPage.vue.js";
+import je from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import Ze from "../HappyFlowComponents/ui/WipStep.vue.js";
+import $e from "./OverviewPage.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                      */
-import $e from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Oe } from "../composables/useDpiContext.js";
-import { useEditModeInfo as Be } from "../composables/useDpiEditMode.js";
-import { useFormSchema as Ee } from "../composables/useFormSchema.js";
-const Ae = $1({
+import Oe from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as Be } from "../composables/useDpiContext.js";
+import { useEditModeInfo as Ee } from "../composables/useDpiEditMode.js";
+import { useFormSchema as Ae } from "../composables/useFormSchema.js";
+const Ue = O1({
   props: {
     property: {
       required: !0,
@@ -86,59 +86,59 @@ const Ae = $1({
     };
   },
   components: {
-    InputPageStep: J1,
+    InputPageStep: K1,
     // DistributionInputPage,
-    LogoV3: Ve,
-    ButtonV3: re,
-    TextButtonSmall: Le,
-    Illustration: Se,
+    LogoV3: He,
+    ButtonV3: le,
+    TextButtonSmall: je,
+    Illustration: ge,
     // PhLightbulb,
     // PhCheckCircle,
-    ModalSimpleV3: He,
+    ModalSimpleV3: De,
     // DemoStepper,
-    DemoStep: G1,
-    ProgressSteps: K1,
-    ReviewStepDemo: W1,
+    DemoStep: W1,
+    ProgressSteps: Q1,
+    ReviewStepDemo: q1,
     LandingProjectStep: he,
-    StepActionsSection: Q1,
-    DiscoverabilityStep: ve,
-    CategoriesStep: fe,
-    ApplicationsStep: Ce,
-    ProjectNameStep: ne,
-    ProjectDescriptionStep: ie,
-    ProjectStatusStep: se,
-    ProjectOrganisationStep: ae,
-    SoftwareStep: ke,
-    DatasetStep: we,
-    HardwareStep: be,
-    OptionalDataStep: De,
-    InitiierenStep: Pe,
-    UmstezenStep: Me,
+    StepActionsSection: X1,
+    DiscoverabilityStep: Se,
+    CategoriesStep: ve,
+    ApplicationsStep: fe,
+    ProjectNameStep: ae,
+    ProjectDescriptionStep: ne,
+    ProjectStatusStep: re,
+    ProjectOrganisationStep: se,
+    SoftwareStep: Pe,
+    DatasetStep: be,
+    HardwareStep: ye,
+    OptionalDataStep: we,
+    InitiierenStep: Ie,
+    UmstezenStep: Fe,
     PlanenStep: _e,
-    WeiterdenkenStep: Fe,
-    BasicInformationStep: pe,
-    DataProcessingBasicInformationStep: de,
-    DataVisualisationBasicInformationStep: me,
-    DataSimulationBasicInformationStep: ue,
-    ProcessStepsOverviewStep: ye,
+    WeiterdenkenStep: Le,
+    BasicInformationStep: de,
+    DataProcessingBasicInformationStep: ue,
+    DataVisualisationBasicInformationStep: ce,
+    DataSimulationBasicInformationStep: me,
+    ProcessStepsOverviewStep: ke,
     ReviewStep: Te,
-    ProjektPhasenOverviewStep: Ie,
-    Card: le,
-    Listbox: ge,
-    DpiModalBase: ce,
-    WipStep: je,
-    ProjectDpiDevTools: q1
+    ProjektPhasenOverviewStep: Me,
+    Card: pe,
+    Listbox: Ve,
+    DpiModalBase: Ce,
+    WipStep: Ze,
+    ProjectDpiDevTools: J1
   },
   computed: {
-    ...v1("auth", [
+    ...S1("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...v1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...S1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => E(this.formValues[e], "dct:title")
+        (e) => A(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -149,7 +149,7 @@ const Ae = $1({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return E(e, "dct:title") && e["dct:title"].length > 0 && E(e["dct:title"][0], "@value") && !p1(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+        return A(e, "dct:title") && e["dct:title"].length > 0 && A(e["dct:title"][0], "@value") && !d1(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
       } catch {
       }
     },
@@ -158,8 +158,8 @@ const Ae = $1({
     }
   },
   methods: {
-    ...f1("auth", ["setIsEditMode", "setIsDraft"]),
-    ...f1("dpiStore", [
+    ...v1("auth", ["setIsEditMode", "setIsDraft"]),
+    ...v1("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -172,7 +172,7 @@ const Ae = $1({
       this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(n1(this.activeStep).value)[0];
     },
     handleDistributionsValidation(e) {
-      oe.emit("nextClicked", e);
+      ie.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
@@ -196,7 +196,7 @@ const Ae = $1({
     },
     createDatasetID() {
       const e = this.formValues[this.getTitleStep];
-      !E(e, "datasetID") || p1(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);
+      !A(e, "datasetID") || d1(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 Ae = $1({
   //   })
   // },
   setup() {
-    var a1, s1, r1, l1;
-    const e = z1(), o = Oe(), { isEditMode: u, editIdQuery: y, editFromDraft: _ } = Be(), S = A(() => !1), f = N1(), {
-      steps: I,
-      stepList: M,
+    var s1, r1, l1, p1;
+    const e = G1(), o = Be(), { isEditMode: u, editIdQuery: y, editFromDraft: _ } = Ee(), S = I(() => !1), f = z1(), {
+      steps: M,
+      stepList: F,
       visitedSteps: U,
       activeStep: m,
       stepPlugin: R,
-      goToNextStep: F,
+      goToNextStep: L,
       goToPreviousStep: a,
       subSteps: N,
       previousStep: z,
       nextStep: G,
-      current: g,
+      current: h,
       goToStep: T,
       isLast: W,
       triggerValidationCurrentStep: q
-    } = Y1();
-    u.value && (m.value = "Vorschau"), j1(S, () => {
+    } = x1();
+    u.value && (m.value = "Vorschau"), Z1(S, () => {
       S.value && (m.value = "Vorschau");
     });
-    const { formValues: L } = X1(), { t: J, te: K } = R1(), Q = v(!1), j = v(!1), V = v([]), X = A(() => m.value ? n1(m.value) : null), Y = (l) => {
+    const { formValues: j } = Y1(), { t: J, te: K } = N1(), Q = v(!1), Z = v(!1), V = v([]), X = I(() => m.value ? n1(m.value) : null), Y = (l) => {
       if (!l)
         return;
-      const C = L1(l);
+      const C = j1(l);
       V.value = [], C.forEach((b) => {
         V.value = V.value.concat(
-          b.map((B) => B.value)
+          b.map((E) => E.value)
         );
       });
-    }, { translateSchema: H, createSchema: D, getSchema: w } = Ee({
+    }, { translateSchema: H, createSchema: D, getSchema: w } = Ae({
       t: J,
       te: K
-    }), { y: x } = Z1({ behavior: "smooth" }), Z = () => {
+    }), { y: x } = $1({ behavior: "smooth" }), $ = () => {
       x.value = 0;
-    }, e1 = E1({ OverviewPage: Ze }), $ = v("");
-    S.value && (m.value = "ReviewAndPublish", $.value = "reviewAndPublishPage");
-    const t1 = A1(I), k = (l) => {
+    }, e1 = A1({ OverviewPage: $e }), O = v("");
+    S.value && (m.value = "ReviewAndPublish", O.value = "reviewAndPublishPage");
+    const t1 = U1(M), k = (l) => {
       var b;
       const C = (b = t1.value) == null ? void 0 : b[l];
       return C ? C.valid : !1;
     }, r = v(!1), c = v(0);
-    C1(m, (l) => {
+    f1(m, (l) => {
       l === "review" && (r.value = !0, c.value++);
-    }), C1(m, () => {
-      Z();
+    }), f1(m, () => {
+      $();
     });
-    const O = async () => {
+    const B = async () => {
       try {
-        const l = "auth/createDataset", C = await te(
-          L.value,
+        const l = "auth/createDataset", C = await oe(
+          j.value,
           o,
           // We'll need to access getUserData somehow - for now using a placeholder
           {},
@@ -322,118 +322,119 @@ const Ae = $1({
       }
     };
     function o1() {
-      k(g.value) && F();
+      k(h.value) && L();
     }
-    async function S1() {
-      q(), await U1();
-      const l = X.value, C = l ? !k(g.value) : !1;
-      C && Y(l), j.value = C, W.value ? console.log("Form submitted", values.value) : o1();
+    async function g1() {
+      q(), await R1();
+      const l = X.value, C = l ? !k(h.value) : !1;
+      C && Y(l), Z.value = C, W.value ? console.log("Form submitted", values.value) : o1();
     }
-    const h1 = A(() => M.value.map((l) => ({ id: l, name: l }))), g1 = A({
+    const h1 = I(() => F.value.map((l) => ({ id: l, name: l }))), V1 = I({
       get() {
-        return { id: g.value, name: g.value };
+        return { id: h.value, name: h.value };
       },
       set(l) {
         T(l.id);
       }
-    }), V1 = v(!1), { organization: H1, catalogProject: D1, startFetchPermissions: w1, userRoles: b1, permissions: y1 } = ee({
-      keycloak: ((s1 = (a1 = e.authentication) == null ? void 0 : a1.keycloak) == null ? void 0 : s1.url) || "https://keycloak.twin.bydata.de",
-      realm: ((l1 = (r1 = e.authentication) == null ? void 0 : r1.keycloak) == null ? void 0 : l1.realm) || "piveau",
+    }), H1 = v(!1), { organization: D1, catalogProject: w1, startFetchPermissions: b1, userRoles: y1, permissions: k1 } = te({
+      keycloak: ((r1 = (s1 = e.authentication) == null ? void 0 : s1.keycloak) == null ? void 0 : r1.url) || "https://keycloak.twin.bydata.de",
+      realm: ((p1 = (l1 = e.authentication) == null ? void 0 : l1.keycloak) == null ? void 0 : p1.realm) || "piveau",
       audience: "piveau-hub-repo"
     });
-    w1();
-    const { submitDraft: k1 } = x1({
+    b1();
+    const { submitDraft: a1 } = ee({
       onSuccess: () => {
         f.push({ name: "DPI-Home-HappyFlow" });
       }
     }), P1 = async () => {
-      await k1.execute(320);
-    }, _1 = v(!1), I1 = v(0);
-    function M1(l) {
+      await a1.execute(320);
+    }, I1 = I(() => a1.isLoading.value), _1 = v(!1), M1 = v(0);
+    function F1(l) {
       T(l);
     }
-    function F1(l) {
+    function L1(l) {
       (Array.isArray(l) ? l : [l]).forEach((b) => {
-        const B = n1("dpiForm");
-        if (!B)
+        const E = n1("dpiForm");
+        if (!E)
           return;
-        const i1 = B.at([b]);
+        const i1 = E.at([b]);
         i1 && (i1._value = {}, T1(i1));
       });
     }
     return {
-      steps: I,
+      steps: M,
       visitedSteps: U,
       activeStep: m,
-      activeSubStep: $,
+      activeSubStep: O,
       subSteps: N,
       previousStep: z,
-      stepList: M,
+      stepList: F,
       nextStep: G,
       stepPlugin: R,
       checkStepValidity: k,
-      goToNextStep: F,
+      goToNextStep: L,
       goToNextStepIfValid: o1,
       goToPreviousStep: a,
-      scrollToTop: Z,
+      scrollToTop: $,
       library: e1,
       isEditMode: u,
       translateSchema: H,
       createSchema: D,
       getSchema: w,
       dpiContext: o,
-      formValues: L,
+      formValues: j,
       activeSimpleModal: Q,
       shouldRenderReviewStep: r,
       renderViewStepKey: c,
-      handlePublish: O,
-      handleSubmit: S1,
-      showErrorSummary: j,
+      handlePublish: B,
+      handleSubmit: g1,
+      showErrorSummary: Z,
       validationMessages: V,
       stepOptions: h1,
-      stepSelect: g1,
-      hologramOpen: V1,
+      stepSelect: V1,
+      hologramOpen: H1,
       devToolsOpen: _1,
-      nonce: I1,
-      jumpToStep: M1,
-      deleteStep: F1,
+      nonce: M1,
+      jumpToStep: F1,
+      deleteStep: L1,
       submitDraft: P1,
-      organization: H1,
-      catalogProject: D1,
-      userRoles: b1,
-      permissions: y1
+      isSubmittingLoading: I1,
+      organization: D1,
+      catalogProject: w1,
+      userRoles: y1,
+      permissions: k1
     };
   }
-}), Ue = { class: "input-page-project form-container V3-typography" }, Re = {
+}), Re = { class: "input-page-project form-container V3-typography" }, Ne = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, Ne = { class: "formContainer formkit" }, ze = { key: 1 }, Ge = {
+}, ze = { class: "formContainer formkit" }, Ge = { key: 1 }, We = {
   key: 0,
   class: "dpiV3_stepper"
-}, We = {
+}, qe = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, qe = { class: "dpiV3_Illustration-Start" }, Je = {
+}, Je = { class: "dpiV3_Illustration-Start" }, Ke = {
   key: 2,
   class: "steps"
-}, Ke = ["data-step-active", "data-step-valid", "onClick"], Qe = { class: "stepBubbleWrap" }, Xe = { class: "circle stepCircle" }, Ye = ["textContent"], xe = {
+}, Qe = ["data-step-active", "data-step-valid", "onClick"], Xe = { class: "stepBubbleWrap" }, Ye = { class: "circle stepCircle" }, xe = ["textContent"], et = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, et = {
+}, tt = {
   key: 0,
   class: "step inactiveStep"
-}, tt = { style: { position: "absolute", top: "0", left: "100%", width: "600px", height: "100%" } }, ot = { style: { position: "sticky", top: "0" } }, it = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, nt = { style: { "max-height": "720px", "overflow-y": "auto" } }, at = { style: { width: "100%", display: "flex", "flex-direction": "column", gap: "2.5rem" } }, st = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, rt = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, lt = { style: { width: "100%" } }, pt = { class: "step-content" }, dt = {
+}, ot = { style: { position: "absolute", top: "0", left: "100%", width: "600px", height: "100%" } }, it = { style: { position: "sticky", top: "0" } }, nt = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, at = { style: { "max-height": "720px", "overflow-y": "auto" } }, st = { style: { width: "100%", display: "flex", "flex-direction": "column", gap: "2.5rem" } }, rt = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, lt = { style: { display: "flex", "flex-direction": "column", gap: "1rem" } }, pt = { style: { width: "100%" } }, dt = { class: "step-content" }, ut = {
   key: 0,
   class: "dpiV3_Card_Tips--error dpiV3_Card_Tips"
-}, ut = { class: "validation-errors" };
-function mt(e, o, u, y, _, S) {
+}, mt = { class: "validation-errors" };
+function ct(e, o, u, y, _, S) {
   s("TextButtonSmall");
-  const f = s("ButtonV3"), I = s("ProgressSteps"), M = s("Illustration"), U = s("Listbox"), m = s("Card"), R = s("ProjectDpiDevTools"), F = s("LandingProjectStep"), a = s("InputPageStep"), N = s("DiscoverabilityStep"), z = s("CategoriesStep"), G = s("ApplicationsStep"), g = s("ProjectNameStep"), T = s("ProjectDescriptionStep"), W = s("ProjectStatusStep"), q = s("ProjectOrganisationStep"), L = s("OptionalDataStep"), J = s("ProjektPhasenOverviewStep"), K = s("InitiierenStep"), Q = s("PlanenStep"), j = s("UmstezenStep"), V = s("WeiterdenkenStep"), X = s("ProcessStepsOverviewStep"), Y = s("BasicInformationStep"), H = s("SoftwareStep"), D = s("DatasetStep"), w = s("HardwareStep"), x = s("DataProcessingBasicInformationStep"), Z = s("DataSimulationBasicInformationStep"), e1 = s("DataVisualisationBasicInformationStep"), $ = s("ReviewStep"), t1 = s("FormKit"), k = s("ModalSimpleV3");
-  return p(), d("div", Ue, [
-    e.isInput ? (p(), d("div", Re, [
-      i("div", Ne, [
-        (p(), d1(t1, {
+  const f = s("ButtonV3"), M = s("ProgressSteps"), F = s("Illustration"), U = s("Listbox"), m = s("Card"), R = s("ProjectDpiDevTools"), L = s("LandingProjectStep"), a = s("InputPageStep"), N = s("DiscoverabilityStep"), z = s("CategoriesStep"), G = s("ApplicationsStep"), h = s("ProjectNameStep"), T = s("ProjectDescriptionStep"), W = s("ProjectStatusStep"), q = s("ProjectOrganisationStep"), j = s("OptionalDataStep"), J = s("ProjektPhasenOverviewStep"), K = s("InitiierenStep"), Q = s("PlanenStep"), Z = s("UmstezenStep"), V = s("WeiterdenkenStep"), X = s("ProcessStepsOverviewStep"), Y = s("BasicInformationStep"), H = s("SoftwareStep"), D = s("DatasetStep"), w = s("HardwareStep"), x = s("DataProcessingBasicInformationStep"), $ = s("DataSimulationBasicInformationStep"), e1 = s("DataVisualisationBasicInformationStep"), O = s("ReviewStep"), t1 = s("FormKit"), k = s("ModalSimpleV3");
+  return p(), d("div", Re, [
+    e.isInput ? (p(), d("div", Ne, [
+      i("div", ze, [
+        (p(), u1(t1, {
           id: "dpiForm",
           key: e.nonce,
           modelValue: e.formValues,
@@ -443,12 +444,12 @@ function mt(e, o, u, y, _, S) {
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: o[9] || (o[9] = O1(() => {
+          onSubmit: o[9] || (o[9] = B1(() => {
           }, ["prevent"]))
         }, {
           default: n(() => [
-            (p(), d("div", ze, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", Ge, [
+            (p(), d("div", Ge, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", We, [
                 o[12] || (o[12] = i("svg", {
                   width: "129",
                   height: "48",
@@ -505,7 +506,7 @@ function mt(e, o, u, y, _, S) {
                     fill: "#AEDFF8"
                   })
                 ], -1)),
-                t(I, {
+                t(M, {
                   checked: e.visitedSteps,
                   "onUpdate:checked": o[0] || (o[0] = (r) => e.visitedSteps = r),
                   current: e.activeStep,
@@ -513,7 +514,7 @@ function mt(e, o, u, y, _, S) {
                   "hide-first": "",
                   steps: e.stepList || []
                 }, null, 8, ["checked", "current", "steps"])
-              ])) : (p(), d("div", We, [
+              ])) : (p(), d("div", qe, [
                 o[13] || (o[13] = i("div", { class: "dpiV3_bydata_logo_wordmark" }, [
                   i("svg", {
                     width: "129",
@@ -572,15 +573,15 @@ function mt(e, o, u, y, _, S) {
                     })
                   ])
                 ], -1)),
-                i("div", qe, [
-                  t(M, { "illustration-name": "start" })
+                i("div", Je, [
+                  t(F, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", Je, [
-              (p(!0), d(u1, null, m1(e.steps, (r, c, O) => (p(), d("li", {
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", Ke, [
+              (p(!0), d(m1, null, c1(e.steps, (r, c, B) => (p(), d("li", {
                 key: r,
-                class: B1(["step", {
+                class: E1(["step", {
                   activeItem: e.activeStep === c,
                   inactiveStep: c != e.activeStep,
                   "has-errors": e.checkStepValidity(c)
@@ -591,34 +592,34 @@ function mt(e, o, u, y, _, S) {
                   e.activeStep = c, e.update(), e.scrollToTop();
                 }
               }, [
-                i("div", Qe, [
-                  i("div", Xe, P(O + 1), 1),
+                i("div", Xe, [
+                  i("div", Ye, P(B + 1), 1),
                   e.checkStepValidity(c) ? (p(), d("span", {
                     key: 0,
                     class: "step--errors",
                     textContent: P(r.errorCount + r.blockingCount)
-                  }, null, 8, Ye)) : h("", !0),
-                  c1(P(e.$t(`message.dataupload.steps.${c}Step`)), 1)
+                  }, null, 8, xe)) : g("", !0),
+                  C1(P(e.$t(`message.dataupload.steps.${c}Step`)), 1)
                 ]),
-                O != Object.keys(e.steps).length ? (p(), d("div", xe)) : h("", !0)
-              ], 10, Ke))), 128)),
-              e.activeStep === "Overview" ? (p(), d("li", et, o[14] || (o[14] = [
+                B != Object.keys(e.steps).length ? (p(), d("div", et)) : g("", !0)
+              ], 10, Qe))), 128)),
+              e.activeStep === "Overview" ? (p(), d("li", tt, o[14] || (o[14] = [
                 i("div", { class: "circle stepCircle" }, null, -1)
-              ]))) : h("", !0)
-            ])) : h("", !0),
-            i("div", tt, [
-              i("div", ot, [
-                i("details", it, [
+              ]))) : g("", !0)
+            ])) : g("", !0),
+            i("div", ot, [
+              i("div", it, [
+                i("details", nt, [
                   o[15] || (o[15] = i("summary", null, "Form Values", -1)),
-                  i("pre", nt, P(JSON.stringify(e.formValues, null, 2)), 1)
+                  i("pre", at, P(JSON.stringify(e.formValues, null, 2)), 1)
                 ]),
                 t(m, null, {
                   title: n(() => o[16] || (o[16] = [
-                    c1(" dev view ", -1)
+                    C1(" dev view ", -1)
                   ])),
                   default: n(() => [
-                    i("div", at, [
-                      i("div", st, [
+                    i("div", st, [
+                      i("div", rt, [
                         t(f, {
                           type: "button",
                           variant: "secondary",
@@ -638,7 +639,7 @@ function mt(e, o, u, y, _, S) {
                           onClick: e.handleSubmit
                         }, null, 8, ["onClick"])
                       ]),
-                      i("div", rt, [
+                      i("div", lt, [
                         t(f, {
                           type: "button",
                           variant: "secondary",
@@ -646,7 +647,7 @@ function mt(e, o, u, y, _, S) {
                           onClick: o[3] || (o[3] = (r) => e.devToolsOpen = !0)
                         })
                       ]),
-                      i("div", lt, [
+                      i("div", pt, [
                         t(U, {
                           modelValue: e.stepSelect,
                           "onUpdate:modelValue": o[4] || (o[4] = (r) => e.stepSelect = r),
@@ -666,11 +667,11 @@ function mt(e, o, u, y, _, S) {
                 "onUpdate:nonce": o[6] || (o[6] = (r) => e.nonce = r)
               }, null, 8, ["modelValue", "nonce"])
             ]),
-            i("div", pt, [
+            i("div", dt, [
               i("div", null, [
                 t(a, { name: "Landing" }, {
                   default: n(() => [
-                    t(F)
+                    t(L)
                   ]),
                   _: 1
                 }),
@@ -694,7 +695,7 @@ function mt(e, o, u, y, _, S) {
                 }),
                 t(a, { name: "Grundlegende Informationen/Name" }, {
                   default: n(() => [
-                    t(g)
+                    t(h)
                   ]),
                   _: 1
                 }),
@@ -726,7 +727,7 @@ function mt(e, o, u, y, _, S) {
                 }),
                 t(a, { name: "Optionale Daten" }, {
                   default: n(() => [
-                    t(L)
+                    t(j)
                   ]),
                   _: 1
                 }),
@@ -750,7 +751,7 @@ function mt(e, o, u, y, _, S) {
                 }),
                 t(a, { name: "Projektphasen (optional)/Umsetzen" }, {
                   default: n(() => [
-                    t(j)
+                    t(Z)
                   ]),
                   _: 1
                 }),
@@ -834,7 +835,7 @@ function mt(e, o, u, y, _, S) {
                 }),
                 t(a, { name: "3. Datensimulation/Grundlegende Informationen" }, {
                   default: n(() => [
-                    t(Z)
+                    t($)
                   ]),
                   _: 1
                 }),
@@ -903,29 +904,30 @@ function mt(e, o, u, y, _, S) {
                 }),
                 t(a, { name: "Vorschau" }, {
                   default: n(() => [
-                    t($, {
+                    t(O, {
+                      loading: e.isSubmittingLoading,
                       onSubmit: e.submitDraft,
                       onJump: e.jumpToStep,
                       onDelete: e.deleteStep
-                    }, null, 8, ["onSubmit", "onJump", "onDelete"])
+                    }, null, 8, ["loading", "onSubmit", "onJump", "onDelete"])
                   ]),
                   _: 1
                 })
               ]),
               o[18] || (o[18] = i("hr", null, null, -1)),
-              e.showErrorSummary && e.validationMessages.length ? (p(), d("div", dt, [
+              e.showErrorSummary && e.validationMessages.length ? (p(), d("div", ut, [
                 o[17] || (o[17] = i("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
-                i("ul", ut, [
-                  (p(!0), d(u1, null, m1(e.validationMessages, (r) => (p(), d("li", { key: r }, P(r), 1))), 128))
+                i("ul", mt, [
+                  (p(!0), d(m1, null, c1(e.validationMessages, (r) => (p(), d("li", { key: r }, P(r), 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(), d1(k, {
+        e.activeSimpleModal ? (p(), u1(k, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
@@ -933,12 +935,12 @@ function mt(e, o, u, y, _, S) {
           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)
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : g("", !0)
       ])
-    ], 512)) : h("", !0)
+    ], 512)) : g("", !0)
   ]);
 }
-const y3 = /* @__PURE__ */ $e(Ae, [["render", mt]]);
+const k3 = /* @__PURE__ */ Oe(Ue, [["render", ct]]);
 export {
-  y3 as default
+  k3 as default
 };