@piveau/dpi 0.1.0-beta.9 → 0.1.0-beta.90

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

@@ -0,0 +1,853 @@
+import { getNode as K } from "@formkit/core";
+import "@formkit/vue";
+import { PhNumberCircleFive as G, PhCheckCircle as Z, PhLightbulb as J } from "@phosphor-icons/vue";
+import { useWindowScroll as Q } from "@vueuse/core";
+import X from "jquery";
+import { has as T, isNil as O } from "lodash-es";
+import { defineComponent as Y, resolveComponent as g, createElementBlock as l, openBlock as i, createCommentVNode as p, createElementVNode as a, createVNode as v, createBlock as f, withModifiers as N, withCtx as M, Fragment as V, renderList as k, withDirectives as j, normalizeClass as y, toDisplayString as c, vShow as z, createTextVNode as H, ref as R, markRaw as x, getCurrentInstance as ee } from "vue";
+import { useI18n as te } from "vue-i18n";
+import { mapActions as B, mapGetters as W } from "vuex";
+import se from "../components/InputPageStep.vue.js";
+import ie from "../components/Navigation.vue.js";
+import { useFormValues as ae } from "../composables/useDpiFormValues.js";
+import { useDpiStepper as oe } from "../composables/useDpiStepper.js";
+import U from "../config/dcatapdeHappyFlow/converter.js";
+import re from "../HappyFlowComponents/img/Circle.svg.js";
+import le from "../HappyFlowComponents/img/CircleFill.svg.js";
+import ne from "../HappyFlowComponents/img/Selected1.svg.js";
+import de from "../HappyFlowComponents/img/Selected1_2.svg.js";
+import pe from "../HappyFlowComponents/img/Selected2.svg.js";
+import ue from "../HappyFlowComponents/img/Selected2_2.svg.js";
+import ce from "../HappyFlowComponents/img/Selected3.svg.js";
+import he from "../HappyFlowComponents/img/Selected3_2.svg.js";
+import ve from "../HappyFlowComponents/img/Selected4.svg.js";
+import me from "../HappyFlowComponents/img/Selected4_2.svg.js";
+import ge from "../HappyFlowComponents/img/Selected5.svg.js";
+import fe from "../HappyFlowComponents/img/Selected5_2.svg.js";
+import { eventBus as be } from "../HappyFlowComponents/services/eventBus.js";
+import Se from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import Ce from "../HappyFlowComponents/ui/Illustration.vue.js";
+import ye from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import Ve from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import ke from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import _e from "./DistributionInputPage.vue.js";
+import $e from "./OverviewPage.vue.js";
+import Ie from "./PropertyChooser.vue.js";
+/* empty css                             */
+/* empty css                              */
+/* empty css               */
+import Te from "../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as De } from "../composables/useDpiContext.js";
+import { useEditModeInfo as Pe } from "../composables/useDpiEditMode.js";
+import { useFormSchema as we } from "../composables/useFormSchema.js";
+const Fe = Y({
+  props: {
+    property: {
+      required: !0,
+      type: String
+    },
+    context: {},
+    id: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      circles: [re, le],
+      images: [ne, pe, ce, ve, ge],
+      selectedImages: [
+        de,
+        ue,
+        he,
+        me,
+        fe
+      ],
+      heightActiveSec: "10vh",
+      // formValues: {},
+      offsetTopStepper: "60px",
+      info: {},
+      catalogues: [],
+      substepCounter: 0,
+      stepCounter: 0,
+      byte: !0,
+      expandall: !0,
+      datasetIdExists: !1,
+      duplicateTitleModal: !1,
+      duplicateDatasetTitle: "",
+      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"
+      },
+      // activeSubStep: "",
+      // steps:{},
+      camel2title: (e) => e.replace(/([A-Z])/g, (t) => ` ${t}`).replace(/^./, (t) => t.toUpperCase()).trim()
+    };
+  },
+  components: {
+    InputPageStep: se,
+    DistributionInputPage: _e,
+    PropertyChooser: Ie,
+    Navigation: ie,
+    LogoV3: ye,
+    ButtonV3: Se,
+    TextButtonSmall: ke,
+    Illustration: Ce,
+    PhLightbulb: J,
+    PhCheckCircle: Z,
+    PhNumberCircleFive: G,
+    ModalSimpleV3: Ve
+  },
+  computed: {
+    ...W("auth", [
+      "getIsEditMode",
+      "getUserCatalogIds",
+      "getUserData"
+    ]),
+    ...W("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    getTitleStep() {
+      return Object.keys(this.formValues).filter(
+        (e) => T(this.formValues[e], "dct:title")
+      )[0];
+    },
+    createIDFromTitle() {
+      const e = this.formValues[this.getTitleStep]["dct:title"][0]["@value"];
+      if (e != null)
+        return e.toLowerCase().trim().replace(/\s+/g, "-");
+    },
+    getFirstTitleFromForm() {
+      try {
+        const e = this.formValues[this.getTitleStep];
+        return T(e, "dct:title") && e["dct:title"].length > 0 && T(e["dct:title"][0], "@value") && !O(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+      } catch {
+      }
+    },
+    isInput() {
+      return this.$route.params.page !== "overview" && this.$route.params.page !== "distoverview";
+    }
+  },
+  methods: {
+    ...B("auth", ["setIsEditMode", "setIsDraft"]),
+    ...B("dpiStore", [
+      "saveFormValues",
+      "saveLocalstorageValues",
+      "clearAll"
+    ]),
+    update() {
+      this.$forceUpdate();
+    },
+    // Route to the RAP Page
+    goToRAP() {
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(K(this.activeStep).value)[0];
+    },
+    getCircles(e) {
+      return e === this.substepCounter ? this.circles[1] : this.circles[0];
+    },
+    validateStep() {
+      var e, t, s, o, r;
+      if (console.log("ACTIVE SUBSTEP:", this.activeSubStep), this.activeSubStep === "dct:title" && this.datasetIdExists) {
+        this.duplicateDatasetTitle = this.getFirstTitleFromForm, this.duplicateTitleModal = !0;
+        return;
+      }
+      ((s = (t = (e = this.formValues[this.activeStep]) == null ? void 0 : e[this.activeSubStep]) == null ? void 0 : t[0]) == null ? void 0 : s.isValid) === !0 || ((o = this.formValues[this.activeStep][this.activeSubStep]) == null ? void 0 : o.isValid) === !0 ? this.navTrigger("next") : ((r = this.formValues[this.activeStep][this.activeSubStep]) != null && r[0] ? this.formValues[this.activeStep][this.activeSubStep][0].isValid = !1 : this.formValues[this.activeStep][this.activeSubStep].isValid = !1, this.handleDistributionsValidation(this.activeSubStep));
+    },
+    handleDistributionsValidation(e) {
+      be.emit("nextClicked", e);
+    },
+    gotToHome() {
+      window.location.href = this.$router.resolve({
+        name: "DPI-Home-HappyFlow"
+      }).href;
+    },
+    navTrigger(e, t) {
+      try {
+        let s = [];
+        if (Object.keys(this.steps).forEach((o, r) => {
+          let m = {
+            step: o,
+            substeps: this.subSteps[r],
+            substepCount: Object.keys(this.subSteps[r]).length
+          };
+          s.push(m);
+        }), e === "next" && (s[this.stepCounter].substepCount > 1 ? (this.substepCounter + 1 === s[this.stepCounter].substepCount ? (this.stepCounter++, this.activeStep = s[this.stepCounter].step, this.activeSubStep = Object.keys(
+          s[this.stepCounter].substeps
+        )[0], this.substepCounter = 0) : (this.substepCounter++, this.activeSubStep = Object.keys(
+          s[this.stepCounter].substeps
+        )[this.substepCounter]), this.handleDistributionsValidation(this.activeSubStep), this.activeStep === "ReviewAndPublish" && (this.formValues.ReviewAndPublish.reviewAndPublishPage = [
+          { isValid: !0 }
+        ])) : this.stepCounter != s.length - 1 && (this.stepCounter++, this.activeSubStep = Object.keys(
+          s[this.stepCounter].substeps
+        )[0], this.activeStep = s[this.stepCounter].step)), e === "prev" && (s[this.stepCounter].substepCount > 1 ? this.substepCounter > 0 ? (this.substepCounter--, this.activeSubStep = Object.keys(
+          s[this.stepCounter].substeps
+        )[this.substepCounter]) : (this.stepCounter--, this.activeStep = s[this.stepCounter].step, this.substepCounter = Object.keys(s[this.stepCounter].substeps).length - 1, this.activeSubStep = Object.keys(
+          s[this.stepCounter].substeps
+        )[this.substepCounter]) : (this.substepCounter = Object.keys(s[this.stepCounter - 1].substeps).length - 1, this.stepCounter--, this.activeSubStep = Object.keys(
+          s[this.stepCounter].substeps
+        )[this.substepCounter], this.activeStep = s[this.stepCounter].step)), e === "publish") {
+          this.createDatasetID();
+          let o = "auth/createDataset";
+          U(
+            this.formValues,
+            this.dpiContext,
+            this.getUserData,
+            this.$env.api.hubUrl
+          ).then((r) => {
+            this.dispatchDataToDPI(
+              r.body,
+              o,
+              r.actionParams,
+              "publish"
+            );
+          }).catch((r) => {
+            console.error("Fehler beim Senden der Daten:", r);
+          }), setTimeout(() => {
+            window.location.href = this.$router.resolve({
+              name: "DPI-Home-HappyFlow"
+            }).href;
+          }, 1e3);
+        }
+        if (e === "depublish") {
+          let o = "auth/depublishById";
+          U(
+            this.formValues,
+            this.dpiContext,
+            this.getUserData,
+            this.$env.api.hubUrl
+          ).then((r) => {
+            this.dispatchDataToDPI(
+              r.body,
+              o,
+              r.actionParams,
+              "depublish"
+            );
+          }).catch((r) => {
+            console.error("Fehler beim Senden der Daten:", r);
+          }), setTimeout(() => {
+            window.location.href = this.$router.resolve({
+              name: "DPI-Home-HappyFlow"
+            }).href;
+          }, 1e3);
+        }
+        if (e === "draft") {
+          this.createDatasetID();
+          let o = "auth/createUserDraft";
+          U(
+            this.formValues,
+            this.dpiContext,
+            this.getUserData,
+            this.$env.api.hubUrl
+          ).then((r) => {
+            this.dispatchDataToDPI(
+              r.body,
+              o,
+              r.actionParams,
+              "draft"
+            );
+          }).catch((r) => {
+            console.error("Fehler beim Senden der Daten:", r);
+          }), setTimeout(() => {
+            window.location.href = this.$router.resolve({
+              name: "DPI-Home-HappyFlow"
+            }).href;
+          }, 1e3);
+        }
+      } catch (s) {
+        console.log(s);
+      }
+    },
+    async dispatchDataToDPI(e, t, s, o) {
+      var r, m;
+      try {
+        o === "publish" && (s.token = this.getUserData.rtpToken, localStorage.getItem("dpi_draftmode") === "true" && localStorage.getItem("dpi_editmode") === "true" ? (await this.$store.dispatch("auth/createUserDraft", s), s.url = `${this.$env.api.hubUrl}drafts/datasets/publish/${s.id}?catalogue=${s.catalog}`) : s.url = `${this.$env.api.hubUrl}datasets?id=${s.id}&catalogue=${s.catalog}`, await this.$store.dispatch(t, s)), o === "draft" && await this.$store.dispatch(t, s), o === "depublish" && (await this.$store.dispatch("auth/putDatasetToDraft", {
+          id: s.id,
+          catalog: s.catalog,
+          title: s.title,
+          description: s.description
+        }), s.url = `${this.$env.api.hubUrl}catalogues/${s.catalog}/datasets/origin?originalId=${s.id}`, await this.$store.dispatch("auth/createUserDraft", s)), (r = this.$Progress) == null || r.finish(), this.clearAll();
+      } catch (C) {
+        console.error(C), (m = this.$Progress) == null || m.fail();
+      }
+    },
+    dropdownCLick() {
+      const e = document.querySelectorAll(".formkitProperty h4");
+      this.expandall && e.forEach((t, s) => {
+        t.classList.add("dpiChevUp"), t.nextElementSibling.classList.remove("d-none");
+      }), this.expandall || e.forEach((t, s) => {
+        t.classList.remove("dpiChevUp"), t.nextElementSibling.classList.add("d-none");
+      });
+    },
+    clearForm() {
+      this.$formkit.reset("dpi");
+    },
+    scrollToTop() {
+      window.scrollTo(0, 0);
+    },
+    initInputPage() {
+      this.activeSubStep = this.activeSubStep || "Landing", ee().appContext.app.config.globalProperties.$env;
+      const t = this.getSchema(this.property).value, s = Object.keys(t).find(
+        (o) => t[o].map((r) => r.name).includes("dct:issued") || t[o].map((r) => r.name).includes("dct:modified")
+      );
+      this.$formkit.setLocale("de"), localStorage.getItem("dpi_editmode") === "true" && s != null && t[s].forEach((o) => {
+        (o.identifier === "issued" || o.identifier === "modified") && (o.children[1].props.else.validation = "", o.children[1].props.else["validation-visibility"] = "", o.children[1].props.then.validation = "", o.children[1].props.then["validation-visibility"] = "", o.children[1].props.then.validation = "", o.children[1].props.then["validation-visibility"] = "");
+      }), localStorage.getItem("dpi_editmode") === "false" && (this.setIsDraft(!1), this.setIsEditMode(!1)), this.$nextTick(() => {
+        X('[data-bs-toggle="tooltip"]').tooltip({
+          container: "body"
+        }), setTimeout(() => {
+          document.querySelectorAll(".formkitProperty h4").forEach((r, m) => {
+            r.parentElement.parentElement.classList.contains(
+              "formkitWrapRepeatable"
+            ) || (m != 0 && m != 1 && m != 2 && m != 3 && r.nextElementSibling.classList.toggle("d-none"), r.addEventListener("click", () => {
+              r.classList.toggle("dpiChevUp"), r.nextElementSibling.classList.toggle("d-none");
+            }));
+          }), document.querySelectorAll(".formkitProperty");
+        });
+      });
+    },
+    handlePublishedRoute() {
+      const e = this.formValues[this.getTitleStep].datasetID, t = new URL(this.$env.api.baseUrl).origin + "/";
+      window.location.href = t + "datasets/" + e + "?locale=de";
+    },
+    createDatasetID() {
+      const e = this.formValues[this.getTitleStep];
+      !T(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);
+    },
+    async checkDatasetIdExists(e) {
+      try {
+        const t = await fetch(
+          `${this.$env.api.hubUrl}datasets/${e}`
+        );
+        return t.status === 200 ? !0 : (t.status === 404, !1);
+      } catch (t) {
+        return console.error("Error checking dataset ID:", t), !1;
+      }
+    },
+    generateandTranslateSchema(e) {
+      for (let t = 0; t < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[e].length; t++)
+        this.createSchema({
+          property: e,
+          page: this.getNavSteps(
+            this.$env.content.dataProviderInterface.specification
+          )[e][t],
+          specification: this.$env.content.dataProviderInterface.specification
+        }), this.translateSchema({
+          property: e,
+          page: this.getNavSteps(
+            this.$env.content.dataProviderInterface.specification
+          )[e][t]
+        });
+    }
+  },
+  created() {
+    this.$route.query.edit === "false" && this.clearAll(), this.generateandTranslateSchema(this.property), this.property === "datasets" && this.generateandTranslateSchema("distributions");
+  },
+  mounted() {
+    this.initInputPage();
+  },
+  watch: {
+    activeStep: {
+      handler() {
+        this.scrollToTop();
+      }
+    },
+    getFirstTitleFromForm: {
+      async handler(e, t) {
+        if (e !== t && (localStorage.getItem("dpi_editmode") === "false" && (this.setIsDraft(!1), this.setIsEditMode(!1)), !this.isEditMode)) {
+          if (!e || e.trim() === "") {
+            this.datasetIdExists = !1;
+            return;
+          }
+          const s = this.createIDFromTitle, o = await this.checkDatasetIdExists(
+            s
+          );
+          this.datasetIdExists = o, console.log(
+            "Generated ID:",
+            //this.formValues[this.getTitleStep].datasetID,
+            s,
+            "Exists:",
+            o
+          );
+        }
+      }
+    },
+    // 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), this.property === "datasets" && this.generateandTranslateSchema("distributions");
+      }
+    }
+  },
+  beforeRouteEnter(e, t, s) {
+    s((o) => {
+      t.name && !t.name.startsWith("DataProviderInterface") && o.clearAll();
+    });
+  },
+  setup() {
+    const e = De(), { isEditMode: t } = Pe(), {
+      steps: s,
+      activeStep: o,
+      subSteps: r,
+      visitedSteps: m,
+      previousStep: C,
+      nextStep: h,
+      stepPlugin: _,
+      goToNextStep: D,
+      goToPreviousStep: $
+    } = oe(), { formValues: P } = ae(), { t: w, te: F } = te(), A = R(!1), { translateSchema: L, createSchema: E, getSchema: I } = we({
+      t: w,
+      te: F
+    }), n = () => {
+      let { x: b, y: q } = Q({ behavior: "smooth" });
+      q.value = 0;
+    }, u = (b) => (s[b].errorCount > 0 || s[b].blockingCount > 0) && m.value.includes(b), d = x({ OverviewPage: $e }), S = R("");
+    return t.value && (o.value = "ReviewAndPublish", S.value = "reviewAndPublishPage"), {
+      steps: s,
+      visitedSteps: m,
+      activeStep: o,
+      activeSubStep: S,
+      subSteps: r,
+      previousStep: C,
+      nextStep: h,
+      stepPlugin: _,
+      checkStepValidity: u,
+      goToNextStep: D,
+      goToPreviousStep: $,
+      scrollToTop: n,
+      library: d,
+      isEditMode: t,
+      translateSchema: L,
+      createSchema: E,
+      getSchema: I,
+      dpiContext: e,
+      formValues: P,
+      activeSimpleModal: A
+    };
+  }
+}), Ae = { class: "form-container V3-typography" }, Le = {
+  key: 0,
+  ref: "fkInputContainer",
+  class: "inputContainer"
+}, Ee = { class: "formContainer formkit" }, Ue = { key: 0 }, Oe = { class: "dpiV3_stepper draftStepper" }, Me = {
+  key: 0,
+  class: "draftCTA"
+}, je = {
+  key: 1,
+  class: "draftCTA"
+}, ze = { key: 1 }, He = {
+  key: 0,
+  class: "dpiV3_stepper"
+}, Re = { class: "dpiV3_steps" }, Be = ["data-step-active", "data-step-valid"], We = { class: "dpiV3_stepBubbleWrap" }, qe = ["src"], Ke = ["src"], Ge = ["textContent"], Ze = { style: { "vertical-align": "middle" } }, Je = { class: "dpiV3_subStepWrapper" }, Qe = {
+  key: 0,
+  class: "dpiV3_seperatorHorizontalStepper"
+}, Xe = {
+  key: 1,
+  class: "dpiV3_seperatorHorizontalStepperFat"
+}, Ye = {
+  key: 2,
+  class: "dpiV3_subStep"
+}, Ne = { class: "dpiV3_subStepInner" }, xe = { class: "dpiV3_subStepCircleWrap" }, et = ["src"], tt = { style: { height: "20px", display: "flex", "align-items": "center" } }, st = {
+  key: 0,
+  class: "dpiV3_step dpiV3_inactiveStep"
+}, it = {
+  key: 1,
+  class: "dpiV3_stepperLanding"
+}, at = { class: "dpiV3_bydata_logo_wordmark" }, ot = { class: "dpiV3_Illustration-Start" }, rt = {
+  key: 2,
+  class: "steps"
+}, lt = ["data-step-active", "data-step-valid", "onClick"], nt = { class: "stepBubbleWrap" }, dt = { class: "circle stepCircle" }, pt = ["textContent"], ut = {
+  key: 0,
+  class: "seperatorHorizontalStepper"
+}, ct = {
+  key: 0,
+  class: "step inactiveStep"
+}, ht = { style: { width: "100%" } }, vt = {
+  key: 0,
+  class: "dpiV3_CTALanding"
+}, mt = {
+  key: 1,
+  class: "dpiV3_CTA_RaP"
+}, gt = { class: "dpiV3_CTANav" }, ft = { class: "dpiV3_CTANav" }, bt = {
+  key: 3,
+  class: "dpiV3_Content_InputPage"
+}, St = { class: "dpiV3_Card_Tips" }, Ct = { class: "dpiV3_Icon_Title" }, yt = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, Vt = { class: "dpiV3_CT-Content" }, kt = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, _t = { class: "dpiV3_hvd_frame3846" }, $t = { class: "dpiV3_copy_large_semi_bold" }, It = { class: "dpiV3_copy_large_regular" }, Tt = { class: "dpiV3_hvd_frame3846" }, Dt = { class: "dpiV3_copy_large_semi_bold" }, Pt = { class: "dpiV3_copy_large_regular compact_margin_bottom" }, wt = { class: "dpiV3_hvd_frame3846" }, Ft = { class: "dpiV3_copy_large_semi_bold" }, At = { class: "dpiV3_copy_large_regular compact_margin_bottom" }, Lt = { class: "dpiV3_hvd_frame3846" }, Et = { class: "dpiV3_copy_large_semi_bold" }, Ut = { class: "dpiV3_copy_large_regular" }, Ot = {
+  key: 5,
+  class: "p-1"
+};
+function Mt(e, t, s, o, r, m) {
+  const C = g("TextButtonSmall"), h = g("ButtonV3"), _ = g("LogoV3"), D = g("PhNumberCircleFive"), $ = g("PhCheckCircle"), P = g("Illustration"), w = g("FormKitSchema"), F = g("PhLightbulb"), A = g("DistributionInputPage"), L = g("InputPageStep"), E = g("FormKit"), I = g("ModalSimpleV3");
+  return i(), l("div", Ae, [
+    e.isInput ? (i(), l("div", Le, [
+      a("div", Ee, [
+        v(E, {
+          id: "dpiForm",
+          modelValue: e.formValues,
+          "onUpdate:modelValue": t[11] || (t[11] = (n) => e.formValues = n),
+          type: "form",
+          actions: !1,
+          plugins: [e.stepPlugin],
+          class: "d-flex",
+          onSubmit: t[12] || (t[12] = N(() => {
+          }, ["prevent"]))
+        }, {
+          default: M(() => [
+            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (i(), l("div", Ue, [
+              a("div", Oe, [
+                v(C, {
+                  "button-text": "Übersicht",
+                  "icon-start": "CaretLeft",
+                  "icon-name": "caretLeft",
+                  onClick: e.gotToHome
+                }, null, 8, ["onClick"]),
+                a("div", null, [
+                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (i(), l("div", Me, [
+                    v(h, {
+                      "button-text": "Veröffentlichung aufheben",
+                      size: "large",
+                      onClick: t[0] || (t[0] = (n) => e.navTrigger("depublish"))
+                    }),
+                    v(h, {
+                      "button-text": "Veröffentlicht ansehen",
+                      variant: "secondary",
+                      size: "large",
+                      "icon-end": "Out",
+                      onClick: t[1] || (t[1] = (n) => e.handlePublishedRoute())
+                    })
+                  ])) : (i(), l("div", je, [
+                    v(h, {
+                      "button-text": "Veröffentlichen",
+                      size: "large",
+                      onClick: t[2] || (t[2] = (n) => e.navTrigger("publish"))
+                    })
+                  ]))
+                ])
+              ])
+            ])) : (i(), l("div", ze, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (i(), l("div", He, [
+                v(_),
+                a("ul", Re, [
+                  (i(!0), l(V, null, k(e.steps, (n, u, d) => j((i(), l("li", {
+                    key: n,
+                    class: y(["dpiV3_step", {
+                      dpiV3_activeItem: e.activeStep === u,
+                      inactiveStep: u != e.activeStep,
+                      "has-errors": e.checkStepValidity(u)
+                    }]),
+                    "data-step-active": e.activeStep === u,
+                    "data-step-valid": n.valid && n.errorCount === 0
+                  }, [
+                    a("div", We, [
+                      a("div", {
+                        class: y(["firstRowWrapper", {
+                          dpiV3_activeStepName: u === e.activeStep,
+                          formerlyVisitedStep: e.stepCounter > d,
+                          "copy-small-regular": e.stepCounter > d
+                        }])
+                      }, [
+                        e.activeStep === u && d < 5 ? (i(), l("img", {
+                          key: 0,
+                          class: "dpiV3_circle dpiV3_stepCircle",
+                          src: e.selectedImages[d - 1],
+                          alt: "Selected Icon"
+                        }, null, 8, qe)) : p("", !0),
+                        e.activeStep === u && d === 5 ? (i(), f(D, {
+                          key: 1,
+                          size: 28,
+                          color: "#009FE3",
+                          weight: "fill"
+                        })) : p("", !0),
+                        d < e.stepCounter ? (i(), f($, {
+                          key: 2,
+                          size: 28,
+                          color: "#70CC44",
+                          weight: "fill"
+                        })) : p("", !0),
+                        d > e.stepCounter ? (i(), l("img", {
+                          key: 3,
+                          class: "dpiV3_circle dpiV3_stepCircle",
+                          src: e.images[d - 1],
+                          alt: "Selected Icon"
+                        }, null, 8, Ke)) : p("", !0),
+                        e.checkStepValidity(u) ? (i(), l("span", {
+                          key: 4,
+                          class: "dpiV3_step--errors",
+                          textContent: c(n.errorCount + n.blockingCount)
+                        }, null, 8, Ge)) : p("", !0),
+                        a("span", Ze, c(e.$t(`message.dataupload.steps.${u}Step`)), 1)
+                      ], 2),
+                      a("div", Je, [
+                        d + 1 != Object.keys(e.steps).length - 1 && d >= e.stepCounter ? (i(), l("div", Qe)) : p("", !0),
+                        d + 1 != Object.keys(e.steps).length - 1 && d < e.stepCounter ? (i(), l("div", Xe)) : p("", !0),
+                        e.activeStep === u ? (i(), l("div", Ye, [
+                          e.stepCounter < 5 ? (i(!0), l(V, { key: 0 }, k(Object.keys(
+                            e.subSteps[d]
+                          ), (S, b) => (i(), l("div", Ne, [
+                            a("div", xe, [
+                              e.substepCounter > b ? (i(), f($, {
+                                key: 0,
+                                size: 20,
+                                color: "#009FE3"
+                              })) : (i(), l("img", {
+                                key: 1,
+                                src: e.getCircles(b),
+                                alt: "circle"
+                              }, null, 8, et)),
+                              b != Object.keys(e.subSteps[d]).length - 1 ? (i(), l("div", {
+                                key: 2,
+                                class: y(["dpiV3_seperatorHorizontalStepperInner", {
+                                  dpiV3_seperatorHorizontalStepperInnerVisited: e.substepCounter > b
+                                }])
+                              }, null, 2)) : p("", !0)
+                            ]),
+                            a("div", tt, [
+                              a("span", {
+                                class: y(["large-regular dpiV3_substepText", {
+                                  dpiV3_activeStepDesc: S === e.activeSubStep,
+                                  formerlyVisitedStep: e.substepCounter > b
+                                }])
+                              }, c(e.$t(
+                                `message.dataupload.steps.${S.replace(
+                                  /_\d+$/,
+                                  ""
+                                )}`
+                              )), 3)
+                            ])
+                          ]))), 256)) : p("", !0)
+                        ])) : p("", !0)
+                      ])
+                    ])
+                  ], 10, Be)), [
+                    [z, u !== "Landing" && u !== "Additionals"]
+                  ])), 128)),
+                  e.activeStep === "Overview" ? (i(), l("li", st, t[17] || (t[17] = [
+                    a("div", { class: "dpiV3_circle dpiV3_stepCircle" }, null, -1)
+                  ]))) : p("", !0)
+                ])
+              ])) : (i(), l("div", it, [
+                a("div", at, [
+                  v(_)
+                ]),
+                a("div", ot, [
+                  v(P, { "illustration-name": "start" })
+                ])
+              ]))
+            ])),
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (i(), l("ul", rt, [
+              (i(!0), l(V, null, k(e.steps, (n, u, d) => (i(), l("li", {
+                key: n,
+                class: y(["step", {
+                  activeItem: e.activeStep === u,
+                  inactiveStep: u != e.activeStep,
+                  "has-errors": e.checkStepValidity(u)
+                }]),
+                "data-step-active": e.activeStep === u,
+                "data-step-valid": n.valid && n.errorCount === 0,
+                onClick: (S) => {
+                  e.activeStep = u, e.update(), e.scrollToTop();
+                }
+              }, [
+                a("div", nt, [
+                  a("div", dt, c(d + 1), 1),
+                  e.checkStepValidity(u) ? (i(), l("span", {
+                    key: 0,
+                    class: "step--errors",
+                    textContent: c(n.errorCount + n.blockingCount)
+                  }, null, 8, pt)) : p("", !0),
+                  H(c(e.$t(`message.dataupload.steps.${u}Step`)), 1)
+                ]),
+                d != Object.keys(e.steps).length ? (i(), l("div", ut)) : p("", !0)
+              ], 10, lt))), 128)),
+              e.activeStep === "Overview" ? (i(), l("li", ct, t[18] || (t[18] = [
+                a("div", { class: "circle stepCircle" }, null, -1)
+              ]))) : p("", !0)
+            ])) : p("", !0),
+            (i(!0), l(V, null, k(e.getNavSteps(
+              e.$env.content.dataProviderInterface.specification
+            )[e.property], (n, u) => (i(), f(L, {
+              key: u,
+              name: n
+            }, {
+              default: M(() => [
+                (i(!0), l(V, null, k(Object.keys(
+                  e.getSchema(e.property).value[n]
+                ).length, (d, S) => j((i(), l("div", ht, [
+                  n !== "Distributions" && n !== "Additionals" ? (i(), f(w, {
+                    key: 0,
+                    schema: e.getSchema(e.property).value[n][S],
+                    library: e.library,
+                    "final-values": e.formValues,
+                    onHandleNav: () => {
+                    }
+                  }, null, 8, ["schema", "library", "final-values"])) : p("", !0)
+                ], 512)), [
+                  [
+                    z,
+                    Object.values(
+                      e.getSchema(e.property).value[n][S]
+                    )[0] === e.activeSubStep.replace(/_\d+$/, "") || n === "Landing"
+                  ]
+                ])), 256)),
+                e.activeStep === "Landing" ? (i(), l("div", vt, [
+                  v(h, {
+                    "button-text": "Abbrechen",
+                    size: "large",
+                    variant: "tertiary",
+                    onClick: t[3] || (t[3] = (d) => {
+                      e.activeSimpleModal = !0, console.log(e.activeSimpleModal);
+                    })
+                  }),
+                  v(h, {
+                    "button-text": "Datenbereitstellung starten",
+                    size: "large",
+                    onClick: t[4] || (t[4] = (d) => e.navTrigger("next"))
+                  })
+                ])) : p("", !0),
+                e.activeStep === "ReviewAndPublish" ? (i(), l("div", mt, [
+                  a("div", gt, [
+                    e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (i(), f(h, {
+                      key: 0,
+                      "button-text": "Veröffentlichung aufheben",
+                      size: "large",
+                      variant: "secondary",
+                      onClick: t[5] || (t[5] = (d) => e.navTrigger("depublish"))
+                    })) : (i(), f(h, {
+                      key: 1,
+                      "button-text": "Als Entwurf speichern",
+                      size: "large",
+                      variant: "secondary",
+                      onClick: t[6] || (t[6] = (d) => e.navTrigger("draft"))
+                    })),
+                    v(h, {
+                      "button-text": "Veröffentlichen",
+                      size: "large",
+                      onClick: t[7] || (t[7] = (d) => e.formValues[e.activeStep][e.activeSubStep][0].isValid === !0 ? e.navTrigger("publish") : e.formValues[e.activeStep][e.activeSubStep][0].isValid = !1)
+                    })
+                  ])
+                ])) : p("", !0),
+                e.activeStep !== "Landing" && e.activeStep !== "ReviewAndPublish" ? (i(), l("div", {
+                  key: 2,
+                  class: y(["dpiV3_CTA", {
+                    dpiV3_activeInfobox: e.activeSubStep.includes("hvdPage")
+                  }])
+                }, [
+                  v(h, {
+                    "button-text": "Abbrechen",
+                    size: "large",
+                    variant: "tertiary",
+                    onClick: t[8] || (t[8] = (d) => e.activeSimpleModal = !0)
+                  }),
+                  a("div", ft, [
+                    e.activeStep !== "Landing" ? (i(), f(h, {
+                      key: 0,
+                      "icon-start": "CaretLeft",
+                      "button-text": "Zurück",
+                      size: "large",
+                      variant: "secondary",
+                      onClick: t[9] || (t[9] = (d) => e.navTrigger("prev"))
+                    })) : p("", !0),
+                    v(h, {
+                      "icon-end": "CaretRight",
+                      "button-text": "Weiter",
+                      size: "large",
+                      onClick: t[10] || (t[10] = (d) => e.validateStep())
+                    })
+                  ])
+                ], 2)) : p("", !0),
+                e.activeSubStep.includes("hvdPage") ? (i(), l("div", bt, [
+                  a("div", St, [
+                    a("div", Ct, [
+                      v(F, {
+                        size: 32,
+                        color: "#009fe3"
+                      }),
+                      a("div", yt, c(e.$t("message.dataupload.datasets.hvdPage.tips-hvd")), 1)
+                    ]),
+                    a("div", Vt, [
+                      a("div", kt, c(e.$t("message.dataupload.datasets.hvdPage.tips-text")), 1),
+                      a("div", _t, [
+                        a("div", $t, " 1. " + c(e.$t(
+                          "message.dataupload.datasets.hvdPage.tips-question-1"
+                        )), 1),
+                        a("ul", It, [
+                          a("li", null, c(e.$t(
+                            "message.dataupload.datasets.hvdPage.hvd-category-1"
+                          )), 1),
+                          a("li", null, c(e.$t(
+                            "message.dataupload.datasets.hvdPage.hvd-category-2"
+                          )), 1),
+                          a("li", null, c(e.$t(
+                            "message.dataupload.datasets.hvdPage.hvd-category-3"
+                          )), 1),
+                          a("li", null, c(e.$t(
+                            "message.dataupload.datasets.hvdPage.hvd-category-4"
+                          )), 1),
+                          a("li", null, c(e.$t(
+                            "message.dataupload.datasets.hvdPage.hvd-category-5"
+                          )), 1),
+                          a("li", null, c(e.$t(
+                            "message.dataupload.datasets.hvdPage.hvd-category-6"
+                          )), 1)
+                        ])
+                      ]),
+                      a("div", Tt, [
+                        a("div", Dt, " 2. " + c(e.$t(
+                          "message.dataupload.datasets.hvdPage.tips-question-2"
+                        )), 1),
+                        a("p", Pt, c(e.$t("message.dataupload.datasets.hvdPage.tips-example-2")), 1)
+                      ]),
+                      a("div", wt, [
+                        a("div", Ft, " 3. " + c(e.$t(
+                          "message.dataupload.datasets.hvdPage.tips-question-3"
+                        )), 1),
+                        a("p", At, c(e.$t("message.dataupload.datasets.hvdPage.tips-example-3")), 1)
+                      ]),
+                      a("div", Lt, [
+                        a("div", Et, " 4. " + c(e.$t(
+                          "message.dataupload.datasets.hvdPage.tips-question-4"
+                        )), 1),
+                        a("p", Ut, c(e.$t("message.dataupload.datasets.hvdPage.tips-example-4")), 1)
+                      ])
+                    ])
+                  ])
+                ])) : p("", !0),
+                n === "Distributions" ? (i(), f(A, {
+                  key: 4,
+                  schema: e.getSchema("distributions"),
+                  values: e.formValues
+                }, null, 8, ["schema", "values"])) : p("", !0),
+                n === "Mandatory" ? (i(), l("p", Ot, [
+                  t[19] || (t[19] = a("b", null, "*", -1)),
+                  H(" " + c(e.$t("message.dataupload.info.mandatory")), 1)
+                ])) : p("", !0)
+              ]),
+              _: 2
+            }, 1032, ["name"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "plugins"]),
+        e.activeSimpleModal ? (i(), f(I, {
+          key: 0,
+          buttons: e.modalSimpleConf.button,
+          "header-text": e.modalSimpleConf.header,
+          text: e.modalSimpleConf.text,
+          action: e.modalSimpleConf.action,
+          onClose: t[13] || (t[13] = (n) => e.activeSimpleModal = !1),
+          onActionHandling: t[14] || (t[14] = (n) => e.gotToHome())
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : p("", !0),
+        e.duplicateTitleModal ? (i(), f(I, {
+          key: 1,
+          class: "duplicate-title-modal",
+          buttons: "Okay",
+          "header-text": `Dataset with title '${e.duplicateDatasetTitle}' already exists`,
+          text: "Please choose another title before continuing.",
+          action: "close",
+          onClose: t[15] || (t[15] = (n) => e.duplicateTitleModal = !1),
+          onActionHandling: t[16] || (t[16] = (n) => e.duplicateTitleModal = !1)
+        }, null, 8, ["header-text"])) : p("", !0)
+      ])
+    ], 512)) : p("", !0)
+  ]);
+}
+const Is = /* @__PURE__ */ Te(Fe, [["render", Mt]]);
+export {
+  Is as default
+};