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

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

@@ -1,47 +1,52 @@
-import { getNode as J } from "@formkit/core";
+import { getNode as X } from "@formkit/core";
 import { getValidationMessages as de } from "@formkit/validation";
 import "@formkit/vue";
 import "@phosphor-icons/vue";
-import { useWindowScroll as ue } from "@vueuse/core";
+import { useWindowScroll as pe } from "@vueuse/core";
 import "jquery";
-import { has as T, isNil as Q } from "lodash-es";
-import { defineComponent as pe, resolveComponent as l, createElementBlock as p, openBlock as u, createCommentVNode as h, createElementVNode as s, createVNode as t, createBlock as X, withModifiers as me, withCtx as a, Fragment as Y, renderList as Z, normalizeClass as ce, createTextVNode as x, toDisplayString as w, ref as D, computed as E, markRaw as fe, toRef as ve, watch as ge, nextTick as he } from "vue";
-import { useI18n as Se } from "vue-i18n";
-import { mapActions as ee, mapGetters as te } from "vuex";
+import { has as j, isNil as Y } from "lodash-es";
+import { defineComponent as ue, resolveComponent as i, createElementBlock as u, openBlock as p, createCommentVNode as S, createElementVNode as l, createVNode as t, createBlock as Z, withModifiers as me, withCtx as a, Fragment as x, renderList as ee, normalizeClass as ce, createTextVNode as te, toDisplayString as y, ref as D, computed as Q, markRaw as fe, toRef as ve, watch as ge, nextTick as Se } from "vue";
+import { useI18n as he } from "vue-i18n";
+import { mapActions as ne, mapGetters as oe } from "vuex";
 import De from "../../stories/components/DemoStep.vue.js";
 import be from "../../stories/components/ReviewStepDemo.vue.js";
 import _e from "../components/InputPageStep.vue.js";
 import ke from "../components/ProgressSteps.vue.js";
 import we from "../components/StepActionsSection.vue.js";
-import { useFormValues as ye } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as Ve } from "../composables/useDpiStepper.js";
+import { useFormValues as Ve } from "../composables/useDpiFormValues.js";
+import { useDpiStepper as ye } from "../composables/useDpiStepper.js";
 import Ce from "../config/dcatapdeHappyFlow/converter.js";
 import { eventBus as Ie } from "../HappyFlowComponents/services/eventBus.js";
 import Pe from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
 import Te from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
 import $e from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
-import Fe from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import je from "../HappyFlowComponents/ui/Card.vue.js";
+import je from "../HappyFlowComponents/ui/BasicInfosStep/ProjectStatusStep.vue.js";
+import Oe from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import Fe from "../HappyFlowComponents/ui/Card.vue.js";
 import Ae from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
-import Oe from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
-import He from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
-import Le from "../HappyFlowComponents/ui/Illustration.vue.js";
-import ze from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
-import Me from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
-import Be from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import He from "../HappyFlowComponents/ui/Findability/CategoriesStep.vue.js";
+import Le from "../HappyFlowComponents/ui/Findability/DiscoverabilityStep.vue.js";
+import ze from "../HappyFlowComponents/ui/Illustration.vue.js";
+import Me from "../HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js";
+import Be from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import Ue from "../HappyFlowComponents/ui/LogoV3.vue.js";
 import Ge from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
 import Ne from "../HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js";
-import Re from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import Ue from "../HappyFlowComponents/ui/WipStep.vue.js";
-import Ee from "./OverviewPage.vue.js";
+import Re from "../HappyFlowComponents/ui/Projektphasen/PlanenStep.vue.js";
+import We from "../HappyFlowComponents/ui/Projektphasen/ProjektPhasenOverviewStep.vue.js";
+import Ee from "../HappyFlowComponents/ui/Projektphasen/UmstezenStep.vue.js";
+import Ke from "../HappyFlowComponents/ui/Projektphasen/WeiterdenkenStep.vue.js";
+import qe from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import Je from "../HappyFlowComponents/ui/WipStep.vue.js";
+import Qe from "./OverviewPage.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                      */
-import We from "../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Ke } from "../composables/useDpiContext.js";
-import { useEditModeInfo as qe } from "../composables/useDpiEditMode.js";
-import { useFormSchema as Je } from "../composables/useFormSchema.js";
-const Qe = pe({
+import Xe from "../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as Ye } from "../composables/useDpiContext.js";
+import { useEditModeInfo as Ze } from "../composables/useDpiEditMode.js";
+import { useFormSchema as xe } from "../composables/useFormSchema.js";
+const et = ue({
   props: {
     property: {
       required: !0,
@@ -65,10 +70,10 @@ const Qe = pe({
   components: {
     InputPageStep: _e,
     // DistributionInputPage,
-    LogoV3: Be,
-    ButtonV3: Fe,
-    TextButtonSmall: Re,
-    Illustration: Le,
+    LogoV3: Ue,
+    ButtonV3: Oe,
+    TextButtonSmall: qe,
+    Illustration: ze,
     // PhLightbulb,
     // PhCheckCircle,
     ModalSimpleV3: Ge,
@@ -76,29 +81,34 @@ const Qe = pe({
     DemoStep: De,
     ProgressSteps: ke,
     ReviewStepDemo: be,
-    LandingProjectStep: ze,
+    LandingProjectStep: Me,
     StepActionsSection: we,
-    DiscoverabilityStep: He,
-    CategoriesStep: Oe,
+    DiscoverabilityStep: Le,
+    CategoriesStep: He,
     ProjectNameStep: Te,
     ProjectDescriptionStep: Pe,
+    ProjectStatusStep: je,
     ProjectOrganisationStep: $e,
     OptionalDataStep: Ne,
-    Card: je,
-    Listbox: Me,
+    UmstezenStep: Ee,
+    PlanenStep: Re,
+    WeiterdenkenStep: Ke,
+    ProjektPhasenOverviewStep: We,
+    Card: Fe,
+    Listbox: Be,
     DpiModalBase: Ae,
-    WipStep: Ue
+    WipStep: Je
   },
   computed: {
-    ...te("auth", [
+    ...oe("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...te("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...oe("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => T(this.formValues[e], "dct:title")
+        (e) => j(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -109,7 +119,7 @@ const Qe = pe({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return T(e, "dct:title") && e["dct:title"].length > 0 && T(e["dct:title"][0], "@value") && !Q(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+        return j(e, "dct:title") && e["dct:title"].length > 0 && j(e["dct:title"][0], "@value") && !Y(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
       } catch {
       }
     },
@@ -118,8 +128,8 @@ const Qe = pe({
     }
   },
   methods: {
-    ...ee("auth", ["setIsEditMode", "setIsDraft"]),
-    ...ee("dpiStore", [
+    ...ne("auth", ["setIsEditMode", "setIsDraft"]),
+    ...ne("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -129,7 +139,7 @@ const Qe = pe({
     },
     // Route to the RAP Page
     goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(J(this.activeStep).value)[0];
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(X(this.activeStep).value)[0];
     },
     handleDistributionsValidation(e) {
       Ie.emit("nextClicked", e);
@@ -139,13 +149,13 @@ const Qe = pe({
         name: "DPI-Home-HappyFlow"
       }).href;
     },
-    async dispatchDataToDPI(e, n, m, S) {
-      var k, f;
-      console.log("body:", e, n, "params:", m, S);
+    async dispatchDataToDPI(e, n, m, h) {
+      var k, v;
+      console.log("body:", e, n, "params:", m, h);
       try {
-        S === "publish" && (m.token = this.getUserData.rtpToken, console.log(m.token), m.url = `${this.$env.api.hubUrl}catalogues/${m.catalog}/datasets/origin?originalId=${m.id}`, await this.$store.dispatch(n, m)), S === "draft" && await this.$store.dispatch(n, m), (k = this.$Progress) == null || k.finish(), this.clearAll();
+        h === "publish" && (m.token = this.getUserData.rtpToken, console.log(m.token), m.url = `${this.$env.api.hubUrl}catalogues/${m.catalog}/datasets/origin?originalId=${m.id}`, await this.$store.dispatch(n, m)), h === "draft" && await this.$store.dispatch(n, m), (k = this.$Progress) == null || k.finish(), this.clearAll();
       } catch (b) {
-        console.error(b), (f = this.$Progress) == null || f.fail();
+        console.error(b), (v = this.$Progress) == null || v.fail();
       }
     },
     clearForm() {
@@ -156,7 +166,7 @@ const Qe = pe({
     },
     createDatasetID() {
       const e = this.formValues[this.getTitleStep];
-      !T(e, "datasetID") || Q(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);
+      !j(e, "datasetID") || Y(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 n = 0; n < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[e].length; n++)
@@ -218,50 +228,50 @@ const Qe = pe({
   //   })
   // },
   setup() {
-    const e = Ke(), { isEditMode: n } = qe(), {
+    const e = Ye(), { isEditMode: n } = Ze(), {
       steps: m,
-      stepList: S,
+      stepList: h,
       visitedSteps: k,
-      activeStep: f,
+      activeStep: v,
       stepPlugin: b,
-      goToNextStep: v,
-      goToPreviousStep: y,
-      subSteps: $,
+      goToNextStep: g,
+      goToPreviousStep: C,
+      subSteps: O,
       previousStep: F,
-      nextStep: j,
+      nextStep: A,
       current: o,
-      goToStep: A,
-      isLast: O,
-      triggerValidationCurrentStep: i
-    } = Ve(), { formValues: V } = ye(), { t: H, te: L } = Se(), z = D(!1), C = D(!1), _ = D([]), M = E(() => f.value ? J(f.value) : null), B = (d) => {
+      goToStep: H,
+      isLast: L,
+      triggerValidationCurrentStep: s
+    } = ye(), { formValues: I } = Ve(), { t: z, te: M } = he(), B = D(!1), w = D(!1), _ = D([]), U = Q(() => v.value ? X(v.value) : null), G = (d) => {
       if (!d)
         return;
       const c = de(d);
-      _.value = [], c.forEach((P) => {
+      _.value = [], c.forEach(($) => {
         _.value = _.value.concat(
-          P.map((le) => le.value)
+          $.map((le) => le.value)
         );
       });
-    }, { translateSchema: G, createSchema: N, getSchema: r } = Je({
-      t: H,
-      te: L
-    }), g = () => {
-      let { x: d, y: c } = ue({ behavior: "smooth" });
+    }, { translateSchema: N, createSchema: R, getSchema: W } = xe({
+      t: z,
+      te: M
+    }), E = () => {
+      let { x: d, y: c } = pe({ behavior: "smooth" });
       c.value = 0;
-    }, I = fe({ OverviewPage: Ee }), R = D("");
-    n.value && (f.value = "ReviewAndPublish", R.value = "reviewAndPublishPage");
-    const ne = ve(m), U = (d) => {
-      var P;
-      const c = (P = ne.value) == null ? void 0 : P[d];
+    }, K = fe({ OverviewPage: Qe }), P = D("");
+    n.value && (v.value = "ReviewAndPublish", P.value = "reviewAndPublishPage");
+    const q = ve(m), V = (d) => {
+      var $;
+      const c = ($ = q.value) == null ? void 0 : $[d];
       return c ? c.valid : !1;
-    }, W = D(!1), K = D(0);
-    ge(f, (d) => {
-      d === "review" && (W.value = !0, K.value++);
+    }, r = D(!1), f = D(0);
+    ge(v, (d) => {
+      d === "review" && (r.value = !0, f.value++);
     });
-    const oe = async () => {
+    const T = async () => {
       try {
         const d = "auth/createDataset", c = await Ce(
-          V.value,
+          I.value,
           e,
           // We'll need to access getUserData somehow - for now using a placeholder
           {},
@@ -275,126 +285,126 @@ const Qe = pe({
         console.error("Fehler beim Veröffentlichen:", d);
       }
     };
-    function q() {
-      U(o.value) && v();
+    function J() {
+      V(o.value) && g();
     }
     async function ae() {
-      i(), await he();
-      const d = M.value, c = d ? !U(o.value) : !1;
-      c && B(d), C.value = c, O.value ? console.log("Form submitted", values.value) : q();
+      s(), await Se();
+      const d = U.value, c = d ? !V(o.value) : !1;
+      c && G(d), w.value = c, L.value ? console.log("Form submitted", values.value) : J();
     }
-    const ie = E(() => S.value.map((d) => ({ id: d, name: d }))), re = E({
+    const ie = Q(() => h.value.map((d) => ({ id: d, name: d }))), re = Q({
       get() {
         return { id: o.value, name: o.value };
       },
       set(d) {
-        A(d.id);
+        H(d.id);
       }
     }), se = D(!1);
     return {
       steps: m,
       visitedSteps: k,
-      activeStep: f,
-      activeSubStep: R,
-      subSteps: $,
+      activeStep: v,
+      activeSubStep: P,
+      subSteps: O,
       previousStep: F,
-      stepList: S,
-      nextStep: j,
+      stepList: h,
+      nextStep: A,
       stepPlugin: b,
-      checkStepValidity: U,
-      goToNextStep: v,
-      goToNextStepIfValid: q,
-      goToPreviousStep: y,
-      scrollToTop: g,
-      library: I,
+      checkStepValidity: V,
+      goToNextStep: g,
+      goToNextStepIfValid: J,
+      goToPreviousStep: C,
+      scrollToTop: E,
+      library: K,
       isEditMode: n,
-      translateSchema: G,
-      createSchema: N,
-      getSchema: r,
+      translateSchema: N,
+      createSchema: R,
+      getSchema: W,
       dpiContext: e,
-      formValues: V,
-      activeSimpleModal: z,
-      shouldRenderReviewStep: W,
-      renderViewStepKey: K,
-      handlePublish: oe,
+      formValues: I,
+      activeSimpleModal: B,
+      shouldRenderReviewStep: r,
+      renderViewStepKey: f,
+      handlePublish: T,
       handleSubmit: ae,
-      showErrorSummary: C,
+      showErrorSummary: w,
       validationMessages: _,
       stepOptions: ie,
       stepSelect: re,
       hologramOpen: se
     };
   }
-}), Xe = { class: "input-page-project form-container V3-typography" }, Ye = {
+}), tt = { class: "input-page-project form-container V3-typography" }, nt = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, Ze = { class: "formContainer formkit" }, xe = { key: 0 }, et = { class: "dpiV3_stepper draftStepper" }, tt = {
+}, ot = { class: "formContainer formkit" }, at = { key: 0 }, it = { class: "dpiV3_stepper draftStepper" }, rt = {
   key: 0,
   class: "draftCTA"
-}, nt = {
+}, st = {
   key: 1,
   class: "draftCTA"
-}, ot = { key: 1 }, at = {
+}, lt = { key: 1 }, dt = {
   key: 0,
   class: "dpiV3_stepper"
-}, it = {
+}, pt = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, rt = { class: "dpiV3_bydata_logo_wordmark" }, st = { class: "dpiV3_Illustration-Start" }, lt = {
+}, ut = { class: "dpiV3_bydata_logo_wordmark" }, mt = { class: "dpiV3_Illustration-Start" }, ct = {
   key: 2,
   class: "steps"
-}, dt = ["data-step-active", "data-step-valid", "onClick"], ut = { class: "stepBubbleWrap" }, pt = { class: "circle stepCircle" }, mt = ["textContent"], ct = {
+}, ft = ["data-step-active", "data-step-valid", "onClick"], vt = { class: "stepBubbleWrap" }, gt = { class: "circle stepCircle" }, St = ["textContent"], ht = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, ft = {
+}, Dt = {
   key: 0,
   class: "step inactiveStep"
-}, vt = { class: "step-content" }, gt = { style: { margin: "1rem 2.5rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%" } }, ht = { style: {} }, St = {
+}, bt = { class: "step-content" }, _t = { style: { margin: "1rem 2.5rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%" } }, kt = { style: {} }, wt = {
   key: 0,
   class: "dpiV3_Card_Tips--error dpiV3_Card_Tips"
-}, Dt = { class: "validation-errors" }, bt = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, _t = { class: "dev-actions" };
-function kt(e, n, m, S, k, f) {
-  const b = l("TextButtonSmall"), v = l("ButtonV3"), y = l("LogoV3"), $ = l("ProgressSteps"), F = l("Illustration"), j = l("LandingProjectStep"), o = l("InputPageStep"), A = l("DiscoverabilityStep"), O = l("CategoriesStep"), i = l("WipStep"), V = l("ProjectNameStep"), H = l("ProjectDescriptionStep"), L = l("ProjectOrganisationStep"), z = l("OptionalDataStep"), C = l("ReviewStepDemo"), _ = l("StepActionsSection"), M = l("Listbox"), B = l("Card"), G = l("FormKit"), N = l("ModalSimpleV3");
-  return u(), p("div", Xe, [
-    e.isInput ? (u(), p("div", Ye, [
-      s("div", Ze, [
-        t(G, {
+}, Vt = { class: "validation-errors" }, yt = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, Ct = { class: "dev-actions" };
+function It(e, n, m, h, k, v) {
+  const b = i("TextButtonSmall"), g = i("ButtonV3"), C = i("LogoV3"), O = i("ProgressSteps"), F = i("Illustration"), A = i("LandingProjectStep"), o = i("InputPageStep"), H = i("DiscoverabilityStep"), L = i("CategoriesStep"), s = i("WipStep"), I = i("ProjectNameStep"), z = i("ProjectDescriptionStep"), M = i("ProjectStatusStep"), B = i("ProjectOrganisationStep"), w = i("OptionalDataStep"), _ = i("DpiModalBase"), U = i("ProjektPhasenOverviewStep"), G = i("PlanenStep"), N = i("UmstezenStep"), R = i("WeiterdenkenStep"), W = i("ReviewStepDemo"), E = i("StepActionsSection"), K = i("Listbox"), P = i("Card"), q = i("FormKit"), V = i("ModalSimpleV3");
+  return p(), u("div", tt, [
+    e.isInput ? (p(), u("div", nt, [
+      l("div", ot, [
+        t(q, {
           id: "dpiForm",
           modelValue: e.formValues,
-          "onUpdate:modelValue": n[4] || (n[4] = (r) => e.formValues = r),
+          "onUpdate:modelValue": n[5] || (n[5] = (r) => e.formValues = r),
           type: "form",
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: n[5] || (n[5] = me(() => {
+          onSubmit: n[6] || (n[6] = me(() => {
           }, ["prevent"]))
         }, {
           default: a(() => [
-            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (u(), p("div", xe, [
-              s("div", et, [
+            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (p(), u("div", at, [
+              l("div", it, [
                 t(b, {
                   "button-text": "Übersicht",
                   "icon-start": "CaretLeft",
                   "icon-name": "caretLeft",
                   onClick: e.gotToHome
                 }, null, 8, ["onClick"]),
-                s("div", null, [
-                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (u(), p("div", tt, [
-                    t(v, {
+                l("div", null, [
+                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (p(), u("div", rt, [
+                    t(g, {
                       "button-text": "Veröffentlichung aufheben",
                       size: "large",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"]),
-                    t(v, {
+                    t(g, {
                       "button-text": "Veröffentlicht ansehen",
                       variant: "secondary",
                       size: "large",
                       "icon-end": "Out",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"])
-                  ])) : (u(), p("div", nt, [
-                    t(v, {
+                  ])) : (p(), u("div", st, [
+                    t(g, {
                       "button-text": "Veröffentlichen",
                       size: "large",
                       onClick: e.handlePublish
@@ -402,10 +412,10 @@ function kt(e, n, m, S, k, f) {
                   ]))
                 ])
               ])
-            ])) : (u(), p("div", ot, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (u(), p("div", at, [
-                t(y),
-                t($, {
+            ])) : (p(), u("div", lt, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (p(), u("div", dt, [
+                t(C),
+                t(O, {
                   checked: e.visitedSteps,
                   "onUpdate:checked": n[0] || (n[0] = (r) => e.visitedSteps = r),
                   current: e.activeStep,
@@ -413,95 +423,95 @@ function kt(e, n, m, S, k, f) {
                   "hide-first": "",
                   steps: e.stepList || []
                 }, null, 8, ["checked", "current", "steps"])
-              ])) : (u(), p("div", it, [
-                s("div", rt, [
-                  t(y)
+              ])) : (p(), u("div", pt, [
+                l("div", ut, [
+                  t(C)
                 ]),
-                s("div", st, [
+                l("div", mt, [
                   t(F, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (u(), p("ul", lt, [
-              (u(!0), p(Y, null, Z(e.steps, (r, g, I) => (u(), p("li", {
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (p(), u("ul", ct, [
+              (p(!0), u(x, null, ee(e.steps, (r, f, T) => (p(), u("li", {
                 key: r,
                 class: ce(["step", {
-                  activeItem: e.activeStep === g,
-                  inactiveStep: g != e.activeStep,
-                  "has-errors": e.checkStepValidity(g)
+                  activeItem: e.activeStep === f,
+                  inactiveStep: f != e.activeStep,
+                  "has-errors": e.checkStepValidity(f)
                 }]),
-                "data-step-active": e.activeStep === g,
+                "data-step-active": e.activeStep === f,
                 "data-step-valid": r.valid && r.errorCount === 0,
-                onClick: (R) => {
-                  e.activeStep = g, e.update(), e.scrollToTop();
+                onClick: (J) => {
+                  e.activeStep = f, e.update(), e.scrollToTop();
                 }
               }, [
-                s("div", ut, [
-                  s("div", pt, w(I + 1), 1),
-                  e.checkStepValidity(g) ? (u(), p("span", {
+                l("div", vt, [
+                  l("div", gt, y(T + 1), 1),
+                  e.checkStepValidity(f) ? (p(), u("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: w(r.errorCount + r.blockingCount)
-                  }, null, 8, mt)) : h("", !0),
-                  x(w(e.$t(`message.dataupload.steps.${g}Step`)), 1)
+                    textContent: y(r.errorCount + r.blockingCount)
+                  }, null, 8, St)) : S("", !0),
+                  te(y(e.$t(`message.dataupload.steps.${f}Step`)), 1)
                 ]),
-                I != Object.keys(e.steps).length ? (u(), p("div", ct)) : h("", !0)
-              ], 10, dt))), 128)),
-              e.activeStep === "Overview" ? (u(), p("li", ft, n[8] || (n[8] = [
-                s("div", { class: "circle stepCircle" }, null, -1)
-              ]))) : h("", !0)
-            ])) : h("", !0),
-            s("div", vt, [
-              s("details", gt, [
-                n[9] || (n[9] = s("summary", null, "Form Values", -1)),
-                s("pre", ht, w(JSON.stringify(e.formValues, null, 2)), 1)
+                T != Object.keys(e.steps).length ? (p(), u("div", ht)) : S("", !0)
+              ], 10, ft))), 128)),
+              e.activeStep === "Overview" ? (p(), u("li", Dt, n[9] || (n[9] = [
+                l("div", { class: "circle stepCircle" }, null, -1)
+              ]))) : S("", !0)
+            ])) : S("", !0),
+            l("div", bt, [
+              l("details", _t, [
+                n[10] || (n[10] = l("summary", null, "Form Values", -1)),
+                l("pre", kt, y(JSON.stringify(e.formValues, null, 2)), 1)
               ]),
-              s("div", null, [
+              l("div", null, [
                 t(o, { name: "Landing" }, {
                   default: a(() => [
-                    t(j)
+                    t(A)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Auffindbarkeit/Sichtbarkeit" }, {
                   default: a(() => [
-                    t(A)
+                    t(H)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Auffindbarkeit/Kategorien" }, {
                   default: a(() => [
-                    t(O)
+                    t(L)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
                   default: a(() => [
-                    t(i, { name: "Auffindbarkeit/Anwendungsbereiche" })
+                    t(s, { name: "Auffindbarkeit/Anwendungsbereiche" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Grundlegende Informationen/Name" }, {
                   default: a(() => [
-                    t(V)
+                    t(I)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Grundlegende Informationen/Beschreibung" }, {
                   default: a(() => [
-                    t(H)
+                    t(z)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Grundlegende Informationen/Projektstatus" }, {
                   default: a(() => [
-                    t(i, { name: "Grundlegende Informationen/Projektstatus" })
+                    t(M)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Grundlegende Informationen/Organisation" }, {
                   default: a(() => [
-                    t(L, {
+                    t(B, {
                       "is-wip": "",
                       icon: "https://storage.googleapis.com/open-data-public-files-050923/assets/v2/haar/favicon.png",
                       address: "Bahnhofstraße 7",
@@ -515,186 +525,201 @@ function kt(e, n, m, S, k, f) {
                 }),
                 t(o, { name: "Optionale Daten" }, {
                   default: a(() => [
-                    t(z)
+                    t(w),
+                    t(_, {
+                      modelValue: e.hologramOpen,
+                      "onUpdate:modelValue": n[2] || (n[2] = (r) => e.hologramOpen = r)
+                    }, {
+                      default: a(() => [
+                        t(w)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                t(o, { name: "Projektphasen" }, {
+                  default: a(() => [
+                    t(U)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Initiieren" }, {
                   default: a(() => [
-                    t(i, { name: "Initiieren" })
+                    t(s, { name: "Initiieren" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Planen" }, {
                   default: a(() => [
-                    t(i, { name: "Planen" })
+                    t(G)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Umsetzen" }, {
                   default: a(() => [
-                    t(i, { name: "Umsetzen" })
+                    t(N)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Weiterdenken" }, {
                   default: a(() => [
-                    t(i, { name: "Weiterdenken" })
+                    t(R)
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Technische Prozessschritte" }, {
                   default: a(() => [
-                    t(i, { name: "Technische Prozessschritte" })
+                    t(s, { name: "Technische Prozessschritte" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
                   default: a(() => [
-                    t(i, { name: "1. Datenerfassung/Grundlegende Informationen" })
+                    t(s, { name: "1. Datenerfassung/Grundlegende Informationen" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "1. Datenerfassung/Software" }, {
                   default: a(() => [
-                    t(i, { name: "1. Datenerfassung/Software" })
+                    t(s, { name: "1. Datenerfassung/Software" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "1. Datenerfassung/Datensätze" }, {
                   default: a(() => [
-                    t(i, { name: "1. Datenerfassung/Datensätze" })
+                    t(s, { name: "1. Datenerfassung/Datensätze" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "1. Datenerfassung/Hardware" }, {
                   default: a(() => [
-                    t(i, { name: "1. Datenerfassung/Hardware" })
+                    t(s, { name: "1. Datenerfassung/Hardware" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
                   default: a(() => [
-                    t(i, { name: "2. Datenverarbeitung/Grundlegende Informationen" })
+                    t(s, { name: "2. Datenverarbeitung/Grundlegende Informationen" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "2. Datenverarbeitung/Software" }, {
                   default: a(() => [
-                    t(i, { name: "2. Datenverarbeitung/Software" })
+                    t(s, { name: "2. Datenverarbeitung/Software" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "2. Datenverarbeitung/Datensätze" }, {
                   default: a(() => [
-                    t(i, { name: "2. Datenverarbeitung/Datensätze" })
+                    t(s, { name: "2. Datenverarbeitung/Datensätze" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "2. Datenverarbeitung/Hardware" }, {
                   default: a(() => [
-                    t(i, { name: "2. Datenverarbeitung/Hardware" })
+                    t(s, { name: "2. Datenverarbeitung/Hardware" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "3. Datensimulation/Grundlegende Informationen" }, {
                   default: a(() => [
-                    t(i, { name: "3. Datensimulation/Grundlegende Informationen" })
+                    t(s, { name: "3. Datensimulation/Grundlegende Informationen" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "3. Datensimulation/Software" }, {
                   default: a(() => [
-                    t(i, { name: "3. Datensimulation/Software" })
+                    t(s, { name: "3. Datensimulation/Software" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "3. Datensimulation/Datensätze" }, {
                   default: a(() => [
-                    t(i, { name: "3. Datensimulation/Datensätze" })
+                    t(s, { name: "3. Datensimulation/Datensätze" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "3. Datensimulation/Hardware" }, {
                   default: a(() => [
-                    t(i, { name: "3. Datensimulation/Hardware" })
+                    t(s, { name: "3. Datensimulation/Hardware" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "4. Datenvisualisierung/Grundlegende Informationen" }, {
                   default: a(() => [
-                    t(i, { name: "4. Datenvisualisierung/Grundlegende Informationen" })
+                    t(s, { name: "4. Datenvisualisierung/Grundlegende Informationen" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "4. Datenvisualisierung/Software" }, {
                   default: a(() => [
-                    t(i, { name: "4. Datenvisualisierung/Software" })
+                    t(s, { name: "4. Datenvisualisierung/Software" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "4. Datenvisualisierung/Datensätze" }, {
                   default: a(() => [
-                    t(i, { name: "4. Datenvisualisierung/Datensätze" })
+                    t(s, { name: "4. Datenvisualisierung/Datensätze" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "4. Datenvisualisierung/Hardware" }, {
                   default: a(() => [
-                    t(i, { name: "4. Datenvisualisierung/Hardware" })
+                    t(s, { name: "4. Datenvisualisierung/Hardware" })
                   ]),
                   _: 1
                 }),
                 t(o, { name: "Vorschau" }, {
                   default: a(() => [
-                    e.shouldRenderReviewStep ? (u(), X(C, {
+                    e.shouldRenderReviewStep ? (p(), Z(W, {
                       key: e.renderViewStepKey,
                       values: e.formValues
-                    }, null, 8, ["values"])) : h("", !0),
-                    t(_)
+                    }, null, 8, ["values"])) : S("", !0),
+                    t(E)
                   ]),
                   _: 1
                 })
               ]),
-              n[12] || (n[12] = s("hr", null, null, -1)),
-              e.showErrorSummary && e.validationMessages.length ? (u(), p("div", St, [
-                n[10] || (n[10] = s("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
-                s("ul", Dt, [
-                  (u(!0), p(Y, null, Z(e.validationMessages, (r) => (u(), p("li", { key: r }, w(r), 1))), 128))
+              n[13] || (n[13] = l("hr", null, null, -1)),
+              e.showErrorSummary && e.validationMessages.length ? (p(), u("div", wt, [
+                n[11] || (n[11] = l("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
+                l("ul", Vt, [
+                  (p(!0), u(x, null, ee(e.validationMessages, (r) => (p(), u("li", { key: r }, y(r), 1))), 128))
                 ])
-              ])) : h("", !0),
-              n[13] || (n[13] = s("hr", null, null, -1)),
-              s("div", null, [
-                t(B, null, {
-                  title: a(() => n[11] || (n[11] = [
-                    x(" dev view ", -1)
+              ])) : S("", !0),
+              n[14] || (n[14] = l("hr", null, null, -1)),
+              l("div", null, [
+                t(P, null, {
+                  title: a(() => n[12] || (n[12] = [
+                    te(" dev view ", -1)
                   ])),
                   default: a(() => [
-                    s("div", bt, [
-                      s("div", _t, [
-                        t(v, {
+                    l("div", yt, [
+                      l("div", Ct, [
+                        t(g, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Open Hologram",
-                          onClick: n[2] || (n[2] = (r) => e.hologramOpen = !0)
+                          onClick: n[3] || (n[3] = (r) => e.hologramOpen = !0)
                         }),
-                        t(v, {
+                        t(g, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Previous",
                           onClick: e.goToPreviousStep
                         }, null, 8, ["onClick"]),
-                        t(v, {
+                        t(g, {
                           type: "button",
                           variant: "secondary",
                           "button-text": "Next",
                           onClick: e.handleSubmit
                         }, null, 8, ["onClick"])
                       ]),
-                      s("div", null, [
-                        t(M, {
+                      l("div", null, [
+                        t(K, {
                           modelValue: e.stepSelect,
-                          "onUpdate:modelValue": n[3] || (n[3] = (r) => e.stepSelect = r),
+                          "onUpdate:modelValue": n[4] || (n[4] = (r) => e.stepSelect = r),
                           label: "Go to step",
                           options: e.stepOptions
                         }, null, 8, ["modelValue", "options"])
@@ -708,20 +733,20 @@ function kt(e, n, m, S, k, f) {
           ]),
           _: 1
         }, 8, ["modelValue", "plugins"]),
-        e.activeSimpleModal ? (u(), X(N, {
+        e.activeSimpleModal ? (p(), Z(V, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
           text: e.modalSimpleConf.text,
           action: e.modalSimpleConf.action,
-          onClose: n[6] || (n[6] = (r) => e.activeSimpleModal = !1),
-          onActionHandling: n[7] || (n[7] = (r) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0)
+          onClose: n[7] || (n[7] = (r) => e.activeSimpleModal = !1),
+          onActionHandling: n[8] || (n[8] = (r) => e.gotToHome())
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : S("", !0)
       ])
-    ], 512)) : h("", !0)
+    ], 512)) : S("", !0)
   ]);
 }
-const cn = /* @__PURE__ */ We(Qe, [["render", kt]]);
+const wn = /* @__PURE__ */ Xe(et, [["render", It]]);
 export {
-  cn as default
+  wn as default
 };