@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.12

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

@@ -1,714 +0,0 @@
-import { getNode as q } from "@formkit/core";
-import { getValidationMessages as le } from "@formkit/validation";
-import "@formkit/vue";
-import "@phosphor-icons/vue";
-import { useWindowScroll as de } from "@vueuse/core";
-import "jquery";
-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 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,
-      type: String
-    },
-    context: {},
-    id: {
-      type: String
-    }
-  },
-  data() {
-    return {
-      modalSimpleConf: {
-        button: "Ja, abbrechen",
-        header: "Wollen Sie wirklich abbrechen?",
-        text: "Beim Abbrechen gehen alle eingegebenen Daten unwiderruflich verloren und können nicht wiederhergestellt werden.",
-        action: "cancel"
-      }
-    };
-  },
-  components: {
-    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: {
-    ...ee("auth", [
-      "getIsEditMode",
-      "getUserCatalogIds",
-      "getUserData"
-    ]),
-    ...ee("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
-    getTitleStep() {
-      return Object.keys(this.formValues).filter(
-        (e) => O(this.formValues[e], "dct:title")
-      )[0];
-    },
-    createIDFromTitle() {
-      const e = this.formValues[this.getTitleStep]["dct:title"][0]["@value"];
-      if (e != null)
-        return e.toLowerCase().replace(/ /g, "-");
-    },
-    getFirstTitleFromForm() {
-      try {
-        const e = this.formValues[this.getTitleStep];
-        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 {
-      }
-    },
-    isInput() {
-      return this.$route.params.page !== "overview" && this.$route.params.page !== "distoverview";
-    }
-  },
-  methods: {
-    ...x("auth", ["setIsEditMode", "setIsDraft"]),
-    ...x("dpiStore", [
-      "saveFormValues",
-      "saveLocalstorageValues",
-      "clearAll"
-    ]),
-    update() {
-      this.$forceUpdate();
-    },
-    // Route to the RAP Page
-    goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(q(this.activeStep).value)[0];
-    },
-    handleDistributionsValidation(e) {
-      we.emit("nextClicked", e);
-    },
-    gotToHome() {
-      window.location.href = this.$router.resolve({
-        name: "DPI-Home-HappyFlow"
-      }).href;
-    },
-    async dispatchDataToDPI(e, o, m, S) {
-      var _, f;
-      console.log("body:", e, o, "params:", m, S);
-      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(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() {
-      this.$formkit.reset("dpi");
-    },
-    scrollToTop() {
-      window.scrollTo(0, 0);
-    },
-    createDatasetID() {
-      const e = this.formValues[this.getTitleStep];
-      !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 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][o],
-          specification: this.$env.content.dataProviderInterface.specification
-        }), this.translateSchema({
-          property: e,
-          page: this.getNavSteps(
-            this.$env.content.dataProviderInterface.specification
-          )[e][o]
-        });
-    }
-  },
-  created() {
-    this.$route.query.edit === "false" && this.clearAll();
-  },
-  // mounted() {
-  //   this.initInputPage()
-  // },
-  watch: {
-    // 'activeStep': {
-    //   handler() {
-    //     this.scrollToTop()
-    //   },
-    // },
-    // 'getFirstTitleFromForm': {
-    //   handler(newVal, oldVal) {
-    //     if (newVal === oldVal)
-    //       return
-    //     if (localStorage.getItem('dpi_editmode') === 'false') {
-    //       this.setIsDraft(false)
-    //       this.setIsEditMode(false)
-    //     }
-    //     // only create id from title if the user is not editing an existing dataset with an existing datasetID
-    //     if (!this.isEditMode) {
-    //       // this.createDatasetID();
-    //     }
-    //   },
-    // },
-    // the schema is a computed value which gets computed only once so on language change this value must be re-computed
-    // '$i18n.locale': {
-    //   handler() {
-    //     this.generateandTranslateSchema(this.property)
-    //     if (this.property === 'datasets')
-    //       this.generateandTranslateSchema('distributions')
-    //   },
-    // },
-  },
-  // beforeRouteEnter(to, from, next) {
-  //   // Always clear storage when entering DPI
-  //   next((vm) => {
-  //     if (from.name && !from.name.startsWith('DataProviderInterface')) {
-  //       vm.clearAll()
-  //     }
-  //   })
-  // },
-  setup() {
-    const e = Ue(), { isEditMode: o } = ze(), {
-      steps: m,
-      stepList: S,
-      visitedSteps: _,
-      activeStep: f,
-      stepPlugin: k,
-      goToNextStep: v,
-      goToPreviousStep: C,
-      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: 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 oe = async () => {
-      try {
-        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:", c), setTimeout(() => {
-          window.location.href = "/dpi-home-happyflow";
-        }, 1e3);
-      } catch (l) {
-        console.error("Fehler beim Veröffentlichen:", l);
-      }
-    };
-    function K() {
-      R(D.value) && v();
-    }
-    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: m,
-      visitedSteps: _,
-      activeStep: f,
-      activeSubStep: E,
-      subSteps: A,
-      previousStep: M,
-      stepList: S,
-      nextStep: w,
-      stepPlugin: k,
-      checkStepValidity: R,
-      goToNextStep: v,
-      goToNextStepIfValid: K,
-      goToPreviousStep: C,
-      scrollToTop: $,
-      library: z,
-      isEditMode: o,
-      translateSchema: N,
-      createSchema: r,
-      getSchema: h,
-      dpiContext: e,
-      formValues: I,
-      activeSimpleModal: B,
-      shouldRenderReviewStep: G,
-      renderViewStepKey: W,
-      handlePublish: oe,
-      handleSubmit: ne,
-      showErrorSummary: P,
-      validationMessages: V,
-      stepOptions: ie,
-      stepSelect: ae,
-      hologramOpen: re
-    };
-  }
-}), We = { class: "form-container V3-typography" }, Ke = {
-  key: 0,
-  ref: "fkInputContainer",
-  class: "inputContainer"
-}, qe = { class: "formContainer formkit" }, Je = { key: 0 }, Qe = { class: "dpiV3_stepper draftStepper" }, Xe = {
-  key: 0,
-  class: "draftCTA"
-}, Ye = {
-  key: 1,
-  class: "draftCTA"
-}, Ze = { key: 1 }, xe = {
-  key: 0,
-  class: "dpiV3_stepper"
-}, et = {
-  key: 1,
-  class: "dpiV3_stepperLanding"
-}, tt = { class: "dpiV3_bydata_logo_wordmark" }, ot = { class: "dpiV3_Illustration-Start" }, nt = {
-  key: 2,
-  class: "steps"
-}, it = ["data-step-active", "data-step-valid", "onClick"], at = { class: "stepBubbleWrap" }, rt = { class: "circle stepCircle" }, st = ["textContent"], lt = {
-  key: 0,
-  class: "seperatorHorizontalStepper"
-}, dt = {
-  key: 0,
-  class: "step inactiveStep"
-}, 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"
-}, 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": o[5] || (o[5] = (r) => e.formValues = r),
-          type: "form",
-          actions: !1,
-          plugins: [e.stepPlugin],
-          class: "d-flex",
-          onSubmit: o[6] || (o[6] = pe(() => {
-          }, ["prevent"]))
-        }, {
-          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 ? (d(), p("div", Xe, [
-                    t(v, {
-                      "button-text": "Veröffentlichung aufheben",
-                      size: "large",
-                      onClick: e.todoHandler
-                    }, null, 8, ["onClick"]),
-                    t(v, {
-                      "button-text": "Veröffentlicht ansehen",
-                      variant: "secondary",
-                      size: "large",
-                      "icon-end": "Out",
-                      onClick: e.todoHandler
-                    }, null, 8, ["onClick"])
-                  ])) : (d(), p("div", Ye, [
-                    t(v, {
-                      "button-text": "Veröffentlichen",
-                      size: "large",
-                      onClick: e.handlePublish
-                    }, null, 8, ["onClick"])
-                  ]))
-                ])
-              ])
-            ])) : (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": o[0] || (o[0] = (r) => e.visitedSteps = r),
-                  current: e.activeStep,
-                  "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", ot, [
-                  t(M, { "illustration-name": "start" })
-                ])
-              ]))
-            ])),
-            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 === h,
-                "data-step-valid": r.valid && r.errorCount === 0,
-                onClick: (z) => {
-                  e.activeStep = h, e.update(), e.scrollToTop();
-                }
-              }, [
-                s("div", at, [
-                  s("div", rt, y($ + 1), 1),
-                  e.checkStepValidity(h) ? (d(), p("span", {
-                    key: 0,
-                    class: "step--errors",
-                    textContent: y(r.errorCount + r.blockingCount)
-                  }, null, 8, st)) : g("", !0),
-                  Z(y(e.$t(`message.dataupload.steps.${h}Step`)), 1)
-                ]),
-                $ != 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)
-              ]))) : 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 ? (d(), Q(N, {
-          key: 0,
-          buttons: e.modalSimpleConf.button,
-          "header-text": e.modalSimpleConf.header,
-          text: e.modalSimpleConf.text,
-          action: e.modalSimpleConf.action,
-          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)) : g("", !0)
-  ]);
-}
-const no = /* @__PURE__ */ Re(Ge, [["render", gt]]);
-export {
-  no as default
-};