@piveau/dpi 0.1.0-twinby.0 → 0.2.0-alpha.1

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

@@ -1,37 +1,43 @@
-import { getNode as N } from "@formkit/core";
+import { getNode as q } from "@formkit/core";
+import { getValidationMessages as le } from "@formkit/validation";
 import "@formkit/vue";
-import { getValidationMessages as ne } from "@formkit/validation";
-import { PhCheckCircle as se, PhLightbulb as re } from "@phosphor-icons/vue";
-import { useWindowScroll as ae } from "@vueuse/core";
+import "@phosphor-icons/vue";
+import { useWindowScroll as de } from "@vueuse/core";
 import "jquery";
-import { has as $, isNil as O } from "lodash-es";
-import { defineComponent as le, resolveComponent as p, createElementBlock as r, openBlock as i, createCommentVNode as h, createElementVNode as s, createVNode as o, createBlock as q, withModifiers as de, withCtx as k, Fragment as K, renderList as W, normalizeClass as pe, createTextVNode as L, toDisplayString as v, ref as y, computed as ue, markRaw as ce, toRef as me, watch as fe, nextTick as he } from "vue";
-import { useI18n as ve } from "vue-i18n";
-import { mapActions as j, mapGetters as z } from "vuex";
-import ge from "../components/InputPageStep.vue.js";
-import { useFormValues as Se } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as be } from "../composables/useDpiStepper.js";
-import ke from "../config/dcatapdeHappyFlow/converter.js";
-import { eventBus as ye } from "../HappyFlowComponents/services/eventBus.js";
-import Ve from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import Ce from "../HappyFlowComponents/ui/Illustration.vue.js";
-import we from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import Ie from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import Te from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import De from "./DistributionInputPage.vue.js";
-import $e from "./OverviewPage.vue.js";
-import Pe from "../../stories/components/DemoStepper.vue.js";
-import _e from "../../stories/components/DemoStep.vue.js";
-import Fe from "../components/ProgressSteps.vue.js";
-import Me from "../../stories/components/ReviewStepDemo.vue.js";
+import { has as O, isNil as J } from "lodash-es";
+import { defineComponent as ue, resolveComponent as u, createElementBlock as p, openBlock as d, createCommentVNode as g, createElementVNode as s, createVNode as t, createBlock as Q, withModifiers as pe, withCtx as n, Fragment as X, renderList as Y, normalizeClass as me, createTextVNode as Z, toDisplayString as y, ref as b, computed as U, markRaw as ce, toRef as fe, watch as ve, nextTick as he } from "vue";
+import { useI18n as ge } from "vue-i18n";
+import { mapActions as x, mapGetters as ee } from "vuex";
+import Se from "../../stories/components/DemoStep.vue.js";
+import be from "../../stories/components/ReviewStepDemo.vue.js";
+import ke from "../components/InputPageStep.vue.js";
+import De from "../components/ProgressSteps.vue.js";
+import Ve from "../components/StepActionsSection.vue.js";
+import { useFormValues as _e } from "../composables/useDpiFormValues.js";
+import { useDpiStepper as ye } from "../composables/useDpiStepper.js";
+import Ce from "../config/dcatapdeHappyFlow/converter.js";
+import { eventBus as we } from "../HappyFlowComponents/services/eventBus.js";
+import Ie from "../HappyFlowComponents/ui/BasicInfosStep/ProjectDescriptionStep.vue.js";
+import Te from "../HappyFlowComponents/ui/BasicInfosStep/ProjectNameStep.vue.js";
+import Pe from "../HappyFlowComponents/ui/BasicInfosStep/ProjectOrganisationStep.vue.js";
+import $e from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import Fe from "../HappyFlowComponents/ui/Card.vue.js";
+import Oe from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import Ae from "../HappyFlowComponents/ui/Illustration.vue.js";
+import Me from "../HappyFlowComponents/ui/ListBox/Listbox.vue.js";
+import je from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import Be from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import He from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import Le from "../HappyFlowComponents/ui/WipStep.vue.js";
+import Ne from "./OverviewPage.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                      */
 import Re from "../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Ae } from "../composables/useDpiContext.js";
-import { useEditModeInfo as Le } from "../composables/useDpiEditMode.js";
-import { useFormSchema as Be } from "../composables/useFormSchema.js";
-const He = le({
+import { useDpiContext as Ue } from "../composables/useDpiContext.js";
+import { useEditModeInfo as ze } from "../composables/useDpiEditMode.js";
+import { useFormSchema as Ee } from "../composables/useFormSchema.js";
+const Ge = ue({
   props: {
     property: {
       required: !0,
@@ -53,30 +59,38 @@ const He = le({
     };
   },
   components: {
-    InputPageStep: ge,
-    DistributionInputPage: De,
-    LogoV3: we,
-    ButtonV3: Ve,
-    TextButtonSmall: Te,
-    Illustration: Ce,
-    PhLightbulb: re,
-    PhCheckCircle: se,
-    ModalSimpleV3: Ie,
-    DemoStepper: Pe,
-    DemoStep: _e,
-    ProgressSteps: Fe,
-    ReviewStepDemo: Me
+    InputPageStep: ke,
+    // DistributionInputPage,
+    LogoV3: je,
+    ButtonV3: $e,
+    TextButtonSmall: He,
+    Illustration: Ae,
+    // PhLightbulb,
+    // PhCheckCircle,
+    ModalSimpleV3: Be,
+    // DemoStepper,
+    DemoStep: Se,
+    ProgressSteps: De,
+    ReviewStepDemo: be,
+    StepActionsSection: Ve,
+    ProjectNameStep: Te,
+    ProjectDescriptionStep: Ie,
+    ProjectOrganisationStep: Pe,
+    Card: Fe,
+    Listbox: Me,
+    DpiModalBase: Oe,
+    WipStep: Le
   },
   computed: {
-    ...z("auth", [
+    ...ee("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...z("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...ee("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => $(this.formValues[e], "dct:title")
+        (e) => O(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -87,7 +101,7 @@ const He = le({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return $(e, "dct:title") && e["dct:title"].length > 0 && $(e["dct:title"][0], "@value") && !O(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+        return O(e, "dct:title") && e["dct:title"].length > 0 && O(e["dct:title"][0], "@value") && !J(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
       } catch {
       }
     },
@@ -96,8 +110,8 @@ const He = le({
     }
   },
   methods: {
-    ...j("auth", ["setIsEditMode", "setIsDraft"]),
-    ...j("dpiStore", [
+    ...x("auth", ["setIsEditMode", "setIsDraft"]),
+    ...x("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -107,23 +121,23 @@ const He = le({
     },
     // Route to the RAP Page
     goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(N(this.activeStep).value)[0];
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(q(this.activeStep).value)[0];
     },
     handleDistributionsValidation(e) {
-      ye.emit("nextClicked", e);
+      we.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
         name: "DPI-Home-HappyFlow"
       }).href;
     },
-    async dispatchDataToDPI(e, t, l, S) {
-      var V, u;
-      console.log("body:", e, t, "params:", l, S);
+    async dispatchDataToDPI(e, o, m, S) {
+      var _, f;
+      console.log("body:", e, o, "params:", m, S);
       try {
-        S === "publish" && (l.token = this.getUserData.rtpToken, console.log(l.token), l.url = `${this.$env.api.hubUrl}catalogues/${l.catalog}/datasets/origin?originalId=${l.id}`, await this.$store.dispatch(t, l)), S === "draft" && await this.$store.dispatch(t, l), (V = this.$Progress) == null || V.finish(), this.clearAll();
-      } catch (b) {
-        console.error(b), (u = this.$Progress) == null || u.fail();
+        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(o, m)), S === "draft" && await this.$store.dispatch(o, m), (_ = this.$Progress) == null || _.finish(), this.clearAll();
+      } catch (k) {
+        console.error(k), (f = this.$Progress) == null || f.fail();
       }
     },
     clearForm() {
@@ -134,21 +148,21 @@ const He = le({
     },
     createDatasetID() {
       const e = this.formValues[this.getTitleStep];
-      !$(e, "datasetID") || O(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);
+      !O(e, "datasetID") || J(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 t = 0; t < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[e].length; t++)
+      for (let o = 0; o < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[e].length; o++)
         this.createSchema({
           property: e,
           page: this.getNavSteps(
             this.$env.content.dataProviderInterface.specification
-          )[e][t],
+          )[e][o],
           specification: this.$env.content.dataProviderInterface.specification
         }), this.translateSchema({
           property: e,
           page: this.getNavSteps(
             this.$env.content.dataProviderInterface.specification
-          )[e][t]
+          )[e][o]
         });
     }
   },
@@ -196,170 +210,182 @@ const He = le({
   //   })
   // },
   setup() {
-    const e = Ae(), { isEditMode: t } = Le(), {
-      steps: l,
+    const e = Ue(), { isEditMode: o } = ze(), {
+      steps: m,
       stepList: S,
-      visitedSteps: V,
-      activeStep: u,
-      stepPlugin: b,
-      goToNextStep: c,
+      visitedSteps: _,
+      activeStep: f,
+      stepPlugin: k,
+      goToNextStep: v,
       goToPreviousStep: C,
-      subSteps: P,
-      previousStep: _,
-      nextStep: F,
-      current: f,
-      isLast: g,
-      triggerValidationCurrentStep: M
-    } = be(), { formValues: w } = Se(), { t: n, te: m } = ve(), I = y(!1), R = y(!1), T = y([]), J = ue(() => u.value ? N(u.value) : null), G = (a) => {
-      if (!a) return;
-      const d = ne(a);
-      T.value = [], d.forEach((D) => {
-        T.value = T.value.concat(
-          D.map((ie) => ie.value)
+      subSteps: A,
+      previousStep: M,
+      nextStep: w,
+      current: D,
+      isLast: i,
+      triggerValidationCurrentStep: a
+    } = ye(), { formValues: I } = _e(), { t: j, te: T } = ge(), B = b(!1), P = b(!1), V = b([]), H = U(() => f.value ? q(f.value) : null), L = (l) => {
+      if (!l)
+        return;
+      const c = le(l);
+      V.value = [], c.forEach((F) => {
+        V.value = V.value.concat(
+          F.map((se) => se.value)
         );
       });
-    }, { translateSchema: Z, createSchema: Q, getSchema: X } = Be({
-      t: n,
-      te: m
-    }), Y = () => {
-      let { x: a, y: d } = ae({ behavior: "smooth" });
-      d.value = 0;
-    }, x = ce({ OverviewPage: $e }), B = y("");
-    t.value && (u.value = "ReviewAndPublish", B.value = "reviewAndPublishPage");
-    const ee = me(l), A = (a) => {
-      var D;
-      const d = (D = ee.value) == null ? void 0 : D[a];
-      return d ? d.valid : !1;
-    }, H = y(!1), E = y(0);
-    fe(u, (a) => {
-      a === "review" && (H.value = !0, E.value++);
+    }, { translateSchema: N, createSchema: r, getSchema: h } = Ee({
+      t: j,
+      te: T
+    }), $ = () => {
+      let { x: l, y: c } = de({ behavior: "smooth" });
+      c.value = 0;
+    }, z = ce({ OverviewPage: Ne }), E = b("");
+    o.value && (f.value = "ReviewAndPublish", E.value = "reviewAndPublishPage");
+    const te = fe(m), R = (l) => {
+      var F;
+      const c = (F = te.value) == null ? void 0 : F[l];
+      return c ? c.valid : !1;
+    }, G = b(!1), W = b(0);
+    ve(f, (l) => {
+      l === "review" && (G.value = !0, W.value++);
     });
-    const te = async () => {
+    const oe = async () => {
       try {
-        const a = "auth/createDataset", d = await ke(
-          w.value,
+        const l = "auth/createDataset", c = await Ce(
+          I.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:", d), setTimeout(() => {
+        console.log("Publishing:", c), setTimeout(() => {
           window.location.href = "/dpi-home-happyflow";
         }, 1e3);
-      } catch (a) {
-        console.error("Fehler beim Veröffentlichen:", a);
+      } catch (l) {
+        console.error("Fehler beim Veröffentlichen:", l);
       }
     };
-    function U() {
-      A(f.value) && c();
+    function K() {
+      R(D.value) && v();
     }
-    async function oe() {
-      M(), await he();
-      const a = J.value, d = a ? !A(f.value) : !1;
-      d && G(a), R.value = d, g.value ? console.log("Form submitted", values.value) : U();
+    async function ne() {
+      a(), await he();
+      const l = H.value, c = l ? !R(D.value) : !1;
+      c && L(l), P.value = c, i.value ? console.log("Form submitted", values.value) : K();
     }
+    const ie = U(() => S.value.map((l) => ({ id: l, name: l }))), ae = U({
+      get() {
+        return { id: D.value, name: D.value };
+      },
+      set(l) {
+        goToStep(l.id);
+      }
+    }), re = b(!1);
     return {
-      steps: l,
-      visitedSteps: V,
-      activeStep: u,
-      activeSubStep: B,
-      subSteps: P,
-      previousStep: _,
+      steps: m,
+      visitedSteps: _,
+      activeStep: f,
+      activeSubStep: E,
+      subSteps: A,
+      previousStep: M,
       stepList: S,
-      nextStep: F,
-      stepPlugin: b,
-      checkStepValidity: A,
-      goToNextStep: c,
-      goToNextStepIfValid: U,
+      nextStep: w,
+      stepPlugin: k,
+      checkStepValidity: R,
+      goToNextStep: v,
+      goToNextStepIfValid: K,
       goToPreviousStep: C,
-      scrollToTop: Y,
-      library: x,
-      isEditMode: t,
-      translateSchema: Z,
-      createSchema: Q,
-      getSchema: X,
+      scrollToTop: $,
+      library: z,
+      isEditMode: o,
+      translateSchema: N,
+      createSchema: r,
+      getSchema: h,
       dpiContext: e,
-      formValues: w,
-      activeSimpleModal: I,
-      shouldRenderReviewStep: H,
-      renderViewStepKey: E,
-      handlePublish: te,
-      handleSubmit: oe,
-      showErrorSummary: R,
-      validationMessages: T
+      formValues: I,
+      activeSimpleModal: B,
+      shouldRenderReviewStep: G,
+      renderViewStepKey: W,
+      handlePublish: oe,
+      handleSubmit: ne,
+      showErrorSummary: P,
+      validationMessages: V,
+      stepOptions: ie,
+      stepSelect: ae,
+      hologramOpen: re
     };
   }
-}), Ee = { class: "form-container V3-typography" }, Ue = {
+}), We = { class: "form-container V3-typography" }, Ke = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, Ne = { class: "formContainer formkit" }, Oe = { key: 0 }, qe = { class: "dpiV3_stepper draftStepper" }, Ke = {
+}, qe = { class: "formContainer formkit" }, Je = { key: 0 }, Qe = { class: "dpiV3_stepper draftStepper" }, Xe = {
   key: 0,
   class: "draftCTA"
-}, We = {
+}, Ye = {
   key: 1,
   class: "draftCTA"
-}, je = { key: 1 }, ze = {
+}, Ze = { key: 1 }, xe = {
   key: 0,
   class: "dpiV3_stepper"
-}, Je = {
+}, et = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, Ge = { class: "dpiV3_bydata_logo_wordmark" }, Ze = { class: "dpiV3_Illustration-Start" }, Qe = {
+}, tt = { class: "dpiV3_bydata_logo_wordmark" }, ot = { class: "dpiV3_Illustration-Start" }, nt = {
   key: 2,
   class: "steps"
-}, Xe = ["data-step-active", "data-step-valid", "onClick"], Ye = { class: "stepBubbleWrap" }, xe = { class: "circle stepCircle" }, et = ["textContent"], tt = {
+}, it = ["data-step-active", "data-step-valid", "onClick"], at = { class: "stepBubbleWrap" }, rt = { class: "circle stepCircle" }, st = ["textContent"], lt = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, ot = {
+}, dt = {
   key: 0,
   class: "step inactiveStep"
-}, it = { class: "demo-stepper" }, nt = { style: { "margin-bottom": "1rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px" } }, st = { class: "dev-actions" }, rt = {
+}, ut = { class: "step-content" }, pt = { style: { margin: "1rem 2.5rem", padding: "1rem", background: "#f5f5f5", "border-radius": "8px", "overflow-x": "auto", "max-width": "100%" } }, mt = { style: {} }, ct = {
   key: 0,
   class: "dpiV3_Card_Tips--error dpiV3_Card_Tips"
-}, at = { class: "validation-errors" };
-function lt(e, t, l, S, V, u) {
-  const b = p("TextButtonSmall"), c = p("ButtonV3"), C = p("LogoV3"), P = p("ProgressSteps"), _ = p("Illustration"), F = p("DemoStep"), f = p("InputPageStep"), g = p("FormKit"), M = p("ReviewStepDemo"), w = p("ModalSimpleV3");
-  return i(), r("div", Ee, [
-    e.isInput ? (i(), r("div", Ue, [
-      s("div", Ne, [
-        o(g, {
+}, ft = { class: "validation-errors" }, vt = { style: { display: "flex", "flex-direction": "column", gap: "2.5rem" } }, ht = { class: "dev-actions" };
+function gt(e, o, m, S, _, f) {
+  const k = u("TextButtonSmall"), v = u("ButtonV3"), C = u("LogoV3"), A = u("ProgressSteps"), M = u("Illustration"), w = u("DemoStep"), D = u("DpiModalBase"), i = u("InputPageStep"), a = u("WipStep"), I = u("ProjectNameStep"), j = u("ProjectOrganisationStep"), T = u("ProjectDescriptionStep"), B = u("ReviewStepDemo"), P = u("StepActionsSection"), V = u("Listbox"), H = u("Card"), L = u("FormKit"), N = u("ModalSimpleV3");
+  return d(), p("div", We, [
+    e.isInput ? (d(), p("div", Ke, [
+      s("div", qe, [
+        t(L, {
           id: "dpiForm",
           modelValue: e.formValues,
-          "onUpdate:modelValue": t[2] || (t[2] = (n) => e.formValues = n),
+          "onUpdate:modelValue": o[5] || (o[5] = (r) => e.formValues = r),
           type: "form",
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: t[3] || (t[3] = de(() => {
+          onSubmit: o[6] || (o[6] = pe(() => {
           }, ["prevent"]))
         }, {
-          default: k(() => [
-            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (i(), r("div", Oe, [
-              s("div", qe, [
-                o(b, {
+          default: n(() => [
+            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (d(), p("div", Je, [
+              s("div", Qe, [
+                t(k, {
                   "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 ? (i(), r("div", Ke, [
-                    o(c, {
+                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (d(), p("div", Xe, [
+                    t(v, {
                       "button-text": "Veröffentlichung aufheben",
                       size: "large",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"]),
-                    o(c, {
+                    t(v, {
                       "button-text": "Veröffentlicht ansehen",
                       variant: "secondary",
                       size: "large",
                       "icon-end": "Out",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"])
-                  ])) : (i(), r("div", We, [
-                    o(c, {
+                  ])) : (d(), p("div", Ye, [
+                    t(v, {
                       "button-text": "Veröffentlichen",
                       size: "large",
                       onClick: e.handlePublish
@@ -367,162 +393,322 @@ function lt(e, t, l, S, V, u) {
                   ]))
                 ])
               ])
-            ])) : (i(), r("div", je, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (i(), r("div", ze, [
-                o(C),
-                o(P, {
-                  steps: e.stepList || [],
+            ])) : (d(), p("div", Ze, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (d(), p("div", xe, [
+                t(C),
+                t(A, {
                   checked: e.visitedSteps,
-                  "onUpdate:checked": t[0] || (t[0] = (n) => e.visitedSteps = n),
+                  "onUpdate:checked": o[0] || (o[0] = (r) => e.visitedSteps = r),
                   current: e.activeStep,
-                  "onUpdate:current": t[1] || (t[1] = (n) => e.activeStep = n)
-                }, null, 8, ["steps", "checked", "current"])
-              ])) : (i(), r("div", Je, [
-                s("div", Ge, [
-                  o(C)
+                  "onUpdate:current": o[1] || (o[1] = (r) => e.activeStep = r),
+                  steps: e.stepList || []
+                }, null, 8, ["checked", "current", "steps"])
+              ])) : (d(), p("div", et, [
+                s("div", tt, [
+                  t(C)
                 ]),
-                s("div", Ze, [
-                  o(_, { "illustration-name": "start" })
+                s("div", ot, [
+                  t(M, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (i(), r("ul", Qe, [
-              (i(!0), r(K, null, W(e.steps, (n, m, I) => (i(), r("li", {
-                key: n,
-                class: pe(["step", {
-                  activeItem: e.activeStep === m,
-                  inactiveStep: m != e.activeStep,
-                  "has-errors": e.checkStepValidity(m)
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (d(), p("ul", nt, [
+              (d(!0), p(X, null, Y(e.steps, (r, h, $) => (d(), p("li", {
+                key: r,
+                class: me(["step", {
+                  activeItem: e.activeStep === h,
+                  inactiveStep: h != e.activeStep,
+                  "has-errors": e.checkStepValidity(h)
                 }]),
-                "data-step-active": e.activeStep === m,
-                "data-step-valid": n.valid && n.errorCount === 0,
-                onClick: (R) => {
-                  e.activeStep = m, e.update(), e.scrollToTop();
+                "data-step-active": e.activeStep === h,
+                "data-step-valid": r.valid && r.errorCount === 0,
+                onClick: (z) => {
+                  e.activeStep = h, e.update(), e.scrollToTop();
                 }
               }, [
-                s("div", Ye, [
-                  s("div", xe, v(I + 1), 1),
-                  e.checkStepValidity(m) ? (i(), r("span", {
+                s("div", at, [
+                  s("div", rt, y($ + 1), 1),
+                  e.checkStepValidity(h) ? (d(), p("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: v(n.errorCount + n.blockingCount)
-                  }, null, 8, et)) : h("", !0),
-                  L(v(e.$t(`message.dataupload.steps.${m}Step`)), 1)
+                    textContent: y(r.errorCount + r.blockingCount)
+                  }, null, 8, st)) : g("", !0),
+                  Z(y(e.$t(`message.dataupload.steps.${h}Step`)), 1)
                 ]),
-                I != Object.keys(e.steps).length ? (i(), r("div", tt)) : h("", !0)
-              ], 10, Xe))), 128)),
-              e.activeStep === "Overview" ? (i(), r("li", ot, t[6] || (t[6] = [
+                $ != Object.keys(e.steps).length ? (d(), p("div", lt)) : g("", !0)
+              ], 10, it))), 128)),
+              e.activeStep === "Overview" ? (d(), p("li", dt, o[9] || (o[9] = [
                 s("div", { class: "circle stepCircle" }, null, -1)
-              ]))) : h("", !0)
-            ])) : h("", !0),
-            s("div", null, [
-              L(" hello " + v(e.activeStep) + " ", 1),
-              s("div", it, [
-                s("div", nt, [
-                  t[7] || (t[7] = s("strong", null, "Form Values:", -1)),
-                  s("pre", null, v(JSON.stringify(e.formValues, null, 2)), 1)
-                ]),
-                s("div", null, [
-                  o(f, { name: "auffindbarkeit" }, {
-                    default: k(() => [
-                      o(F)
-                    ]),
-                    _: 1
-                  }),
-                  o(f, { name: "grundlegende-informationen/discoverability" }, {
-                    default: k(() => [
-                      o(g, {
-                        type: "text",
-                        label: "Name",
-                        name: "name",
-                        validation: "required"
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  o(f, { name: "grundlegende-informationen/essentials" }, {
-                    default: k(() => [
-                      o(g, {
-                        type: "text",
-                        label: "Mail",
-                        name: "mail",
-                        validation: "required|email"
-                      }),
-                      o(g, {
-                        type: "text",
-                        label: "Homepage",
-                        name: "homepage",
-                        validation: "url"
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  o(f, { name: "optionale-daten" }, {
-                    default: k(() => [
-                      o(g, {
-                        type: "textarea",
-                        label: "Description",
-                        name: "description"
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  o(f, { name: "review" }, {
-                    default: k(() => [
-                      L(" shouldRender " + v(e.shouldRenderReviewStep) + " renderViewStepKey " + v(e.renderViewStepKey) + " ", 1),
-                      e.shouldRenderReviewStep ? (i(), q(M, {
-                        key: e.renderViewStepKey,
-                        values: e.formValues
-                      }, null, 8, ["values"])) : h("", !0)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                t[9] || (t[9] = s("hr", null, null, -1)),
-                s("div", st, [
-                  o(c, {
-                    variant: "tertiary",
-                    type: "button",
-                    onClick: e.goToPreviousStep,
-                    "button-text": "Abbrechen"
-                  }, null, 8, ["onClick"]),
-                  o(c, {
-                    variant: "secondary",
-                    type: "button",
-                    onClick: e.goToPreviousStep,
-                    "button-text": "Zurück"
-                  }, null, 8, ["onClick"]),
-                  o(c, {
-                    type: "button",
-                    onClick: e.handleSubmit,
-                    "button-text": "Weiter"
-                  }, null, 8, ["onClick"])
-                ]),
-                e.showErrorSummary && e.validationMessages.length ? (i(), r("div", rt, [
-                  t[8] || (t[8] = s("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
-                  s("ul", at, [
-                    (i(!0), r(K, null, W(e.validationMessages, (n) => (i(), r("li", { key: n }, v(n), 1))), 128))
-                  ])
-                ])) : h("", !0)
+              ]))) : g("", !0)
+            ])) : g("", !0),
+            s("div", ut, [
+              s("details", pt, [
+                o[10] || (o[10] = s("summary", null, "Form Values", -1)),
+                s("pre", mt, y(JSON.stringify(e.formValues, null, 2)), 1)
+              ]),
+              s("div", null, [
+                t(i, { name: "Auffindbarkeit/Sichtbarkeit" }, {
+                  default: n(() => [
+                    t(w),
+                    t(D, {
+                      modelValue: e.hologramOpen,
+                      "onUpdate:modelValue": o[2] || (o[2] = (r) => e.hologramOpen = r)
+                    }, {
+                      default: n(() => [
+                        s("div", null, [
+                          t(w)
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Auffindbarkeit/Kategorien" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Auffindbarkeit/Anwendungsbereiche" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Grundlegende Informationen/Name" }, {
+                  default: n(() => [
+                    t(I)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Grundlegende Informationen/Beschreibung" }, {
+                  default: n(() => [
+                    t(j)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Grundlegende Informationen/Projektstatus" }, {
+                  default: n(() => [
+                    t(T)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Grundlegende Informationen/Organisation" }, {
+                  default: n(() => [
+                    t(T)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Optionale Daten" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Initiieren" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Planen" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Umsetzen" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Weiterdenken" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Technische Prozessschritte" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "1. Datenerfassung/Grundlegende Informationen" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "1. Datenerfassung/Software" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "1. Datenerfassung/Datensätze" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "1. Datenerfassung/Hardware" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "2. Datenverarbeitung/Grundlegende Informationen" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "2. Datenverarbeitung/Software" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "2. Datenverarbeitung/Datensätze" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "2. Datenverarbeitung/Hardware" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "3. Datensimulation/Grundlegende Informationen" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "3. Datensimulation/Software" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "3. Datensimulation/Datensätze" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "3. Datensimulation/Hardware" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "4. Datenvisualisierung/Grundlegende Informationen" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "4. Datenvisualisierung/Software" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "4. Datenvisualisierung/Datensätze" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "4. Datenvisualisierung/Hardware" }, {
+                  default: n(() => [
+                    t(a)
+                  ]),
+                  _: 1
+                }),
+                t(i, { name: "Vorschau" }, {
+                  default: n(() => [
+                    e.shouldRenderReviewStep ? (d(), Q(B, {
+                      key: e.renderViewStepKey,
+                      values: e.formValues
+                    }, null, 8, ["values"])) : g("", !0),
+                    t(P)
+                  ]),
+                  _: 1
+                })
+              ]),
+              o[13] || (o[13] = s("hr", null, null, -1)),
+              e.showErrorSummary && e.validationMessages.length ? (d(), p("div", ct, [
+                o[11] || (o[11] = s("h4", null, "Bitte korrigieren Sie die folgenden Fehler:", -1)),
+                s("ul", ft, [
+                  (d(!0), p(X, null, Y(e.validationMessages, (r) => (d(), p("li", { key: r }, y(r), 1))), 128))
+                ])
+              ])) : g("", !0),
+              o[14] || (o[14] = s("hr", null, null, -1)),
+              s("div", null, [
+                t(H, null, {
+                  title: n(() => o[12] || (o[12] = [
+                    Z(" dev view ", -1)
+                  ])),
+                  default: n(() => [
+                    s("div", vt, [
+                      s("div", ht, [
+                        t(v, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Open Hologram",
+                          onClick: o[3] || (o[3] = (r) => e.hologramOpen = !0)
+                        }),
+                        t(v, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Previous",
+                          onClick: e.goToPreviousStep
+                        }, null, 8, ["onClick"]),
+                        t(v, {
+                          type: "button",
+                          variant: "secondary",
+                          "button-text": "Next",
+                          onClick: e.handleSubmit
+                        }, null, 8, ["onClick"])
+                      ]),
+                      s("div", null, [
+                        t(V, {
+                          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
+                })
               ])
             ])
           ]),
           _: 1
         }, 8, ["modelValue", "plugins"]),
-        e.activeSimpleModal ? (i(), q(w, {
+        e.activeSimpleModal ? (d(), Q(N, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
           text: e.modalSimpleConf.text,
           action: e.modalSimpleConf.action,
-          onClose: t[4] || (t[4] = (n) => e.activeSimpleModal = !1),
-          onActionHandling: t[5] || (t[5] = (n) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0)
+          onClose: o[7] || (o[7] = (r) => e.activeSimpleModal = !1),
+          onActionHandling: o[8] || (o[8] = (r) => e.gotToHome())
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : g("", !0)
       ])
-    ], 512)) : h("", !0)
+    ], 512)) : g("", !0)
   ]);
 }
-const qt = /* @__PURE__ */ Re(He, [["render", lt]]);
+const no = /* @__PURE__ */ Re(Ge, [["render", gt]]);
 export {
-  qt as default
+  no as default
 };