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

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

@@ -1,59 +1,62 @@
-import { getNode as e1 } from "@formkit/core";
-import { getValidationMessages as p1 } from "@formkit/validation";
+import { getNode as t1 } from "@formkit/core";
+import { getValidationMessages as f1 } from "@formkit/validation";
 import "@formkit/vue";
 import "@phosphor-icons/vue";
-import { useWindowScroll as d1 } from "@vueuse/core";
+import { useWindowScroll as v1 } from "@vueuse/core";
 import "jquery";
-import { has as Z, isNil as t1 } from "lodash-es";
-import { defineComponent as u1, resolveComponent as r, createElementBlock as d, openBlock as p, createCommentVNode as h, createElementVNode as n, createVNode as t, createBlock as o1, withModifiers as m1, withCtx as i, toDisplayString as y, createTextVNode as n1, Fragment as i1, renderList as a1, normalizeClass as C1, ref as D, computed as x, markRaw as c1, toRef as f1, watch as v1, nextTick as h1 } from "vue";
-import { useI18n as S1 } from "vue-i18n";
-import { mapActions as r1, mapGetters as s1 } from "vuex";
-import g1 from "../../stories/components/DemoStep.vue.js";
-import V1 from "../../stories/components/ReviewStepDemo.vue.js";
-import H1 from "../components/InputPageStep.vue.js";
-import D1 from "../components/ProgressSteps.vue.js";
-import w1 from "../components/StepActionsSection.vue.js";
-import { useFormValues as _1 } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as b1 } from "../composables/useDpiStepper.js";
-import k1 from "../config/dcatapdeHappyFlow/converter.js";
-import { eventBus as y1 } from "../HappyFlowComponents/services/eventBus.js";
-import P1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
-import I1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
-import F1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
-import M1 from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
-import L1 from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import T1 from "../HappyFlowComponents/ui/Card.vue.js";
-import Z1 from "../HappyFlowComponents/ui/DataCollection/BasicInformationStep.vue.js";
-import j1 from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
-import $1 from "../HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js";
-import O1 from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
-import A1 from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import B1 from "../HappyFlowComponents/ui/Illustration.vue.js";
-import z1 from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
-import U1 from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import E1 from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import N1 from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import R1 from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
-import G1 from "../HappyFlowComponents/ui/ProcessSteps/DatasetStep.vue.js";
-import W1 from "../HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js";
-import K1 from "../HappyFlowComponents/ui/ProcessSteps/ProcessStepsOverviewStep.vue.js";
-import q1 from "../HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue.js";
-import J1 from "../HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js";
-import Q1 from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
-import X1 from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
-import Y1 from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
-import x1 from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
-import ee from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import te from "../HappyFlowComponents/ui/WipStep.vue.js";
-import oe from "./OverviewPage.vue.js";
+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";
 /* empty css                             */
 /* empty css                              */
 /* empty css                      */
-import ne from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as ie } from "../composables/useDpiContext.js";
-import { useEditModeInfo as ae } from "../composables/useDpiEditMode.js";
-import { useFormSchema as re } from "../composables/useFormSchema.js";
-const se = u1({
+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({
   props: {
     property: {
       required: !0,
@@ -75,54 +78,56 @@ const se = u1({
     };
   },
   components: {
-    InputPageStep: H1,
+    InputPageStep: _1,
     // DistributionInputPage,
-    LogoV3: E1,
-    ButtonV3: L1,
-    TextButtonSmall: ee,
-    Illustration: B1,
+    LogoV3: K1,
+    ButtonV3: B1,
+    TextButtonSmall: le,
+    Illustration: W1,
     // PhLightbulb,
     // PhCheckCircle,
-    ModalSimpleV3: N1,
+    ModalSimpleV3: Q1,
     // DemoStepper,
-    DemoStep: g1,
-    ProgressSteps: D1,
-    ReviewStepDemo: V1,
-    LandingProjectStep: z1,
-    StepActionsSection: w1,
-    DiscoverabilityStep: A1,
-    CategoriesStep: O1,
-    ApplicationsStep: $1,
-    ProjectNameStep: I1,
-    ProjectDescriptionStep: P1,
-    ProjectStatusStep: M1,
-    ProjectOrganisationStep: F1,
-    SoftwareStep: q1,
-    DatasetStep: G1,
-    HardwareStep: W1,
-    OptionalDataStep: R1,
-    InitiierenStep: J1,
-    UmstezenStep: Y1,
-    PlanenStep: Q1,
-    WeiterdenkenStep: x1,
-    BasicInformationStep: Z1,
-    ProcessStepsOverviewStep: K1,
-    ProjektPhasenOverviewStep: X1,
-    Card: T1,
-    Listbox: U1,
-    DpiModalBase: j1,
-    WipStep: te
+    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
   },
   computed: {
-    ...s1("auth", [
+    ...p1("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...s1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...p1("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => Z(this.formValues[e], "dct:title")
+        (e) => $(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -133,7 +138,7 @@ const se = u1({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return Z(e, "dct:title") && e["dct:title"].length > 0 && Z(e["dct:title"][0], "@value") && !t1(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+        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"] : "";
       } catch {
       }
     },
@@ -142,8 +147,8 @@ const se = u1({
     }
   },
   methods: {
-    ...r1("auth", ["setIsEditMode", "setIsDraft"]),
-    ...r1("dpiStore", [
+    ...l1("auth", ["setIsEditMode", "setIsDraft"]),
+    ...l1("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -153,10 +158,10 @@ const se = u1({
     },
     // Route to the RAP Page
     goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(e1(this.activeStep).value)[0];
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(t1(this.activeStep).value)[0];
     },
     handleDistributionsValidation(e) {
-      y1.emit("nextClicked", e);
+      j1.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
@@ -164,12 +169,12 @@ const se = u1({
       }).href;
     },
     async dispatchDataToDPI(e, o, u, S) {
-      var k, C;
+      var _, m;
       console.log("body:", e, o, "params:", u, S);
       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), (k = this.$Progress) == null || k.finish(), this.clearAll();
-      } catch (w) {
-        console.error(w), (C = this.$Progress) == null || C.fail();
+        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();
       }
     },
     clearForm() {
@@ -180,7 +185,7 @@ const se = u1({
     },
     createDatasetID() {
       const e = this.formValues[this.getTitleStep];
-      !Z(e, "datasetID") || t1(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, "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);
     },
     generateandTranslateSchema(e) {
       for (let o = 0; o < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[e].length; o++)
@@ -242,186 +247,198 @@ const se = u1({
   //   })
   // },
   setup() {
-    const e = ie(), { isEditMode: o } = ae(), {
+    const e = me(), { isEditMode: o } = Ce(), {
       steps: u,
       stepList: S,
-      visitedSteps: k,
-      activeStep: C,
-      stepPlugin: w,
-      goToNextStep: c,
-      goToPreviousStep: j,
-      subSteps: $,
-      previousStep: O,
-      nextStep: A,
-      current: _,
-      goToStep: a,
-      isLast: B,
+      visitedSteps: _,
+      activeStep: m,
+      stepPlugin: D,
+      goToNextStep: C,
+      goToPreviousStep: A,
+      subSteps: B,
+      previousStep: E,
+      nextStep: U,
+      current: b,
+      goToStep: M,
+      isLast: a,
       triggerValidationCurrentStep: z
-    } = b1(), { formValues: P } = _1(), { t: U, te: E } = S1(), N = D(!1), I = D(!1), g = D([]), R = x(() => C.value ? e1(C.value) : null), G = (l) => {
+    } = 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) => {
       if (!l)
         return;
-      const m = p1(l);
-      g.value = [], m.forEach((T) => {
-        g.value = g.value.concat(
-          T.map((l1) => l1.value)
+      const f = f1(l);
+      k.value = [], f.forEach((Z) => {
+        k.value = k.value.concat(
+          Z.map((c1) => c1.value)
         );
       });
-    }, { translateSchema: W, createSchema: K, getSchema: q } = re({
-      t: U,
-      te: E
-    }), J = () => {
-      let { x: l, y: m } = d1({ behavior: "smooth" });
-      m.value = 0;
-    }, Q = c1({ OverviewPage: oe }), V = D("");
-    o.value && (C.value = "ReviewAndPublish", V.value = "reviewAndPublishPage");
-    const b = f1(u), v = (l) => {
-      var T;
-      const m = (T = b.value) == null ? void 0 : T[l];
-      return m ? m.valid : !1;
-    }, H = D(!1), F = D(0);
-    v1(C, (l) => {
-      l === "review" && (H.value = !0, F.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();
     });
-    const X = async () => {
+    const Y = async () => {
       try {
-        const l = "auth/createDataset", m = await k1(
-          P.value,
+        const l = "auth/createDataset", f = await L1(
+          w.value,
           e,
           // 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:", m), setTimeout(() => {
+        console.log("Publishing:", f), setTimeout(() => {
           window.location.href = "/dpi-home-happyflow";
         }, 1e3);
       } catch (l) {
         console.error("Fehler beim Veröffentlichen:", l);
       }
     };
-    function M() {
-      v(_.value) && c();
+    function j() {
+      h(b.value) && C();
     }
-    async function Y() {
-      z(), await h1();
-      const l = R.value, m = l ? !v(_.value) : !1;
-      m && G(l), I.value = m, B.value ? console.log("Form submitted", values.value) : M();
+    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();
     }
-    const s = x(() => S.value.map((l) => ({ id: l, name: l }))), f = x({
+    const c = x(() => S.value.map((l) => ({ id: l, name: l }))), O = x({
       get() {
-        return { id: _.value, name: _.value };
+        return { id: b.value, name: b.value };
       },
       set(l) {
-        a(l.id);
+        M(l.id);
       }
-    }), L = D(!1);
+    }), 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));
+    }
+    const u1 = v(!1), m1 = v(0);
+    function C1(l) {
+      M(l);
+    }
     return {
       steps: u,
-      visitedSteps: k,
-      activeStep: C,
-      activeSubStep: V,
-      subSteps: $,
-      previousStep: O,
+      visitedSteps: _,
+      activeStep: m,
+      activeSubStep: g,
+      subSteps: B,
+      previousStep: E,
       stepList: S,
-      nextStep: A,
-      stepPlugin: w,
-      checkStepValidity: v,
-      goToNextStep: c,
-      goToNextStepIfValid: M,
-      goToPreviousStep: j,
-      scrollToTop: J,
-      library: Q,
+      nextStep: U,
+      stepPlugin: D,
+      checkStepValidity: h,
+      goToNextStep: C,
+      goToNextStepIfValid: j,
+      goToPreviousStep: A,
+      scrollToTop: T,
+      library: X,
       isEditMode: o,
-      translateSchema: W,
-      createSchema: K,
-      getSchema: q,
+      translateSchema: J,
+      createSchema: q,
+      getSchema: K,
       dpiContext: e,
-      formValues: P,
-      activeSimpleModal: N,
-      shouldRenderReviewStep: H,
-      renderViewStepKey: F,
-      handlePublish: X,
-      handleSubmit: Y,
+      formValues: w,
+      activeSimpleModal: G,
+      shouldRenderReviewStep: V,
+      renderViewStepKey: L,
+      handlePublish: Y,
+      handleSubmit: r,
       showErrorSummary: I,
-      validationMessages: g,
-      stepOptions: s,
-      stepSelect: f,
-      hologramOpen: L
+      validationMessages: k,
+      stepOptions: c,
+      stepSelect: O,
+      hologramOpen: e1,
+      submitto: d1,
+      devToolsOpen: u1,
+      nonce: m1,
+      jumpToStep: C1
     };
   }
-}), le = { class: "input-page-project form-container V3-typography" }, pe = {
+}), ve = { class: "input-page-project form-container V3-typography" }, he = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, de = { class: "formContainer formkit" }, ue = { key: 0 }, me = { class: "dpiV3_stepper draftStepper" }, Ce = {
+}, Se = { class: "formContainer formkit" }, ge = { key: 0 }, Ve = { class: "dpiV3_stepper draftStepper" }, He = {
   key: 0,
   class: "draftCTA"
-}, ce = {
+}, De = {
   key: 1,
   class: "draftCTA"
-}, fe = { key: 1 }, ve = {
+}, be = { key: 1 }, we = {
   key: 0,
   class: "dpiV3_stepper"
-}, he = { style: { "z-index": "10000", "max-width": "100%" } }, Se = { style: { "z-index": "1000", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%", width: "100%" } }, ge = { style: {} }, Ve = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, He = {
-  class: "dev-actions",
-  style: {}
-}, De = {
+}, ke = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, we = { class: "dpiV3_Illustration-Start" }, _e = {
+}, ye = { class: "dpiV3_Illustration-Start" }, _e = {
   key: 2,
   class: "steps"
-}, be = ["data-step-active", "data-step-valid", "onClick"], ke = { class: "stepBubbleWrap" }, ye = { class: "circle stepCircle" }, Pe = ["textContent"], Ie = {
+}, Pe = ["data-step-active", "data-step-valid", "onClick"], Me = { class: "stepBubbleWrap" }, Ie = { class: "circle stepCircle" }, Fe = ["textContent"], Te = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, Fe = {
+}, Le = {
   key: 0,
   class: "step inactiveStep"
-}, Me = { class: "step-content" }, Le = {
+}, 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 = {
   key: 0,
   class: "dpiV3_Card_Tips--error dpiV3_Card_Tips"
-}, Te = { class: "validation-errors" };
-function Ze(e, o, u, S, k, C) {
-  const w = r("TextButtonSmall"), c = r("ButtonV3"), j = r("ProgressSteps"), $ = r("Listbox"), O = r("Card"), A = r("Illustration"), _ = r("LandingProjectStep"), a = r("InputPageStep"), B = r("DiscoverabilityStep"), z = r("CategoriesStep"), P = r("ApplicationsStep"), U = r("ProjectNameStep"), E = r("ProjectDescriptionStep"), N = r("ProjectStatusStep"), I = r("ProjectOrganisationStep"), g = r("OptionalDataStep"), R = r("DpiModalBase"), G = r("ProjektPhasenOverviewStep"), W = r("InitiierenStep"), K = r("PlanenStep"), q = r("UmstezenStep"), J = r("WeiterdenkenStep"), Q = r("ProcessStepsOverviewStep"), V = r("BasicInformationStep"), b = r("SoftwareStep"), v = r("DatasetStep"), H = r("HardwareStep"), F = r("ReviewStepDemo"), X = r("StepActionsSection"), M = r("FormKit"), Y = r("ModalSimpleV3");
-  return p(), d("div", le, [
-    e.isInput ? (p(), d("div", pe, [
-      n("div", de, [
-        t(M, {
+}, 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, {
           id: "dpiForm",
+          key: e.nonce,
           modelValue: e.formValues,
-          "onUpdate:modelValue": o[5] || (o[5] = (s) => e.formValues = s),
+          "onUpdate:modelValue": o[8] || (o[8] = (r) => e.formValues = r),
           type: "form",
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: o[6] || (o[6] = m1(() => {
+          onSubmit: o[9] || (o[9] = S1(() => {
           }, ["prevent"]))
         }, {
           default: i(() => [
-            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (p(), d("div", ue, [
-              n("div", me, [
-                t(w, {
+            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", Ce, [
-                    t(c, {
+                  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, {
+                    t(C, {
                       "button-text": "Veröffentlicht ansehen",
                       variant: "secondary",
                       size: "large",
                       "icon-end": "Out",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"])
-                  ])) : (p(), d("div", ce, [
-                    t(c, {
+                  ])) : (p(), d("div", De, [
+                    t(C, {
                       "button-text": "Veröffentlichen",
                       size: "large",
                       onClick: e.handlePublish
@@ -429,9 +446,9 @@ function Ze(e, o, u, S, k, C) {
                   ]))
                 ])
               ])
-            ])) : (p(), d("div", fe, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", ve, [
-                o[11] || (o[11] = n("svg", {
+            ])) : (p(), d("div", be, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), d("div", we, [
+                o[12] || (o[12] = n("svg", {
                   width: "129",
                   height: "48",
                   viewBox: "0 0 129 48",
@@ -487,60 +504,16 @@ function Ze(e, o, u, S, k, C) {
                     fill: "#AEDFF8"
                   })
                 ], -1)),
-                t(j, {
+                t(A, {
                   checked: e.visitedSteps,
-                  "onUpdate:checked": o[0] || (o[0] = (s) => e.visitedSteps = s),
+                  "onUpdate:checked": o[0] || (o[0] = (r) => e.visitedSteps = r),
                   current: e.activeStep,
-                  "onUpdate:current": o[1] || (o[1] = (s) => e.activeStep = s),
+                  "onUpdate:current": o[1] || (o[1] = (r) => e.activeStep = r),
                   "hide-first": "",
                   steps: e.stepList || []
-                }, null, 8, ["checked", "current", "steps"]),
-                n("div", he, [
-                  n("details", Se, [
-                    o[9] || (o[9] = n("summary", null, "Form Values", -1)),
-                    n("pre", ge, y(JSON.stringify(e.formValues, null, 2)), 1)
-                  ]),
-                  t(O, null, {
-                    title: i(() => o[10] || (o[10] = [
-                      n1(" dev view ", -1)
-                    ])),
-                    default: i(() => [
-                      n("div", Ve, [
-                        n("div", He, [
-                          t(c, {
-                            type: "button",
-                            variant: "secondary",
-                            "button-text": "Open Hologram",
-                            onClick: o[2] || (o[2] = (s) => e.hologramOpen = !0)
-                          }),
-                          t(c, {
-                            type: "button",
-                            variant: "secondary",
-                            "button-text": "Previous",
-                            onClick: e.goToPreviousStep
-                          }, null, 8, ["onClick"]),
-                          t(c, {
-                            type: "button",
-                            variant: "secondary",
-                            "button-text": "Next",
-                            onClick: e.handleSubmit
-                          }, null, 8, ["onClick"])
-                        ]),
-                        n("div", null, [
-                          t($, {
-                            modelValue: e.stepSelect,
-                            "onUpdate:modelValue": o[3] || (o[3] = (s) => e.stepSelect = s),
-                            label: "Go to step",
-                            options: e.stepOptions
-                          }, null, 8, ["modelValue", "options"])
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ])) : (p(), d("div", De, [
-                o[12] || (o[12] = n("div", { class: "dpiV3_bydata_logo_wordmark" }, [
+                }, null, 8, ["checked", "current", "steps"])
+              ])) : (p(), d("div", ke, [
+                o[13] || (o[13] = n("div", { class: "dpiV3_bydata_logo_wordmark" }, [
                   n("svg", {
                     width: "129",
                     height: "48",
@@ -598,87 +571,147 @@ function Ze(e, o, u, S, k, C) {
                     })
                   ])
                 ], -1)),
-                n("div", we, [
-                  t(A, { "illustration-name": "start" })
+                n("div", ye, [
+                  t(B, { "illustration-name": "start" })
                 ])
               ]))
             ])),
             e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), d("ul", _e, [
-              (p(!0), d(i1, null, a1(e.steps, (s, f, L) => (p(), d("li", {
-                key: s,
-                class: C1(["step", {
-                  activeItem: e.activeStep === f,
-                  inactiveStep: f != e.activeStep,
-                  "has-errors": e.checkStepValidity(f)
+              (p(!0), d(i1, null, a1(e.steps, (r, c, O) => (p(), d("li", {
+                key: r,
+                class: g1(["step", {
+                  activeItem: e.activeStep === c,
+                  inactiveStep: c != e.activeStep,
+                  "has-errors": e.checkStepValidity(c)
                 }]),
-                "data-step-active": e.activeStep === f,
-                "data-step-valid": s.valid && s.errorCount === 0,
-                onClick: (l) => {
-                  e.activeStep = f, e.update(), e.scrollToTop();
+                "data-step-active": e.activeStep === c,
+                "data-step-valid": r.valid && r.errorCount === 0,
+                onClick: (e1) => {
+                  e.activeStep = c, e.update(), e.scrollToTop();
                 }
               }, [
-                n("div", ke, [
-                  n("div", ye, y(L + 1), 1),
-                  e.checkStepValidity(f) ? (p(), d("span", {
+                n("div", Me, [
+                  n("div", Ie, P(O + 1), 1),
+                  e.checkStepValidity(c) ? (p(), d("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: y(s.errorCount + s.blockingCount)
-                  }, null, 8, Pe)) : h("", !0),
-                  n1(y(e.$t(`message.dataupload.steps.${f}Step`)), 1)
+                    textContent: P(r.errorCount + r.blockingCount)
+                  }, null, 8, Fe)) : H("", !0),
+                  s1(P(e.$t(`message.dataupload.steps.${c}Step`)), 1)
                 ]),
-                L != Object.keys(e.steps).length ? (p(), d("div", Ie)) : h("", !0)
-              ], 10, be))), 128)),
-              e.activeStep === "Overview" ? (p(), d("li", Fe, o[13] || (o[13] = [
+                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", Me, [
+              ]))) : 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)
+                ]),
+                t(U, null, {
+                  title: i(() => o[16] || (o[16] = [
+                    s1(" dev view ", -1)
+                  ])),
+                  default: i(() => [
+                    n("div", Ae, [
+                      n("div", Be, [
+                        t(C, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Open Hologram",
+                          onClick: o[2] || (o[2] = (r) => e.hologramOpen = !0)
+                        }),
+                        t(C, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Previous",
+                          onClick: e.goToPreviousStep
+                        }, null, 8, ["onClick"]),
+                        t(C, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Next",
+                          onClick: e.handleSubmit
+                        }, null, 8, ["onClick"])
+                      ]),
+                      n("div", Ee, [
+                        t(C, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Open devtools",
+                          onClick: o[3] || (o[3] = (r) => e.devToolsOpen = !0)
+                        })
+                      ]),
+                      n("div", null, [
+                        t(E, {
+                          modelValue: e.stepSelect,
+                          "onUpdate:modelValue": o[4] || (o[4] = (r) => e.stepSelect = r),
+                          label: "Go to step",
+                          options: e.stepOptions
+                        }, null, 8, ["modelValue", "options"])
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              t(b, {
+                modelValue: e.devToolsOpen,
+                "onUpdate:modelValue": o[5] || (o[5] = (r) => e.devToolsOpen = r),
+                nonce: e.nonce,
+                "onUpdate:nonce": o[6] || (o[6] = (r) => e.nonce = r)
+              }, null, 8, ["modelValue", "nonce"])
+            ]),
+            n("div", Ue, [
               n("div", null, [
                 t(a, { name: "Landing" }, {
                   default: i(() => [
-                    t(_)
+                    t(M)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Auffindbarkeit/Sichtbarkeit" }, {
                   default: i(() => [
-                    t(B)
+                    t(z)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Auffindbarkeit/Kategorien" }, {
                   default: i(() => [
-                    t(z)
+                    t(w)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
                   default: i(() => [
-                    t(P)
+                    t(N)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Grundlegende Informationen/Name" }, {
                   default: i(() => [
-                    t(U)
+                    t(R)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Grundlegende Informationen/Beschreibung" }, {
                   default: i(() => [
-                    t(E)
+                    t(G)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Grundlegende Informationen/Projektstatus" }, {
                   default: i(() => [
-                    t(N)
+                    t(I)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Grundlegende Informationen/Organisation" }, {
                   default: i(() => [
-                    t(I, {
+                    t(k, {
                       "is-wip": "",
                       icon: "https://storage.googleapis.com/open-data-public-files-050923/assets/v2/haar/favicon.png",
                       address: "Bahnhofstraße 7",
@@ -692,13 +725,13 @@ function Ze(e, o, u, S, k, C) {
                 }),
                 t(a, { name: "Optionale Daten" }, {
                   default: i(() => [
-                    t(g),
-                    t(R, {
+                    t(F),
+                    t(W, {
                       modelValue: e.hologramOpen,
-                      "onUpdate:modelValue": o[4] || (o[4] = (s) => e.hologramOpen = s)
+                      "onUpdate:modelValue": o[7] || (o[7] = (r) => e.hologramOpen = r)
                     }, {
                       default: i(() => [
-                        t(g)
+                        t(F)
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
@@ -707,13 +740,13 @@ function Ze(e, o, u, S, k, C) {
                 }),
                 t(a, { name: "Projektphasen (optional)" }, {
                   default: i(() => [
-                    t(G)
+                    t(J)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Projektphasen (optional)/Initiieren" }, {
                   default: i(() => [
-                    t(W)
+                    t(q)
                   ]),
                   _: 1
                 }),
@@ -725,31 +758,31 @@ function Ze(e, o, u, S, k, C) {
                 }),
                 t(a, { name: "Projektphasen (optional)/Umsetzen" }, {
                   default: i(() => [
-                    t(q)
+                    t(Q)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Projektphasen (optional)/Weiterdenken" }, {
                   default: i(() => [
-                    t(J)
+                    t(T)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Technische Prozessschritte" }, {
                   default: i(() => [
-                    t(Q)
+                    t(X)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
                   default: i(() => [
-                    t(V)
+                    t(g)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "1. Datenerfassung/Software" }, {
                   default: i(() => [
-                    t(b, {
+                    t(y, {
                       "step-group": "1. Datenerfassung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
@@ -758,7 +791,7 @@ function Ze(e, o, u, S, k, C) {
                 }),
                 t(a, { name: "1. Datenerfassung/Datensätze" }, {
                   default: i(() => [
-                    t(v, {
+                    t(h, {
                       "step-group": "1. Datenerfassung",
                       edit: e.isEditMode
                     }, null, 8, ["edit"])
@@ -767,7 +800,7 @@ function Ze(e, o, u, S, k, C) {
                 }),
                 t(a, { name: "1. Datenerfassung/Hardware" }, {
                   default: i(() => [
-                    t(H, {
+                    t(V, {
                       "step-group": "1. Datenerfassung",
                       edit: ""
                     })
@@ -776,114 +809,140 @@ function Ze(e, o, u, S, k, C) {
                 }),
                 t(a, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
                   default: i(() => [
-                    t(V)
+                    t(g)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "2. Datenverarbeitung/Software" }, {
                   default: i(() => [
-                    t(b, { "step-group": "2. Datenverarbeitung" })
+                    t(y, {
+                      "step-group": "2. Datenverarbeitung",
+                      edit: e.isEditMode
+                    }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
                 t(a, { name: "2. Datenverarbeitung/Datensätze" }, {
                   default: i(() => [
-                    t(v, { "step-group": "2. Datenverarbeitung" })
+                    t(h, {
+                      "step-group": "2. Datenverarbeitung",
+                      edit: e.isEditMode
+                    }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
                 t(a, { name: "2. Datenverarbeitung/Hardware" }, {
                   default: i(() => [
-                    t(H, { "step-group": "2. Datenverarbeitung" })
+                    t(V, {
+                      "step-group": "2. Datenverarbeitung",
+                      edit: ""
+                    })
                   ]),
                   _: 1
                 }),
                 t(a, { name: "3. Datensimulation/Grundlegende Informationen" }, {
                   default: i(() => [
-                    t(V)
+                    t(g)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "3. Datensimulation/Software" }, {
                   default: i(() => [
-                    t(b, { "step-group": "3. Datensimulation" })
+                    t(y, {
+                      "step-group": "3. Datensimulation",
+                      edit: e.isEditMode
+                    }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
                 t(a, { name: "3. Datensimulation/Datensätze" }, {
                   default: i(() => [
-                    t(v, { "step-group": "3. Datensimulation" })
+                    t(h, {
+                      "step-group": "3. Datensimulation",
+                      edit: e.isEditMode
+                    }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
                 t(a, { name: "3. Datensimulation/Hardware" }, {
                   default: i(() => [
-                    t(H, { "step-group": "3. Datensimulation" })
+                    t(V, {
+                      "step-group": "3. Datensimulation",
+                      edit: ""
+                    })
                   ]),
                   _: 1
                 }),
                 t(a, { name: "4. Datenvisualisierung/Grundlegende Informationen" }, {
                   default: i(() => [
-                    t(V)
+                    t(g)
                   ]),
                   _: 1
                 }),
                 t(a, { name: "4. Datenvisualisierung/Software" }, {
                   default: i(() => [
-                    t(b, { "step-group": "4. Datenvisualisierung" })
+                    t(y, {
+                      "step-group": "4. Datenvisualisierung",
+                      edit: e.isEditMode
+                    }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
                 t(a, { name: "4. Datenvisualisierung/Datensätze" }, {
                   default: i(() => [
-                    t(v, { "step-group": "4. Datenvisualisierung" })
+                    t(h, {
+                      "step-group": "4. Datenvisualisierung",
+                      edit: e.isEditMode
+                    }, null, 8, ["edit"])
                   ]),
                   _: 1
                 }),
                 t(a, { name: "4. Datenvisualisierung/Hardware" }, {
                   default: i(() => [
-                    t(H, { "step-group": "4. Datenvisualisierung" })
+                    t(V, {
+                      "step-group": "4. Datenvisualisierung",
+                      edit: ""
+                    })
                   ]),
                   _: 1
                 }),
                 t(a, { name: "Vorschau" }, {
                   default: i(() => [
-                    e.shouldRenderReviewStep ? (p(), o1(F, {
-                      key: e.renderViewStepKey,
-                      values: e.formValues
-                    }, null, 8, ["values"])) : h("", !0),
-                    t(X)
+                    t(L, {
+                      onSubmit: e.submitto,
+                      onJump: e.jumpToStep
+                    }, null, 8, ["onSubmit", "onJump"])
                   ]),
                   _: 1
                 })
               ]),
-              o[15] || (o[15] = n("hr", null, null, -1)),
-              e.showErrorSummary && e.validationMessages.length ? (p(), d("div", Le, [
-                o[14] || (o[14] = n("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
-                n("ul", Te, [
-                  (p(!0), d(i1, null, a1(e.validationMessages, (s) => (p(), d("li", { key: s }, y(s), 1))), 128))
+              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))
                 ])
-              ])) : h("", !0),
-              o[16] || (o[16] = n("hr", null, null, -1)),
-              o[17] || (o[17] = n("div", null, null, -1))
+              ])) : H("", !0),
+              o[19] || (o[19] = n("hr", null, null, -1)),
+              o[20] || (o[20] = n("div", null, null, -1))
             ])
           ]),
           _: 1
-        }, 8, ["modelValue", "plugins"]),
-        e.activeSimpleModal ? (p(), o1(Y, {
+        }, 8, ["modelValue", "plugins"])),
+        e.activeSimpleModal ? (p(), n1(j, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
           text: e.modalSimpleConf.text,
           action: e.modalSimpleConf.action,
-          onClose: o[7] || (o[7] = (s) => e.activeSimpleModal = !1),
-          onActionHandling: o[8] || (o[8] = (s) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0)
+          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)
       ])
-    ], 512)) : h("", !0)
+    ], 512)) : H("", !0)
   ]);
 }
-const $3 = /* @__PURE__ */ ne(se, [["render", Ze]]);
+const K3 = /* @__PURE__ */ ue(fe, [["render", Re]]);
 export {
-  $3 as default
+  K3 as default
 };