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

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/views/InputPage.vue.js

@@ -1,46 +1,50 @@
-import { getNode as K } from "@formkit/core";
+import { getNode as pe } from "@formkit/core";
 import "@formkit/vue";
-import { PhNumberCircleFive as Z, PhCheckCircle as G, PhLightbulb as X } from "@phosphor-icons/vue";
-import { useWindowScroll as Y } from "@vueuse/core";
-import J from "jquery";
-import { has as I, isNil as B } from "lodash-es";
-import { defineComponent as N, resolveComponent as f, createElementBlock as o, openBlock as s, createCommentVNode as n, createElementVNode as a, createVNode as h, createBlock as S, withModifiers as Q, withCtx as U, Fragment as k, renderList as V, withDirectives as F, normalizeClass as C, toDisplayString as u, vShow as O, createTextVNode as z, ref as M, markRaw as x, getCurrentInstance as ee } from "vue";
-import { useI18n as te } from "vue-i18n";
-import { mapActions as j, mapGetters as H } from "vuex";
-import ie from "../components/InputPageStep.vue.js";
-import se from "../components/Navigation.vue.js";
-import { useFormValues as ae } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as oe } from "../composables/useDpiStepper.js";
-import W from "../config/dcatapdeHappyFlow/converter.js";
-import re from "../HappyFlowComponents/img/Circle.svg.js";
-import le from "../HappyFlowComponents/img/CircleFill.svg.js";
-import de from "../HappyFlowComponents/img/Selected1.svg.js";
-import ne from "../HappyFlowComponents/img/Selected1_2.svg.js";
-import ce from "../HappyFlowComponents/img/Selected2.svg.js";
-import pe from "../HappyFlowComponents/img/Selected2_2.svg.js";
-import ue from "../HappyFlowComponents/img/Selected3.svg.js";
-import he from "../HappyFlowComponents/img/Selected3_2.svg.js";
-import me from "../HappyFlowComponents/img/Selected4.svg.js";
-import fe from "../HappyFlowComponents/img/Selected4_2.svg.js";
-import ge from "../HappyFlowComponents/img/Selected5.svg.js";
-import ve 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 ye from "../HappyFlowComponents/ui/Illustration.vue.js";
-import Ce from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import ke from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import Ve from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import _e from "./DistributionInputPage.vue.js";
-import De from "./OverviewPage.vue.js";
-import Ie from "./PropertyChooser.vue.js";
+import { PhNumberCircleFive as ue, PhCheckCircle as he, PhLightbulb as me } from "@phosphor-icons/vue";
+import { putDataset as ge } from "@piveau/sdk-core/hubRepo";
+import { useWindowScroll as ve } from "@vueuse/core";
+import fe from "jquery";
+import { has as L, isNil as x } from "lodash-es";
+import { defineComponent as be, resolveComponent as g, createElementBlock as a, openBlock as s, createCommentVNode as p, createElementVNode as i, createVNode as h, createBlock as S, withModifiers as Se, withCtx as ee, Fragment as k, renderList as I, withDirectives as te, normalizeClass as _, toDisplayString as d, vShow as ie, createTextVNode as C, ref as se, markRaw as ye, getCurrentInstance as Ce } from "vue";
+import { useI18n as _e } from "vue-i18n";
+import { useRoute as Ve } from "vue-router";
+import { mapActions as ae, mapGetters as oe } from "vuex";
+import { useRuntimeEnv as ke } from "../../composables/useRuntimeEnv.js";
+import Ie from "../components/InputPageStep.vue.js";
+import De from "../components/Navigation.vue.js";
+import { useFormValues as Te } from "../composables/useDpiFormValues.js";
+import { useDpiStepper as Pe } from "../composables/useDpiStepper.js";
+import { useTwinbyUser as we } from "../composables/useTwinbyUser.js";
+import M from "../config/dcatapdeHappyFlow/converter.js";
+import Le from "../HappyFlowComponents/img/Circle.svg.js";
+import $e from "../HappyFlowComponents/img/CircleFill.svg.js";
+import Ae from "../HappyFlowComponents/img/Selected1.svg.js";
+import Re from "../HappyFlowComponents/img/Selected1_2.svg.js";
+import Ue from "../HappyFlowComponents/img/Selected2.svg.js";
+import Ee from "../HappyFlowComponents/img/Selected2_2.svg.js";
+import Be from "../HappyFlowComponents/img/Selected3.svg.js";
+import Fe from "../HappyFlowComponents/img/Selected3_2.svg.js";
+import ze from "../HappyFlowComponents/img/Selected4.svg.js";
+import Me from "../HappyFlowComponents/img/Selected4_2.svg.js";
+import Oe from "../HappyFlowComponents/img/Selected5.svg.js";
+import je from "../HappyFlowComponents/img/Selected5_2.svg.js";
+import { eventBus as He } from "../HappyFlowComponents/services/eventBus.js";
+import We from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import Ge from "../HappyFlowComponents/ui/Illustration.vue.js";
+import qe from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import Ke from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import Ze from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import Xe from "./DistributionInputPage.vue.js";
+import Ne from "./OverviewPage.vue.js";
+import Ye from "./PropertyChooser.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css               */
-import Te from "../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Le } from "../composables/useDpiContext.js";
-import { useEditModeInfo as Pe } from "../composables/useDpiEditMode.js";
-import { useFormSchema as we } from "../composables/useFormSchema.js";
-const Ae = N({
+import Je from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as Qe } from "../composables/useDpiContext.js";
+import { useEditModeInfo as xe } from "../composables/useDpiEditMode.js";
+import { useFormSchema as et } from "../composables/useFormSchema.js";
+const tt = be({
   props: {
     property: {
       required: !0,
@@ -53,16 +57,15 @@ const Ae = N({
   },
   data() {
     return {
-      circles: [re, le],
-      images: [de, ce, ue, me, ge],
+      circles: [Le, $e],
+      images: [Ae, Ue, Be, ze, Oe],
       selectedImages: [
-        ne,
-        pe,
-        he,
-        fe,
-        ve
+        Re,
+        Ee,
+        Fe,
+        Me,
+        je
       ],
-      instance: ee(),
       heightActiveSec: "10vh",
       // formValues: {},
       offsetTopStepper: "60px",
@@ -84,29 +87,29 @@ const Ae = N({
     };
   },
   components: {
-    InputPageStep: ie,
-    DistributionInputPage: _e,
-    PropertyChooser: Ie,
-    Navigation: se,
-    LogoV3: Ce,
-    ButtonV3: Se,
-    TextButtonSmall: Ve,
-    Illustration: ye,
-    PhLightbulb: X,
-    PhCheckCircle: G,
-    PhNumberCircleFive: Z,
-    ModalSimpleV3: ke
+    InputPageStep: Ie,
+    DistributionInputPage: Xe,
+    PropertyChooser: Ye,
+    Navigation: De,
+    LogoV3: qe,
+    ButtonV3: We,
+    TextButtonSmall: Ze,
+    Illustration: Ge,
+    PhLightbulb: me,
+    PhCheckCircle: he,
+    PhNumberCircleFive: ue,
+    ModalSimpleV3: Ke
   },
   computed: {
-    ...H("auth", [
+    ...oe("auth", [
       "getIsEditMode",
       "getUserCatalogIds",
       "getUserData"
     ]),
-    ...H("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
+    ...oe("dpiStore", ["getNavSteps", "getDeleteDistributionInline"]),
     getTitleStep() {
       return Object.keys(this.formValues).filter(
-        (e) => I(this.formValues[e], "dct:title")
+        (e) => L(this.formValues[e], "dct:title")
       )[0];
     },
     createIDFromTitle() {
@@ -117,7 +120,7 @@ const Ae = N({
     getFirstTitleFromForm() {
       try {
         const e = this.formValues[this.getTitleStep];
-        return I(e, "dct:title") && e["dct:title"].length > 0 && I(e["dct:title"][0], "@value") && !B(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
+        return L(e, "dct:title") && e["dct:title"].length > 0 && L(e["dct:title"][0], "@value") && !x(e["dct:title"][0], "@value") ? e["dct:title"][0]["@value"] : "";
       } catch {
       }
     },
@@ -126,8 +129,8 @@ const Ae = N({
     }
   },
   methods: {
-    ...j("auth", ["setIsEditMode", "setIsDraft"]),
-    ...j("dpiStore", [
+    ...ae("auth", ["setIsEditMode", "setIsDraft"]),
+    ...ae("dpiStore", [
       "saveFormValues",
       "saveLocalstorageValues",
       "clearAll"
@@ -137,7 +140,7 @@ const Ae = N({
     },
     // Route to the RAP Page
     goToRAP() {
-      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(K(this.activeStep).value)[0];
+      this.fillData(), this.activeStep = "ReviewAndPublish", this.activeSubStep = Object.keys(pe(this.activeStep).value)[0];
     },
     // Remove after DPI development is finished - just fills all fields with dummy Data
     fillData() {
@@ -474,7 +477,7 @@ const Ae = N({
             }
           ]
         },
-        ReviewAndPublish: { reviewAndPublishPage: [{ isValid: !0 }] },
+        ReviewAndPublish: { isValid: !0 },
         Additionals: {
           "dcatde:geocodingDescription": [{ "@value": "Geocoding Desc" }],
           "dct:identifier": [{ "@value": "Identifier" }],
@@ -548,8 +551,12 @@ const Ae = N({
     getCircles(e) {
       return e === this.substepCounter ? this.circles[1] : this.circles[0];
     },
+    validateStep() {
+      var e, t, o, n, r;
+      ((o = (t = (e = this.formValues[this.activeStep]) == null ? void 0 : e[this.activeSubStep]) == null ? void 0 : t[0]) == null ? void 0 : o.isValid) === !0 || ((n = this.formValues[this.activeStep][this.activeSubStep]) == null ? void 0 : n.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);
+      He.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
@@ -558,42 +565,64 @@ const Ae = N({
     },
     navTrigger(e, t) {
       try {
-        let i = [];
-        if (Object.keys(this.steps).forEach((d, p) => {
-          let b = {
-            step: d,
-            substeps: this.subSteps[p],
-            substepCount: Object.keys(this.subSteps[p]).length
+        let o = [];
+        if (Object.keys(this.steps).forEach((n, r) => {
+          let v = {
+            step: n,
+            substeps: this.subSteps[r],
+            substepCount: Object.keys(this.subSteps[r]).length
           };
-          i.push(b);
-        }), e === "next" && (i[this.stepCounter].substepCount > 1 ? (this.substepCounter + 1 === i[this.stepCounter].substepCount ? (this.stepCounter++, this.activeStep = i[this.stepCounter].step, this.activeSubStep = Object.keys(
-          i[this.stepCounter].substeps
+          o.push(v);
+        }), e === "next" && (o[this.stepCounter].substepCount > 1 ? (this.substepCounter + 1 === o[this.stepCounter].substepCount ? (this.stepCounter++, this.activeStep = o[this.stepCounter].step, this.activeSubStep = Object.keys(
+          o[this.stepCounter].substeps
         )[0], this.substepCounter = 0) : (this.substepCounter++, this.activeSubStep = Object.keys(
-          i[this.stepCounter].substeps
-        )[this.substepCounter]), this.handleDistributionsValidation(this.activeSubStep), this.activeStep === "ReviewAndPublish" && (this.formValues.ReviewAndPublish.reviewAndPublishPage.isValid = !0)) : this.stepCounter != i.length - 1 && (this.stepCounter++, this.activeSubStep = Object.keys(
-          i[this.stepCounter].substeps
-        )[0], this.activeStep = i[this.stepCounter].step)), e === "prev" && (i[this.stepCounter].substepCount > 1 ? this.substepCounter > 0 ? (this.substepCounter--, this.activeSubStep = Object.keys(
-          i[this.stepCounter].substeps
-        )[this.substepCounter]) : (this.stepCounter--, this.activeStep = i[this.stepCounter].step, this.substepCounter = Object.keys(i[this.stepCounter].substeps).length - 1, this.activeSubStep = Object.keys(
-          i[this.stepCounter].substeps
-        )[this.substepCounter]) : (this.substepCounter = Object.keys(i[this.stepCounter - 1].substeps).length - 1, this.stepCounter--, this.activeSubStep = Object.keys(
-          i[this.stepCounter].substeps
-        )[this.substepCounter], this.activeStep = i[this.stepCounter].step)), e === "publish") {
-          let d = "auth/createDataset";
-          W(
+          o[this.stepCounter].substeps
+        )[this.substepCounter]), this.handleDistributionsValidation(this.activeSubStep), this.activeStep === "ReviewAndPublish" && (this.formValues.ReviewAndPublish.reviewAndPublishPage = [{ isValid: !0 }])) : this.stepCounter != o.length - 1 && (this.stepCounter++, this.activeSubStep = Object.keys(
+          o[this.stepCounter].substeps
+        )[0], this.activeStep = o[this.stepCounter].step)), e === "prev" && (o[this.stepCounter].substepCount > 1 ? this.substepCounter > 0 ? (this.substepCounter--, this.activeSubStep = Object.keys(
+          o[this.stepCounter].substeps
+        )[this.substepCounter]) : (this.stepCounter--, this.activeStep = o[this.stepCounter].step, this.substepCounter = Object.keys(o[this.stepCounter].substeps).length - 1, this.activeSubStep = Object.keys(
+          o[this.stepCounter].substeps
+        )[this.substepCounter]) : (this.substepCounter = Object.keys(o[this.stepCounter - 1].substeps).length - 1, this.stepCounter--, this.activeSubStep = Object.keys(
+          o[this.stepCounter].substeps
+        )[this.substepCounter], this.activeStep = o[this.stepCounter].step)), e === "publish") {
+          let n = "auth/createDataset";
+          M(
             this.formValues,
             this.dpiContext,
             this.getUserData,
             this.$env.api.hubUrl
-          ).then((p) => {
+          ).then((r) => {
             this.dispatchDataToDPI(
-              p.body,
-              d,
-              p.actionParams,
+              r.body,
+              n,
+              r.actionParams,
               "publish"
             );
-          }).catch((p) => {
-            console.error("Fehler beim Senden der Daten:", p);
+          }).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 n = "auth/depublishById";
+          M(
+            this.formValues,
+            this.dpiContext,
+            this.getUserData,
+            this.$env.api.hubUrl
+          ).then((r) => {
+            this.dispatchDataToDPI(
+              r.body,
+              n,
+              r.actionParams,
+              "depublish"
+            );
+          }).catch((r) => {
+            console.error("Fehler beim Senden der Daten:", r);
           }), setTimeout(() => {
             window.location.href = this.$router.resolve({
               name: "DPI-Home-HappyFlow"
@@ -601,45 +630,36 @@ const Ae = N({
           }, 1e3);
         }
         if (e === "draft") {
-          let d = "auth/createUserDraft";
-          W(
+          let n = "auth/createUserDraft";
+          M(
             this.formValues,
             this.dpiContext,
             this.getUserData,
             this.$env.api.hubUrl
-          ).then((p) => {
+          ).then((r) => {
             this.dispatchDataToDPI(
-              p.body,
-              d,
-              p.actionParams,
+              r.body,
+              n,
+              r.actionParams,
               "draft"
             );
-          }).catch((p) => {
-            console.error("Fehler beim Senden der Daten:", p);
+          }).catch((r) => {
+            console.error("Fehler beim Senden der Daten:", r);
           }), setTimeout(() => {
             window.location.href = this.$router.resolve({
               name: "DPI-Home-HappyFlow"
             }).href;
           }, 1e3);
         }
-      } catch (i) {
-        console.log(i);
-      }
-    },
-    async dispatchDataToDPI(e, t, i, d) {
-      var p, b;
-      console.log("body:", e, t, "params:", i, d);
-      try {
-        d === "publish" && (i.token = this.getUserData.rtpToken, console.log(i.token), i.url = `${this.$env.api.hubUrl}catalogues/${i.catalog}/datasets/origin?originalId=${i.id}`, await this.$store.dispatch(t, i)), d === "draft" && await this.$store.dispatch(t, i), (p = this.$Progress) == null || p.finish(), this.clearAll();
-      } catch (y) {
-        console.error(y), (b = this.$Progress) == null || b.fail();
+      } catch (o) {
+        console.log(o);
       }
     },
     dropdownCLick() {
       const e = document.querySelectorAll(".formkitProperty h4");
-      this.expandall && e.forEach((t, i) => {
+      this.expandall && e.forEach((t, o) => {
         t.classList.add("dpiChevUp"), t.nextElementSibling.classList.remove("d-none");
-      }), this.expandall || e.forEach((t, i) => {
+      }), this.expandall || e.forEach((t, o) => {
         t.classList.remove("dpiChevUp"), t.nextElementSibling.classList.add("d-none");
       });
     },
@@ -650,29 +670,33 @@ const Ae = N({
       window.scrollTo(0, 0);
     },
     initInputPage() {
-      this.activeSubStep = this.activeSubStep || "Landing";
-      const e = this.getSchema(this.property).value, t = Object.keys(e).find(
-        (i) => e[i].map((d) => d.name).includes("dct:issued") || e[i].map((d) => d.name).includes("dct:modified")
+      this.activeSubStep = this.activeSubStep || "Landing", Ce().appContext.app.config.globalProperties.$env;
+      const t = this.getSchema(this.property).value, o = Object.keys(t).find(
+        (n) => t[n].map((r) => r.name).includes("dct:issued") || t[n].map((r) => r.name).includes("dct:modified")
       );
-      this.$formkit.setLocale("de"), localStorage.getItem("dpi_editmode") === "true" && t != null && e[t].forEach((i) => {
-        (i.identifier === "issued" || i.identifier === "modified") && (i.children[1].props.else.validation = "", i.children[1].props.else["validation-visibility"] = "", i.children[1].props.then.validation = "", i.children[1].props.then["validation-visibility"] = "", i.children[1].props.then.validation = "", i.children[1].props.then["validation-visibility"] = "");
+      this.$formkit.setLocale("de"), localStorage.getItem("dpi_editmode") === "true" && o != null && t[o].forEach((n) => {
+        (n.identifier === "issued" || n.identifier === "modified") && (n.children[1].props.else.validation = "", n.children[1].props.else["validation-visibility"] = "", n.children[1].props.then.validation = "", n.children[1].props.then["validation-visibility"] = "", n.children[1].props.then.validation = "", n.children[1].props.then["validation-visibility"] = "");
       }), localStorage.getItem("dpi_editmode") === "false" && (this.setIsDraft(!1), this.setIsEditMode(!1)), this.$nextTick(() => {
-        J('[data-toggle="tooltip"]').tooltip({
+        fe('[data-bs-toggle="tooltip"]').tooltip({
           container: "body"
         }), setTimeout(() => {
-          document.querySelectorAll(".formkitProperty h4").forEach((d, p) => {
-            d.parentElement.parentElement.classList.contains(
+          document.querySelectorAll(".formkitProperty h4").forEach((r, v) => {
+            r.parentElement.parentElement.classList.contains(
               "formkitWrapRepeatable"
-            ) || (p != 0 && p != 1 && p != 2 && p != 3 && d.nextElementSibling.classList.toggle("d-none"), d.addEventListener("click", () => {
-              d.classList.toggle("dpiChevUp"), d.nextElementSibling.classList.toggle("d-none");
+            ) || (v != 0 && v != 1 && v != 2 && v != 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];
-      !I(e, "datasetID") || B(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);
+      !L(e, "datasetID") || x(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++)
@@ -714,455 +738,542 @@ const Ae = N({
       }
     }
   },
-  beforeRouteEnter(e, t, i) {
-    i((d) => {
-      t.name && !t.name.startsWith("DataProviderInterface") && d.clearAll();
+  beforeRouteEnter(e, t, o) {
+    o((n) => {
+      t.name && !t.name.startsWith("DataProviderInterface") && n.clearAll();
     });
   },
   setup() {
-    const e = Le(), { isEditMode: t } = Pe(), {
-      steps: i,
-      activeStep: d,
-      subSteps: p,
-      visitedSteps: b,
-      previousStep: y,
-      nextStep: m,
-      stepPlugin: _,
-      goToNextStep: T,
-      goToPreviousStep: D
-    } = oe(), { formValues: L } = ae(), { t: P, te: w } = te(), A = M(!1), { translateSchema: $, createSchema: R, getSchema: E } = we({
-      t: P,
-      te: w
-    }), r = () => {
-      let { x: g, y: q } = Y({ behavior: "smooth" });
-      q.value = 0;
-    }, c = (g) => (i[g].errorCount > 0 || i[g].blockingCount > 0) && b.value.includes(g), l = x({ OverviewPage: De }), v = M("");
-    return t.value && (d.value = "ReviewAndPublish", v.value = "reviewAndPublishPage"), {
-      steps: i,
-      visitedSteps: b,
-      activeStep: d,
-      activeSubStep: v,
-      subSteps: p,
-      previousStep: y,
-      nextStep: m,
-      stepPlugin: _,
+    var j, H, W, G;
+    const e = Qe(), { isEditMode: t } = xe(), o = ke(), {
+      steps: n,
+      activeStep: r,
+      subSteps: v,
+      visitedSteps: D,
+      previousStep: m,
+      nextStep: T,
+      stepPlugin: $,
+      goToNextStep: P,
+      goToPreviousStep: A
+    } = Pe(), { formValues: w } = Te(), { t: V, te: R } = _e(), U = se(!1), { translateSchema: E, createSchema: B, getSchema: l } = et({
+      t: V,
+      te: R
+    }), u = () => {
+      let { x: y, y: F } = ve({ behavior: "smooth" });
+      F.value = 0;
+    }, c = (y) => (n[y].errorCount > 0 || n[y].blockingCount > 0) && D.value.includes(y), f = ye({ OverviewPage: Ne }), b = se("");
+    t.value && (r.value = "ReviewAndPublish", b.value = "reviewAndPublishPage");
+    const { organization: re, catalogDataset: O, startFetchPermissions: ne, authToken: le } = we({
+      keycloak: ((H = (j = o.authentication) == null ? void 0 : j.keycloak) == null ? void 0 : H.url) || "https://keycloak.twin.bydata.de",
+      realm: ((G = (W = o.authentication) == null ? void 0 : W.keycloak) == null ? void 0 : G.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    });
+    ne();
+    const de = Ve();
+    async function ce(y, F, z, q) {
+      var K, Z, X, N, Y, J;
+      console.log("body:", y, F, "params:", z, q);
+      try {
+        await ge({
+          baseUrl: o.api.hubUrl,
+          id: z.id,
+          catalogId: O.value || z.catalog || "",
+          data: y,
+          authToken: le.value,
+          publicationStatus: q === "publish" ? "published" : "draft",
+          accessLevel: ((N = (X = (Z = (K = w.value) == null ? void 0 : K.Discoverability) == null ? void 0 : Z.visibilityPage) == null ? void 0 : X[0]) == null ? void 0 : N.visibility) || de.query.visibility || "public",
+          type: "dataset"
+        }), (Y = this.$Progress) == null || Y.finish(), this.clearAll();
+      } catch (Q) {
+        console.error(Q), (J = this.$Progress) == null || J.fail();
+      }
+    }
+    return {
+      steps: n,
+      visitedSteps: D,
+      activeStep: r,
+      activeSubStep: b,
+      subSteps: v,
+      previousStep: m,
+      nextStep: T,
+      stepPlugin: $,
       checkStepValidity: c,
-      goToNextStep: T,
-      goToPreviousStep: D,
-      scrollToTop: r,
-      library: l,
+      goToNextStep: P,
+      goToPreviousStep: A,
+      scrollToTop: u,
+      library: f,
       isEditMode: t,
-      translateSchema: $,
-      createSchema: R,
-      getSchema: E,
+      translateSchema: E,
+      createSchema: B,
+      getSchema: l,
       dpiContext: e,
-      formValues: L,
-      activeSimpleModal: A
+      formValues: w,
+      activeSimpleModal: U,
+      organization: re,
+      catalogDataset: O,
+      dispatchDataToDPI: ce
     };
   }
-}), $e = { class: "form-container V3-typography" }, Re = {
+}), it = { class: "form-container V3-typography" }, st = {
   key: 0,
   ref: "fkInputContainer",
   class: "inputContainer"
-}, Ee = { class: "formContainer formkit" }, Be = { key: 0 }, Ue = { class: "dpiV3_stepper draftStepper" }, Fe = {
+}, at = { class: "formContainer formkit" }, ot = { key: 0 }, rt = { class: "dpiV3_stepper draftStepper" }, nt = {
   key: 0,
   class: "draftCTA"
-}, Oe = {
+}, lt = {
   key: 1,
   class: "draftCTA"
-}, ze = { key: 1 }, Me = {
+}, dt = { key: 1 }, ct = {
   key: 0,
   class: "dpiV3_stepper"
-}, je = { class: "dpiV3_steps" }, He = ["data-step-active", "data-step-valid"], We = { class: "dpiV3_stepBubbleWrap" }, qe = ["src"], Ke = ["src"], Ze = ["textContent"], Ge = { style: { "vertical-align": "middle" } }, Xe = { class: "dpiV3_subStepWrapper" }, Ye = {
+}, pt = { class: "dpiV3_steps" }, ut = ["data-step-active", "data-step-valid"], ht = { class: "dpiV3_stepBubbleWrap" }, mt = ["src"], gt = ["src"], vt = ["textContent"], ft = { style: { "vertical-align": "middle" } }, bt = { class: "dpiV3_subStepWrapper" }, St = {
   key: 0,
   class: "dpiV3_seperatorHorizontalStepper"
-}, Je = {
+}, yt = {
   key: 1,
   class: "dpiV3_seperatorHorizontalStepperFat"
-}, Ne = {
+}, Ct = {
   key: 2,
   class: "dpiV3_subStep"
-}, Qe = { class: "dpiV3_subStepInner" }, xe = { class: "dpiV3_subStepCircleWrap" }, et = ["src"], tt = { style: { height: "20px", display: "flex", "align-items": "center" } }, it = {
+}, _t = { class: "dpiV3_subStepInner" }, Vt = { class: "dpiV3_subStepCircleWrap" }, kt = ["src"], It = { style: { height: "20px", display: "flex", "align-items": "center" } }, Dt = {
   key: 0,
   class: "dpiV3_step dpiV3_inactiveStep"
-}, st = {
+}, Tt = {
   key: 1,
   class: "dpiV3_stepperLanding"
-}, at = { class: "dpiV3_bydata_logo_wordmark" }, ot = { class: "dpiV3_Illustration-Start" }, rt = {
+}, Pt = { class: "dpiV3_bydata_logo_wordmark" }, wt = { class: "dpiV3_Illustration-Start" }, Lt = {
   key: 2,
   class: "steps"
-}, lt = ["data-step-active", "data-step-valid", "onClick"], dt = { class: "stepBubbleWrap" }, nt = { class: "circle stepCircle" }, ct = ["textContent"], pt = {
+}, $t = ["data-step-active", "data-step-valid", "onClick"], At = { class: "stepBubbleWrap" }, Rt = { class: "circle stepCircle" }, Ut = ["textContent"], Et = {
   key: 0,
   class: "seperatorHorizontalStepper"
-}, ut = {
+}, Bt = {
   key: 0,
   class: "step inactiveStep"
-}, ht = { style: { width: "100%" } }, mt = {
+}, Ft = { style: { width: "100%" } }, zt = {
   key: 0,
   class: "dpiV3_CTALanding"
-}, ft = {
+}, Mt = {
   key: 1,
   class: "dpiV3_CTA_RaP"
-}, gt = { class: "dpiV3_CTANav" }, vt = { class: "dpiV3_CTANav" }, bt = {
+}, Ot = { class: "dpiV3_CTANav" }, jt = { class: "dpiV3_CTANav" }, Ht = {
   key: 3,
   class: "dpiV3_Content_InputPage"
-}, St = { class: "dpiV3_Card_Tips" }, yt = { class: "dpiV3_Icon_Title" }, Ct = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, kt = { class: "dpiV3_CT-Content" }, Vt = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, _t = { class: "dpiV3_hvd_frame3846" }, Dt = { class: "dpiV3_copy_large_semi_bold" }, It = { class: "dpiV3_copy_large_regular" }, Tt = { class: "dpiV3_hvd_frame3846" }, Lt = { class: "dpiV3_copy_large_semi_bold" }, Pt = { class: "dpiV3_copy_large_regular" }, wt = { class: "dpiV3_hvd_frame3846" }, At = { class: "dpiV3_copy_large_semi_bold" }, $t = { class: "dpiV3_copy_large_regular" }, Rt = { class: "dpiV3_hvd_frame3846" }, Et = { class: "dpiV3_copy_large_semi_bold" }, Bt = { class: "dpiV3_copy_large_regular" }, Ut = {
+}, Wt = { class: "dpiV3_Card_Tips" }, Gt = { class: "dpiV3_Icon_Title" }, qt = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, Kt = { class: "dpiV3_CT-Content" }, Zt = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, Xt = { class: "dpiV3_hvd_frame3846" }, Nt = { class: "dpiV3_copy_large_semi_bold" }, Yt = { class: "dpiV3_copy_large_regular" }, Jt = { class: "dpiV3_hvd_frame3846" }, Qt = { class: "dpiV3_copy_large_semi_bold" }, xt = { class: "dpiV3_copy_large_regular compact_margin_bottom" }, ei = { class: "dpiV3_hvd_frame3846" }, ti = { class: "dpiV3_copy_large_semi_bold" }, ii = { class: "dpiV3_copy_large_regular compact_margin_bottom" }, si = { class: "dpiV3_hvd_frame3846" }, ai = { class: "dpiV3_copy_large_semi_bold" }, oi = { class: "dpiV3_copy_large_regular" }, ri = {
+  key: 4,
+  class: "dpiV3_Content_InputPage"
+}, ni = { class: "dpiV3_Card_Tips" }, li = { class: "dpiV3_Icon_Title" }, di = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, ci = { class: "dpiV3_CT-Content" }, pi = { class: "dpiV3_copy_large_regular cleanPaddingMargins" }, ui = { class: "dpiV3_Info-Text" }, hi = { class: "dpiV3_copy_large_regular cleanPaddingMargins" }, mi = { class: "dpiV3_Info-Text" }, gi = {
   key: 5,
+  class: "dpiV3_Content_InputPage"
+}, vi = { class: "dpiV3_Card_Tips" }, fi = { class: "dpiV3_Icon_Title" }, bi = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, Si = {
+  key: 7,
   class: "p-1"
 };
-function Ft(e, t, i, d, p, b) {
-  const y = f("TextButtonSmall"), m = f("ButtonV3"), _ = f("LogoV3"), T = f("PhNumberCircleFive"), D = f("PhCheckCircle"), L = f("Illustration"), P = f("FormKitSchema"), w = f("PhLightbulb"), A = f("DistributionInputPage"), $ = f("InputPageStep"), R = f("FormKit"), E = f("ModalSimpleV3");
-  return s(), o("div", $e, [
-    e.isInput ? (s(), o("div", Re, [
-      a("div", Ee, [
-        h(R, {
+function yi(e, t, o, n, r, v) {
+  const D = g("TextButtonSmall"), m = g("ButtonV3"), T = g("LogoV3"), $ = g("PhNumberCircleFive"), P = g("PhCheckCircle"), A = g("Illustration"), w = g("FormKitSchema"), V = g("PhLightbulb"), R = g("DistributionInputPage"), U = g("InputPageStep"), E = g("FormKit"), B = g("ModalSimpleV3");
+  return s(), a("div", it, [
+    e.isInput ? (s(), a("div", st, [
+      i("div", at, [
+        h(E, {
           id: "dpiForm",
           modelValue: e.formValues,
-          "onUpdate:modelValue": t[7] || (t[7] = (r) => e.formValues = r),
+          "onUpdate:modelValue": t[10] || (t[10] = (l) => e.formValues = l),
           type: "form",
           actions: !1,
           plugins: [e.stepPlugin],
           class: "d-flex",
-          onSubmit: t[8] || (t[8] = Q(() => {
+          onSubmit: t[11] || (t[11] = Se(() => {
           }, ["prevent"]))
         }, {
-          default: U(() => [
-            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (s(), o("div", Be, [
-              a("div", Ue, [
-                h(y, {
+          default: ee(() => [
+            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (s(), a("div", ot, [
+              i("div", rt, [
+                h(D, {
                   "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 ? (s(), o("div", Fe, [
+                i("div", null, [
+                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (s(), a("div", nt, [
                     h(m, {
                       "button-text": "Veröffentlichung aufheben",
                       size: "large",
-                      onClick: e.todoHandler
-                    }, null, 8, ["onClick"]),
+                      onClick: t[0] || (t[0] = (l) => e.navTrigger("depublish"))
+                    }),
                     h(m, {
                       "button-text": "Veröffentlicht ansehen",
                       variant: "secondary",
                       size: "large",
                       "icon-end": "Out",
-                      onClick: e.todoHandler
-                    }, null, 8, ["onClick"])
-                  ])) : (s(), o("div", Oe, [
+                      onClick: t[1] || (t[1] = (l) => e.handlePublishedRoute())
+                    })
+                  ])) : (s(), a("div", lt, [
                     h(m, {
                       "button-text": "Veröffentlichen",
                       size: "large",
-                      onClick: t[0] || (t[0] = (r) => e.navTrigger("publish"))
+                      onClick: t[2] || (t[2] = (l) => e.navTrigger("publish"))
                     })
                   ]))
                 ])
               ])
-            ])) : (s(), o("div", ze, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (s(), o("div", Me, [
-                h(_),
-                a("ul", je, [
-                  (s(!0), o(k, null, V(e.steps, (r, c, l) => F((s(), o("li", {
-                    key: r,
-                    class: C(["dpiV3_step", {
-                      dpiV3_activeItem: e.activeStep === c,
-                      inactiveStep: c != e.activeStep,
-                      "has-errors": e.checkStepValidity(c)
+            ])) : (s(), a("div", dt, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (s(), a("div", ct, [
+                h(T),
+                i("ul", pt, [
+                  (s(!0), a(k, null, I(e.steps, (l, u, c) => te((s(), a("li", {
+                    key: l,
+                    class: _(["dpiV3_step", {
+                      dpiV3_activeItem: e.activeStep === u,
+                      inactiveStep: u != e.activeStep,
+                      "has-errors": e.checkStepValidity(u)
                     }]),
-                    "data-step-active": e.activeStep === c,
-                    "data-step-valid": r.valid && r.errorCount === 0
+                    "data-step-active": e.activeStep === u,
+                    "data-step-valid": l.valid && l.errorCount === 0
                   }, [
-                    a("div", We, [
-                      a("div", {
-                        class: C({
-                          dpiV3_activeStepName: c === e.activeStep,
-                          formerlyVisitedStep: e.stepCounter > l,
-                          "copy-small-regular": e.stepCounter > l
-                        })
+                    i("div", ht, [
+                      i("div", {
+                        class: _(["firstRowWrapper", {
+                          dpiV3_activeStepName: u === e.activeStep,
+                          formerlyVisitedStep: e.stepCounter > c,
+                          "copy-small-regular": e.stepCounter > c
+                        }])
                       }, [
-                        e.activeStep === c && l < 5 ? (s(), o("img", {
+                        e.activeStep === u && c < 5 ? (s(), a("img", {
                           key: 0,
                           class: "dpiV3_circle dpiV3_stepCircle",
-                          src: e.selectedImages[l - 1],
+                          src: e.selectedImages[c - 1],
                           alt: "Selected Icon"
-                        }, null, 8, qe)) : n("", !0),
-                        e.activeStep === c && l === 5 ? (s(), S(T, {
+                        }, null, 8, mt)) : p("", !0),
+                        e.activeStep === u && c === 5 ? (s(), S($, {
                           key: 1,
                           size: 28,
                           color: "#009FE3",
                           weight: "fill"
-                        })) : n("", !0),
-                        l < e.stepCounter ? (s(), S(D, {
+                        })) : p("", !0),
+                        c < e.stepCounter ? (s(), S(P, {
                           key: 2,
                           size: 28,
                           color: "#70CC44",
                           weight: "fill"
-                        })) : n("", !0),
-                        l > e.stepCounter ? (s(), o("img", {
+                        })) : p("", !0),
+                        c > e.stepCounter ? (s(), a("img", {
                           key: 3,
                           class: "dpiV3_circle dpiV3_stepCircle",
-                          src: e.images[l - 1],
+                          src: e.images[c - 1],
                           alt: "Selected Icon"
-                        }, null, 8, Ke)) : n("", !0),
-                        e.checkStepValidity(c) ? (s(), o("span", {
+                        }, null, 8, gt)) : p("", !0),
+                        e.checkStepValidity(u) ? (s(), a("span", {
                           key: 4,
                           class: "dpiV3_step--errors",
-                          textContent: u(r.errorCount + r.blockingCount)
-                        }, null, 8, Ze)) : n("", !0),
-                        a("span", Ge, u(e.$t(`message.dataupload.steps.${c}Step`)), 1)
+                          textContent: d(l.errorCount + l.blockingCount)
+                        }, null, 8, vt)) : p("", !0),
+                        i("span", ft, d(e.$t(`message.dataupload.steps.${u}Step`)), 1)
                       ], 2),
-                      a("div", Xe, [
-                        l + 1 != Object.keys(e.steps).length - 1 && l >= e.stepCounter ? (s(), o("div", Ye)) : n("", !0),
-                        l + 1 != Object.keys(e.steps).length - 1 && l < e.stepCounter ? (s(), o("div", Je)) : n("", !0),
-                        e.activeStep === c ? (s(), o("div", Ne, [
-                          e.stepCounter < 5 ? (s(!0), o(k, { key: 0 }, V(Object.keys(
-                            e.subSteps[l]
-                          ), (v, g) => (s(), o("div", Qe, [
-                            a("div", xe, [
-                              e.substepCounter > g ? (s(), S(D, {
+                      i("div", bt, [
+                        c + 1 != Object.keys(e.steps).length - 1 && c >= e.stepCounter ? (s(), a("div", St)) : p("", !0),
+                        c + 1 != Object.keys(e.steps).length - 1 && c < e.stepCounter ? (s(), a("div", yt)) : p("", !0),
+                        e.activeStep === u ? (s(), a("div", Ct, [
+                          e.stepCounter < 5 ? (s(!0), a(k, { key: 0 }, I(Object.keys(
+                            e.subSteps[c]
+                          ), (f, b) => (s(), a("div", _t, [
+                            i("div", Vt, [
+                              e.substepCounter > b ? (s(), S(P, {
                                 key: 0,
                                 size: 20,
                                 color: "#009FE3"
-                              })) : (s(), o("img", {
+                              })) : (s(), a("img", {
                                 key: 1,
-                                src: e.getCircles(g),
+                                src: e.getCircles(b),
                                 alt: "circle"
-                              }, null, 8, et)),
-                              g != Object.keys(e.subSteps[l]).length - 1 ? (s(), o("div", {
+                              }, null, 8, kt)),
+                              b != Object.keys(e.subSteps[c]).length - 1 ? (s(), a("div", {
                                 key: 2,
-                                class: C(["dpiV3_seperatorHorizontalStepperInner", {
-                                  dpiV3_seperatorHorizontalStepperInnerVisited: e.substepCounter > g
+                                class: _(["dpiV3_seperatorHorizontalStepperInner", {
+                                  dpiV3_seperatorHorizontalStepperInnerVisited: e.substepCounter > b
                                 }])
-                              }, null, 2)) : n("", !0)
+                              }, null, 2)) : p("", !0)
                             ]),
-                            a("div", tt, [
-                              a("span", {
-                                class: C(["large-regular dpiV3_substepText", {
-                                  dpiV3_activeStepDesc: v === e.activeSubStep,
-                                  formerlyVisitedStep: e.substepCounter > g
+                            i("div", It, [
+                              i("span", {
+                                class: _(["large-regular dpiV3_substepText", {
+                                  dpiV3_activeStepDesc: f === e.activeSubStep,
+                                  formerlyVisitedStep: e.substepCounter > b
                                 }])
-                              }, u(e.$t(
-                                `message.dataupload.steps.${v.replace(/_\d+$/, "")}`
+                              }, d(e.$t(
+                                `message.dataupload.steps.${f.replace(
+                                  /_\d+$/,
+                                  ""
+                                )}`
                               )), 3)
                             ])
-                          ]))), 256)) : n("", !0)
-                        ])) : n("", !0)
+                          ]))), 256)) : p("", !0)
+                        ])) : p("", !0)
                       ])
                     ])
-                  ], 10, He)), [
-                    [O, c !== "Landing" && c !== "Additionals"]
+                  ], 10, ut)), [
+                    [ie, u !== "Landing" && u !== "Additionals"]
                   ])), 128)),
-                  e.activeStep === "Overview" ? (s(), o("li", it, t[11] || (t[11] = [
-                    a("div", { class: "dpiV3_circle dpiV3_stepCircle" }, null, -1)
-                  ]))) : n("", !0)
+                  e.activeStep === "Overview" ? (s(), a("li", Dt, t[14] || (t[14] = [
+                    i("div", { class: "dpiV3_circle dpiV3_stepCircle" }, null, -1)
+                  ]))) : p("", !0)
                 ])
-              ])) : (s(), o("div", st, [
-                a("div", at, [
-                  h(_)
+              ])) : (s(), a("div", Tt, [
+                i("div", Pt, [
+                  h(T)
                 ]),
-                a("div", ot, [
-                  h(L, { "illustration-name": "start" })
+                i("div", wt, [
+                  h(A, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (s(), o("ul", rt, [
-              (s(!0), o(k, null, V(e.steps, (r, c, l) => (s(), o("li", {
-                key: r,
-                class: C(["step", {
-                  activeItem: e.activeStep === c,
-                  inactiveStep: c != e.activeStep,
-                  "has-errors": e.checkStepValidity(c)
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (s(), a("ul", Lt, [
+              (s(!0), a(k, null, I(e.steps, (l, u, c) => (s(), a("li", {
+                key: l,
+                class: _(["step", {
+                  activeItem: e.activeStep === u,
+                  inactiveStep: u != e.activeStep,
+                  "has-errors": e.checkStepValidity(u)
                 }]),
-                "data-step-active": e.activeStep === c,
-                "data-step-valid": r.valid && r.errorCount === 0,
-                onClick: (v) => {
-                  e.activeStep = c, e.update(), e.scrollToTop();
+                "data-step-active": e.activeStep === u,
+                "data-step-valid": l.valid && l.errorCount === 0,
+                onClick: (f) => {
+                  e.activeStep = u, e.update(), e.scrollToTop();
                 }
               }, [
-                a("div", dt, [
-                  a("div", nt, u(l + 1), 1),
-                  e.checkStepValidity(c) ? (s(), o("span", {
+                i("div", At, [
+                  i("div", Rt, d(c + 1), 1),
+                  e.checkStepValidity(u) ? (s(), a("span", {
                     key: 0,
                     class: "step--errors",
-                    textContent: u(r.errorCount + r.blockingCount)
-                  }, null, 8, ct)) : n("", !0),
-                  z(u(e.$t(`message.dataupload.steps.${c}Step`)), 1)
+                    textContent: d(l.errorCount + l.blockingCount)
+                  }, null, 8, Ut)) : p("", !0),
+                  C(d(e.$t(`message.dataupload.steps.${u}Step`)), 1)
                 ]),
-                l != Object.keys(e.steps).length ? (s(), o("div", pt)) : n("", !0)
-              ], 10, lt))), 128)),
-              e.activeStep === "Overview" ? (s(), o("li", ut, t[12] || (t[12] = [
-                a("div", { class: "circle stepCircle" }, null, -1)
-              ]))) : n("", !0)
-            ])) : n("", !0),
-            (s(!0), o(k, null, V(e.getNavSteps(
+                c != Object.keys(e.steps).length ? (s(), a("div", Et)) : p("", !0)
+              ], 10, $t))), 128)),
+              e.activeStep === "Overview" ? (s(), a("li", Bt, t[15] || (t[15] = [
+                i("div", { class: "circle stepCircle" }, null, -1)
+              ]))) : p("", !0)
+            ])) : p("", !0),
+            (s(!0), a(k, null, I(e.getNavSteps(
               e.$env.content.dataProviderInterface.specification
-            )[e.property], (r, c) => (s(), S($, {
-              key: c,
-              name: r
+            )[e.property], (l, u) => (s(), S(U, {
+              key: u,
+              name: l
             }, {
-              default: U(() => [
-                (s(!0), o(k, null, V(Object.keys(
-                  e.getSchema(e.property).value[r]
-                ).length, (l, v) => F((s(), o("div", ht, [
-                  r !== "Distributions" && r !== "Additionals" ? (s(), S(P, {
+              default: ee(() => [
+                (s(!0), a(k, null, I(Object.keys(
+                  e.getSchema(e.property).value[l]
+                ).length, (c, f) => te((s(), a("div", Ft, [
+                  l !== "Distributions" && l !== "Additionals" ? (s(), S(w, {
                     key: 0,
-                    schema: e.getSchema(e.property).value[r][v],
+                    schema: e.getSchema(e.property).value[l][f],
                     library: e.library,
                     "final-values": e.formValues,
                     onHandleNav: () => {
                     }
-                  }, null, 8, ["schema", "library", "final-values"])) : n("", !0)
+                  }, null, 8, ["schema", "library", "final-values"])) : p("", !0)
                 ], 512)), [
                   [
-                    O,
+                    ie,
                     Object.values(
-                      e.getSchema(e.property).value[r][v]
-                    )[0] === e.activeSubStep.replace(/_\d+$/, "") || r === "Landing"
+                      e.getSchema(e.property).value[l][f]
+                    )[0] === e.activeSubStep.replace(/_\d+$/, "") || l === "Landing"
                   ]
                 ])), 256)),
-                e.activeStep === "Landing" ? (s(), o("div", mt, [
+                e.activeStep === "Landing" ? (s(), a("div", zt, [
                   h(m, {
                     "button-text": "Abbrechen",
                     size: "large",
                     variant: "tertiary",
-                    onClick: t[1] || (t[1] = (l) => e.activeSimpleModal = !0)
+                    onClick: t[3] || (t[3] = (c) => {
+                      e.activeSimpleModal = !0, console.log(e.activeSimpleModal);
+                    })
                   }),
                   h(m, {
                     "button-text": "Datenbereitstellung starten",
                     size: "large",
-                    onClick: t[2] || (t[2] = (l) => e.navTrigger("next"))
+                    onClick: t[4] || (t[4] = (c) => e.navTrigger("next"))
                   })
-                ])) : n("", !0),
-                e.activeStep === "ReviewAndPublish" ? (s(), o("div", ft, [
-                  a("div", gt, [
+                ])) : p("", !0),
+                e.activeStep === "ReviewAndPublish" ? (s(), a("div", Mt, [
+                  i("div", Ot, [
                     h(m, {
                       "button-text": "Als Entwurf speichern",
                       size: "large",
                       variant: "secondary",
-                      onClick: t[3] || (t[3] = (l) => e.navTrigger("draft"))
+                      onClick: t[5] || (t[5] = (c) => e.navTrigger("draft"))
                     }),
                     h(m, {
                       "button-text": "Veröffentlichen",
                       size: "large",
-                      onClick: t[4] || (t[4] = (l) => e.formValues[e.activeStep][e.activeSubStep][0].isValid === !0 ? e.navTrigger("publish") : e.formValues[e.activeStep][e.activeSubStep][0].isValid = !1)
+                      onClick: t[6] || (t[6] = (c) => e.formValues[e.activeStep][e.activeSubStep][0].isValid === !0 ? e.navTrigger("publish") : e.formValues[e.activeStep][e.activeSubStep][0].isValid = !1)
                     })
                   ])
-                ])) : n("", !0),
-                e.activeStep !== "Landing" && e.activeStep !== "ReviewAndPublish" ? (s(), o("div", {
+                ])) : p("", !0),
+                e.activeStep !== "Landing" && e.activeStep !== "ReviewAndPublish" ? (s(), a("div", {
                   key: 2,
-                  class: C(["dpiV3_CTA", {
-                    dpiV3_activeInfobox: e.activeSubStep.includes("hvdPage")
+                  class: _(["dpiV3_CTA", {
+                    dpiV3_activeInfobox: ["hvdPage", "visibilityPage", "dcatde:politicalGeocodingURI"].includes(e.activeSubStep)
                   }])
                 }, [
                   h(m, {
                     "button-text": "Abbrechen",
                     size: "large",
                     variant: "tertiary",
-                    onClick: e.cancelWizard
-                  }, null, 8, ["onClick"]),
-                  a("div", vt, [
+                    onClick: t[7] || (t[7] = (c) => e.activeSimpleModal = !0)
+                  }),
+                  i("div", jt, [
                     e.activeStep !== "Landing" ? (s(), S(m, {
                       key: 0,
                       "icon-start": "CaretLeft",
                       "button-text": "Zurück",
                       size: "large",
                       variant: "secondary",
-                      onClick: t[5] || (t[5] = (l) => e.navTrigger("prev"))
-                    })) : n("", !0),
+                      onClick: t[8] || (t[8] = (c) => e.navTrigger("prev"))
+                    })) : p("", !0),
                     h(m, {
                       "icon-end": "CaretRight",
                       "button-text": "Weiter",
                       size: "large",
-                      onClick: t[6] || (t[6] = (l) => e.formValues[e.activeStep][e.activeSubStep][0].isValid === !0 ? e.navTrigger("next") : (e.formValues[e.activeStep][e.activeSubStep][0].isValid = !1, e.handleDistributionsValidation(e.activeSubStep)))
+                      onClick: t[9] || (t[9] = (c) => e.validateStep())
                     })
                   ])
-                ], 2)) : n("", !0),
-                e.activeSubStep.includes("hvdPage") ? (s(), o("div", bt, [
-                  a("div", St, [
-                    a("div", yt, [
-                      h(w, {
+                ], 2)) : p("", !0),
+                e.activeSubStep.includes("hvdPage") ? (s(), a("div", Ht, [
+                  i("div", Wt, [
+                    i("div", Gt, [
+                      h(V, {
                         size: 32,
                         color: "#009fe3"
                       }),
-                      a("div", Ct, u(e.$t("message.dataupload.datasets.hvdPage.tips-hvd")), 1)
+                      i("div", qt, d(e.$t("message.dataupload.datasets.hvdPage.tips-hvd")), 1)
                     ]),
-                    a("div", kt, [
-                      a("div", Vt, u(e.$t("message.dataupload.datasets.hvdPage.tips-text")), 1),
-                      a("div", _t, [
-                        a("div", Dt, " 1. " + u(e.$t(
+                    i("div", Kt, [
+                      i("div", Zt, d(e.$t("message.dataupload.datasets.hvdPage.tips-text")), 1),
+                      i("div", Xt, [
+                        i("div", Nt, " 1. " + d(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-1"
                         )), 1),
-                        a("ul", It, [
-                          a("li", null, u(e.$t(
+                        i("ul", Yt, [
+                          i("li", null, d(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-1"
                           )), 1),
-                          a("li", null, u(e.$t(
+                          i("li", null, d(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-2"
                           )), 1),
-                          a("li", null, u(e.$t(
+                          i("li", null, d(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-3"
                           )), 1),
-                          a("li", null, u(e.$t(
+                          i("li", null, d(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-4"
                           )), 1),
-                          a("li", null, u(e.$t(
+                          i("li", null, d(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-5"
                           )), 1),
-                          a("li", null, u(e.$t(
+                          i("li", null, d(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-6"
                           )), 1)
                         ])
                       ]),
-                      a("div", Tt, [
-                        a("div", Lt, " 2. " + u(e.$t(
+                      i("div", Jt, [
+                        i("div", Qt, " 2. " + d(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-2"
                         )), 1),
-                        a("p", Pt, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-2")), 1)
+                        i("p", xt, d(e.$t("message.dataupload.datasets.hvdPage.tips-example-2")), 1)
                       ]),
-                      a("div", wt, [
-                        a("div", At, " 3. " + u(e.$t(
+                      i("div", ei, [
+                        i("div", ti, " 3. " + d(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-3"
                         )), 1),
-                        a("p", $t, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-3")), 1)
+                        i("p", ii, d(e.$t("message.dataupload.datasets.hvdPage.tips-example-3")), 1)
                       ]),
-                      a("div", Rt, [
-                        a("div", Et, " 4. " + u(e.$t(
+                      i("div", si, [
+                        i("div", ai, " 4. " + d(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-4"
                         )), 1),
-                        a("p", Bt, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-4")), 1)
+                        i("p", oi, d(e.$t("message.dataupload.datasets.hvdPage.tips-example-4")), 1)
                       ])
                     ])
                   ])
-                ])) : n("", !0),
-                r === "Distributions" ? (s(), S(A, {
-                  key: 4,
+                ])) : p("", !0),
+                e.activeSubStep.includes("visibilityPage") ? (s(), a("div", ri, [
+                  i("div", ni, [
+                    i("div", li, [
+                      h(V, {
+                        size: 32,
+                        color: "#009fe3"
+                      }),
+                      i("div", di, d(e.$t("message.dataupload.datasets.visibilityPage.info-title")), 1)
+                    ]),
+                    i("div", ci, [
+                      i("p", pi, [
+                        i("span", ui, d(e.$t("message.dataupload.datasets.visibilityPage.metadata-label")), 1),
+                        C(" " + d(e.$t("message.dataupload.datasets.visibilityPage.metadata-explanation")), 1)
+                      ]),
+                      i("p", hi, [
+                        C(d(e.$t("message.dataupload.datasets.visibilityPage.distribution-explanation-prefix")) + " ", 1),
+                        i("span", mi, d(e.$t("message.dataupload.datasets.visibilityPage.distribution-label")), 1),
+                        C(" " + d(e.$t("message.dataupload.datasets.visibilityPage.distribution-explanation-suffix")), 1)
+                      ])
+                    ])
+                  ])
+                ])) : p("", !0),
+                e.activeSubStep.includes("dcatde:politicalGeocodingURI") ? (s(), a("div", gi, [
+                  i("div", vi, [
+                    i("div", fi, [
+                      h(V, {
+                        size: 32,
+                        color: "#009fe3"
+                      }),
+                      i("div", bi, d(e.$t("message.dataupload.datasets.visibilityPage.info-title")), 1)
+                    ]),
+                    t[16] || (t[16] = i("div", { class: "dpiV3_CT-Content" }, [
+                      i("p", { class: "dpiV3_copy_large_regular cleanPaddingMargins" }, " Je nachdem, wie sich der räumliche Bezug Ihres Datensatzes gestaltet, stehen Ihnen zwei Möglichkeiten zur Auswahl: "),
+                      i("ul", { class: "dpiV3_copy_large_regular cleanPaddingMargins" }, [
+                        i("li", null, [
+                          i("strong", null, "Administrativer Bezug:"),
+                          C(" Wenn sich Ihr Datensatz auf eine bestimmte administrative bzw. politische Einheit bezieht, wählen Sie die entsprechende Gebietseinheit aus den angebotenen Vokabularlisten aus. ")
+                        ]),
+                        i("li", null, [
+                          i("strong", null, "Geodatensatz:"),
+                          C(" Falls Ihr Datensatz auf einem konkreten geografischen Gebiet basiert, tragen Sie bitte die entsprechende URI ein, die Sie über den Dienst https://sws.geonames.org/ generieren können. ")
+                        ])
+                      ])
+                    ], -1))
+                  ])
+                ])) : p("", !0),
+                l === "Distributions" ? (s(), S(R, {
+                  key: 6,
                   schema: e.getSchema("distributions"),
                   values: e.formValues
-                }, null, 8, ["schema", "values"])) : n("", !0),
-                r === "Mandatory" ? (s(), o("p", Ut, [
-                  t[13] || (t[13] = a("b", null, "*", -1)),
-                  z(" " + u(e.$t("message.dataupload.info.mandatory")), 1)
-                ])) : n("", !0)
+                }, null, 8, ["schema", "values"])) : p("", !0),
+                l === "Mandatory" ? (s(), a("p", Si, [
+                  t[17] || (t[17] = i("b", null, "*", -1)),
+                  C(" " + d(e.$t("message.dataupload.info.mandatory")), 1)
+                ])) : p("", !0)
               ]),
               _: 2
             }, 1032, ["name"]))), 128))
           ]),
           _: 1
         }, 8, ["modelValue", "plugins"]),
-        e.activeSimpleModal ? (s(), S(E, {
+        e.activeSimpleModal ? (s(), S(B, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
           text: e.modalSimpleConf.text,
           action: e.modalSimpleConf.action,
-          onClose: t[9] || (t[9] = (r) => e.activeSimpleModal = !1),
-          onActionHandling: t[10] || (t[10] = (r) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : n("", !0)
+          onClose: t[12] || (t[12] = (l) => e.activeSimpleModal = !1),
+          onActionHandling: t[13] || (t[13] = (l) => e.gotToHome())
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : p("", !0)
       ])
-    ], 512)) : n("", !0)
+    ], 512)) : p("", !0)
   ]);
 }
-const Ii = /* @__PURE__ */ Te(Ae, [["render", Ft]]);
+const hs = /* @__PURE__ */ Je(tt, [["render", yi]]);
 export {
-  Ii as default
+  hs as default
 };