@piveau/dpi 0.1.0-beta.7 → 0.1.0-beta.8

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

@@ -4,40 +4,41 @@ import { PhNumberCircleFive as Z, PhCheckCircle as G, PhLightbulb as X } from "@
 import { useWindowScroll as Y } from "@vueuse/core";
 import J from "jquery";
 import { has as _, isNil as F } from "lodash-es";
-import { defineComponent as N, resolveComponent as f, createElementBlock as o, openBlock as a, createCommentVNode as d, createElementVNode as s, createVNode as h, createBlock as b, toDisplayString as u, withModifiers as Q, withCtx as U, Fragment as V, renderList as k, withDirectives as O, normalizeClass as C, vShow as z, createTextVNode as M, ref as j, markRaw as x, computed as ee, getCurrentInstance as te } from "vue";
-import { useI18n as ie } from "vue-i18n";
+import { defineComponent as N, resolveComponent as g, 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 V, renderList as k, withDirectives as O, normalizeClass as C, toDisplayString as u, vShow as z, createTextVNode as M, ref as j, markRaw as x, getCurrentInstance as ee } from "vue";
+import { useI18n as te } from "vue-i18n";
 import { mapActions as H, mapGetters as W } from "vuex";
-import se from "../components/InputPageStep.vue.js";
-import ae from "../components/Navigation.vue.js";
-import { useFormValues as oe } from "../composables/useDpiFormValues.js";
-import { useDpiStepper as re } from "../composables/useDpiStepper.js";
+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 q from "../config/dcatapdeHappyFlow/converter.js";
-import le from "../HappyFlowComponents/img/Circle.svg.js";
-import de from "../HappyFlowComponents/img/CircleFill.svg.js";
-import ne from "../HappyFlowComponents/img/Selected1.svg.js";
-import ce 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 he from "../HappyFlowComponents/img/Selected3.svg.js";
-import me from "../HappyFlowComponents/img/Selected3_2.svg.js";
-import ge from "../HappyFlowComponents/img/Selected4.svg.js";
-import fe from "../HappyFlowComponents/img/Selected4_2.svg.js";
-import ve from "../HappyFlowComponents/img/Selected5.svg.js";
-import be from "../HappyFlowComponents/img/Selected5_2.svg.js";
-import { eventBus as Se } from "../HappyFlowComponents/services/eventBus.js";
-import ye from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import Ce from "../HappyFlowComponents/ui/Illustration.vue.js";
-import Ve from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import ke from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import De from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
-import Ie from "./DistributionInputPage.vue.js";
-import _e from "./OverviewPage.vue.js";
-import Te from "./PropertyChooser.vue.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 ge from "../HappyFlowComponents/img/Selected4_2.svg.js";
+import fe 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 Ve from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import ke from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import De from "./DistributionInputPage.vue.js";
+import Ie from "./OverviewPage.vue.js";
+import _e from "./PropertyChooser.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css               */
-import Le from "../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Pe } from "../composables/useDpiContext.js";
+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({
   props: {
@@ -52,16 +53,16 @@ const Ae = N({
   },
   data() {
     return {
-      circles: [le, de],
-      images: [ne, pe, he, ge, ve],
+      circles: [re, le],
+      images: [de, ce, ue, me, fe],
       selectedImages: [
-        ce,
-        ue,
-        me,
-        fe,
-        be
+        ne,
+        pe,
+        he,
+        ge,
+        ve
       ],
-      instance: te(),
+      instance: ee(),
       heightActiveSec: "10vh",
       // formValues: {},
       offsetTopStepper: "60px",
@@ -83,18 +84,18 @@ const Ae = N({
     };
   },
   components: {
-    InputPageStep: se,
-    DistributionInputPage: Ie,
-    PropertyChooser: Te,
-    Navigation: ae,
-    LogoV3: Ve,
-    ButtonV3: ye,
-    TextButtonSmall: De,
-    Illustration: Ce,
+    InputPageStep: ie,
+    DistributionInputPage: De,
+    PropertyChooser: _e,
+    Navigation: se,
+    LogoV3: Ce,
+    ButtonV3: Se,
+    TextButtonSmall: ke,
+    Illustration: ye,
     PhLightbulb: X,
     PhCheckCircle: G,
     PhNumberCircleFive: Z,
-    ModalSimpleV3: ke
+    ModalSimpleV3: Ve
   },
   computed: {
     ...W("auth", [
@@ -548,7 +549,7 @@ const Ae = N({
       return e === this.substepCounter ? this.circles[1] : this.circles[0];
     },
     handleDistributionsValidation(e) {
-      Se.emit("nextClicked", e);
+      be.emit("nextClicked", e);
     },
     gotToHome() {
       window.location.href = this.$router.resolve({
@@ -558,13 +559,13 @@ const Ae = N({
     navTrigger(e, t) {
       try {
         let i = [];
-        if (Object.keys(this.steps).forEach((n, c) => {
-          let S = {
-            step: n,
-            substeps: this.subSteps[c],
-            substepCount: Object.keys(this.subSteps[c]).length
+        if (Object.keys(this.steps).forEach((d, p) => {
+          let b = {
+            step: d,
+            substeps: this.subSteps[p],
+            substepCount: Object.keys(this.subSteps[p]).length
           };
-          i.push(S);
+          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
         )[0], this.substepCounter = 0) : (this.substepCounter++, this.activeSubStep = Object.keys(
@@ -578,21 +579,21 @@ const Ae = N({
         )[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 n = "auth/createDataset";
+          let d = "auth/createDataset";
           q(
             this.formValues,
             this.dpiContext,
             this.getUserData,
             this.$env.api.hubUrl
-          ).then((c) => {
+          ).then((p) => {
             this.dispatchDataToDPI(
-              c.body,
-              n,
-              c.actionParams,
+              p.body,
+              d,
+              p.actionParams,
               "publish"
             );
-          }).catch((c) => {
-            console.error("Fehler beim Senden der Daten:", c);
+          }).catch((p) => {
+            console.error("Fehler beim Senden der Daten:", p);
           }), setTimeout(() => {
             window.location.href = this.$router.resolve({
               name: "DPI-Home-HappyFlow"
@@ -600,21 +601,21 @@ const Ae = N({
           }, 1e3);
         }
         if (e === "draft") {
-          let n = "auth/createUserDraft";
+          let d = "auth/createUserDraft";
           q(
             this.formValues,
             this.dpiContext,
             this.getUserData,
             this.$env.api.hubUrl
-          ).then((c) => {
+          ).then((p) => {
             this.dispatchDataToDPI(
-              c.body,
-              n,
-              c.actionParams,
+              p.body,
+              d,
+              p.actionParams,
               "draft"
             );
-          }).catch((c) => {
-            console.error("Fehler beim Senden der Daten:", c);
+          }).catch((p) => {
+            console.error("Fehler beim Senden der Daten:", p);
           }), setTimeout(() => {
             window.location.href = this.$router.resolve({
               name: "DPI-Home-HappyFlow"
@@ -625,13 +626,13 @@ const Ae = N({
         console.log(i);
       }
     },
-    async dispatchDataToDPI(e, t, i, n) {
-      var c, S;
-      console.log("body:", e, t, "params:", i, n);
+    async dispatchDataToDPI(e, t, i, d) {
+      var p, b;
+      console.log("body:", e, t, "params:", i, d);
       try {
-        n === "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)), n === "draft" && await this.$store.dispatch(t, i), (c = this.$Progress) == null || c.finish(), this.clearAll();
+        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), (S = this.$Progress) == null || S.fail();
+        console.error(y), (b = this.$Progress) == null || b.fail();
       }
     },
     dropdownCLick() {
@@ -651,7 +652,7 @@ const Ae = N({
     initInputPage() {
       this.activeSubStep = this.activeSubStep || "Landing";
       const e = this.getSchema(this.property).value, t = Object.keys(e).find(
-        (i) => e[i].map((n) => n.name).includes("dct:issued") || e[i].map((n) => n.name).includes("dct:modified")
+        (i) => e[i].map((d) => d.name).includes("dct:issued") || e[i].map((d) => d.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"] = "");
@@ -659,11 +660,11 @@ const Ae = N({
         J('[data-toggle="tooltip"]').tooltip({
           container: "body"
         }), setTimeout(() => {
-          document.querySelectorAll(".formkitProperty h4").forEach((n, c) => {
-            n.parentElement.parentElement.classList.contains(
+          document.querySelectorAll(".formkitProperty h4").forEach((d, p) => {
+            d.parentElement.parentElement.classList.contains(
               "formkitWrapRepeatable"
-            ) || (c != 0 && c != 1 && c != 2 && c != 3 && n.nextElementSibling.classList.toggle("d-none"), n.addEventListener("click", () => {
-              n.classList.toggle("dpiChevUp"), n.nextElementSibling.classList.toggle("d-none");
+            ) || (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");
             }));
           }), document.querySelectorAll(".formkitProperty");
         });
@@ -714,52 +715,49 @@ const Ae = N({
     }
   },
   beforeRouteEnter(e, t, i) {
-    i((n) => {
-      t.name && !t.name.startsWith("DataProviderInterface") && n.clearAll();
+    i((d) => {
+      t.name && !t.name.startsWith("DataProviderInterface") && d.clearAll();
     });
   },
   setup() {
-    const e = Pe(), {
-      steps: t,
-      activeStep: i,
-      subSteps: n,
-      visitedSteps: c,
-      previousStep: S,
-      nextStep: y,
-      stepPlugin: g,
-      goToNextStep: D,
-      goToPreviousStep: T
-    } = re(), { formValues: I } = oe(), { t: L, te: P } = ie(), w = j(!1), { translateSchema: A, createSchema: $, getSchema: R } = we({
-      t: L,
-      te: P
-    }), E = () => {
-      let { x: m, y: K } = Y({ behavior: "smooth" });
+    const e = Le(), { isEditMode: t } = Pe(), {
+      steps: i,
+      activeStep: d,
+      subSteps: p,
+      visitedSteps: b,
+      previousStep: y,
+      nextStep: m,
+      stepPlugin: D,
+      goToNextStep: T,
+      goToPreviousStep: I
+    } = oe(), { formValues: L } = ae(), { t: P, te: w } = te(), A = j(!1), { translateSchema: $, createSchema: R, getSchema: E } = we({
+      t: P,
+      te: w
+    }), r = () => {
+      let { x: f, y: K } = Y({ behavior: "smooth" });
       K.value = 0;
-    }, r = (m) => (t[m].errorCount > 0 || t[m].blockingCount > 0) && c.value.includes(m), p = x({ OverviewPage: _e }), l = ee(() => {
-      var m;
-      return !!((m = e.value.edit) != null && m.enabled);
-    }), v = j("");
-    return l.value && (i.value = "ReviewAndPublish", v.value = "reviewAndPublishPage"), {
-      steps: t,
-      visitedSteps: c,
-      activeStep: i,
+    }, c = (f) => (i[f].errorCount > 0 || i[f].blockingCount > 0) && b.value.includes(f), l = x({ OverviewPage: Ie }), v = j("");
+    return t.value && (d.value = "ReviewAndPublish", v.value = "reviewAndPublishPage"), {
+      steps: i,
+      visitedSteps: b,
+      activeStep: d,
       activeSubStep: v,
-      subSteps: n,
-      previousStep: S,
-      nextStep: y,
-      stepPlugin: g,
-      checkStepValidity: r,
-      goToNextStep: D,
-      goToPreviousStep: T,
-      scrollToTop: E,
-      library: p,
-      isEditMode: l,
-      translateSchema: A,
-      createSchema: $,
-      getSchema: R,
+      subSteps: p,
+      previousStep: y,
+      nextStep: m,
+      stepPlugin: D,
+      checkStepValidity: c,
+      goToNextStep: T,
+      goToPreviousStep: I,
+      scrollToTop: r,
+      library: l,
+      isEditMode: t,
+      translateSchema: $,
+      createSchema: R,
+      getSchema: E,
       dpiContext: e,
-      formValues: I,
-      activeSimpleModal: w
+      formValues: L,
+      activeSimpleModal: A
     };
   }
 }), $e = { class: "form-container V3-typography" }, Re = {
@@ -812,12 +810,11 @@ const Ae = N({
   key: 5,
   class: "p-1"
 };
-function Ut(e, t, i, n, c, S) {
-  const y = f("TextButtonSmall"), g = f("ButtonV3"), D = f("LogoV3"), T = f("PhNumberCircleFive"), I = f("PhCheckCircle"), L = f("Illustration"), P = f("FormKitSchema"), w = f("PhLightbulb"), A = f("DistributionInputPage"), $ = f("InputPageStep"), R = f("FormKit"), E = f("ModalSimpleV3");
-  return a(), o("div", $e, [
-    e.isInput ? (a(), o("div", Re, [
-      s("div", Ee, [
-        s("details", null, u(e.formValues), 1),
+function Ut(e, t, i, d, p, b) {
+  const y = g("TextButtonSmall"), m = g("ButtonV3"), D = g("LogoV3"), T = g("PhNumberCircleFive"), I = g("PhCheckCircle"), L = g("Illustration"), P = g("FormKitSchema"), w = g("PhLightbulb"), A = g("DistributionInputPage"), $ = g("InputPageStep"), R = g("FormKit"), E = g("ModalSimpleV3");
+  return s(), o("div", $e, [
+    e.isInput ? (s(), o("div", Re, [
+      a("div", Ee, [
         h(R, {
           id: "dpiForm",
           modelValue: e.formValues,
@@ -842,30 +839,30 @@ function Ut(e, t, i, n, c, S) {
           }, ["prevent"]))
         }, {
           default: U(() => [
-            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (a(), o("div", Be, [
-              s("div", Fe, [
+            e.dpiContext.edit.fromDraft || e.dpiContext.edit.enabled ? (s(), o("div", Be, [
+              a("div", Fe, [
                 h(y, {
                   "button-text": "Übersicht",
                   "icon-start": "CaretLeft",
                   "icon-name": "caretLeft",
                   onClick: e.gotToHome
                 }, null, 8, ["onClick"]),
-                s("div", null, [
-                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (a(), o("div", Ue, [
-                    h(g, {
+                a("div", null, [
+                  e.dpiContext.edit.enabled && !e.dpiContext.edit.fromDraft ? (s(), o("div", Ue, [
+                    h(m, {
                       "button-text": "Veröffentlichung aufheben",
                       size: "large",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"]),
-                    h(g, {
+                    h(m, {
                       "button-text": "Veröffentlicht ansehen",
                       variant: "secondary",
                       size: "large",
                       "icon-end": "Out",
                       onClick: e.todoHandler
                     }, null, 8, ["onClick"])
-                  ])) : (a(), o("div", Oe, [
-                    h(g, {
+                  ])) : (s(), o("div", Oe, [
+                    h(m, {
                       "button-text": "Veröffentlichen",
                       size: "large",
                       onClick: t[0] || (t[0] = (r) => e.navTrigger("publish"))
@@ -873,160 +870,160 @@ function Ut(e, t, i, n, c, S) {
                   ]))
                 ])
               ])
-            ])) : (a(), o("div", ze, [
-              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (a(), o("div", Me, [
+            ])) : (s(), o("div", ze, [
+              e.$env.content.dataProviderInterface.specification === "dcatapdeHappyFlow" && e.activeStep !== "Landing" ? (s(), o("div", Me, [
                 h(D),
-                s("ul", je, [
-                  (a(!0), o(V, null, k(e.steps, (r, p, l) => O((a(), o("li", {
+                a("ul", je, [
+                  (s(!0), o(V, null, k(e.steps, (r, c, l) => O((s(), o("li", {
                     key: r,
                     class: C(["dpiV3_step", {
-                      dpiV3_activeItem: e.activeStep === p,
-                      inactiveStep: p != e.activeStep,
-                      "has-errors": e.checkStepValidity(p)
+                      dpiV3_activeItem: e.activeStep === c,
+                      inactiveStep: c != e.activeStep,
+                      "has-errors": e.checkStepValidity(c)
                     }]),
-                    "data-step-active": e.activeStep === p,
+                    "data-step-active": e.activeStep === c,
                     "data-step-valid": r.valid && r.errorCount === 0
                   }, [
-                    s("div", We, [
-                      s("div", {
+                    a("div", We, [
+                      a("div", {
                         class: C({
-                          dpiV3_activeStepName: p === e.activeStep,
+                          dpiV3_activeStepName: c === e.activeStep,
                           formerlyVisitedStep: e.stepCounter > l,
                           "copy-small-regular": e.stepCounter > l
                         })
                       }, [
-                        e.activeStep === p && l < 5 ? (a(), o("img", {
+                        e.activeStep === c && l < 5 ? (s(), o("img", {
                           key: 0,
                           class: "dpiV3_circle dpiV3_stepCircle",
                           src: e.selectedImages[l - 1],
                           alt: "Selected Icon"
-                        }, null, 8, qe)) : d("", !0),
-                        e.activeStep === p && l === 5 ? (a(), b(T, {
+                        }, null, 8, qe)) : n("", !0),
+                        e.activeStep === c && l === 5 ? (s(), S(T, {
                           key: 1,
                           size: 28,
                           color: "#009FE3",
                           weight: "fill"
-                        })) : d("", !0),
-                        l < e.stepCounter ? (a(), b(I, {
+                        })) : n("", !0),
+                        l < e.stepCounter ? (s(), S(I, {
                           key: 2,
                           size: 28,
                           color: "#70CC44",
                           weight: "fill"
-                        })) : d("", !0),
-                        l > e.stepCounter ? (a(), o("img", {
+                        })) : n("", !0),
+                        l > e.stepCounter ? (s(), o("img", {
                           key: 3,
                           class: "dpiV3_circle dpiV3_stepCircle",
                           src: e.images[l - 1],
                           alt: "Selected Icon"
-                        }, null, 8, Ke)) : d("", !0),
-                        e.checkStepValidity(p) ? (a(), o("span", {
+                        }, null, 8, Ke)) : n("", !0),
+                        e.checkStepValidity(c) ? (s(), o("span", {
                           key: 4,
                           class: "dpiV3_step--errors",
                           textContent: u(r.errorCount + r.blockingCount)
-                        }, null, 8, Ze)) : d("", !0),
-                        s("span", Ge, u(e.$t(`message.dataupload.steps.${p}Step`)), 1)
+                        }, null, 8, Ze)) : n("", !0),
+                        a("span", Ge, u(e.$t(`message.dataupload.steps.${c}Step`)), 1)
                       ], 2),
-                      s("div", Xe, [
-                        l + 1 != Object.keys(e.steps).length - 1 && l >= e.stepCounter ? (a(), o("div", Ye)) : d("", !0),
-                        l + 1 != Object.keys(e.steps).length - 1 && l < e.stepCounter ? (a(), o("div", Je)) : d("", !0),
-                        e.activeStep === p ? (a(), o("div", Ne, [
-                          e.stepCounter < 5 ? (a(!0), o(V, { key: 0 }, k(Object.keys(
+                      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(V, { key: 0 }, k(Object.keys(
                             e.subSteps[l]
-                          ), (v, m) => (a(), o("div", Qe, [
-                            s("div", xe, [
-                              e.substepCounter > m ? (a(), b(I, {
+                          ), (v, f) => (s(), o("div", Qe, [
+                            a("div", xe, [
+                              e.substepCounter > f ? (s(), S(I, {
                                 key: 0,
                                 size: 20,
                                 color: "#009FE3"
-                              })) : (a(), o("img", {
+                              })) : (s(), o("img", {
                                 key: 1,
-                                src: e.getCircles(m),
+                                src: e.getCircles(f),
                                 alt: "circle"
                               }, null, 8, et)),
-                              m != Object.keys(e.subSteps[l]).length - 1 ? (a(), o("div", {
+                              f != Object.keys(e.subSteps[l]).length - 1 ? (s(), o("div", {
                                 key: 2,
                                 class: C(["dpiV3_seperatorHorizontalStepperInner", {
-                                  dpiV3_seperatorHorizontalStepperInnerVisited: e.substepCounter > m
+                                  dpiV3_seperatorHorizontalStepperInnerVisited: e.substepCounter > f
                                 }])
-                              }, null, 2)) : d("", !0)
+                              }, null, 2)) : n("", !0)
                             ]),
-                            s("div", tt, [
-                              s("span", {
+                            a("div", tt, [
+                              a("span", {
                                 class: C(["large-regular dpiV3_substepText", {
                                   dpiV3_activeStepDesc: v === e.activeSubStep,
-                                  formerlyVisitedStep: e.substepCounter > m
+                                  formerlyVisitedStep: e.substepCounter > f
                                 }])
                               }, u(e.$t(
                                 `message.dataupload.steps.${v.replace(/_\d+$/, "")}`
                               )), 3)
                             ])
-                          ]))), 256)) : d("", !0)
-                        ])) : d("", !0)
+                          ]))), 256)) : n("", !0)
+                        ])) : n("", !0)
                       ])
                     ])
                   ], 10, He)), [
-                    [z, p !== "Landing" && p !== "Additionals"]
+                    [z, c !== "Landing" && c !== "Additionals"]
                   ])), 128)),
-                  e.activeStep === "Overview" ? (a(), o("li", it, t[13] || (t[13] = [
-                    s("div", { class: "dpiV3_circle dpiV3_stepCircle" }, null, -1)
-                  ]))) : d("", !0)
+                  e.activeStep === "Overview" ? (s(), o("li", it, t[13] || (t[13] = [
+                    a("div", { class: "dpiV3_circle dpiV3_stepCircle" }, null, -1)
+                  ]))) : n("", !0)
                 ])
-              ])) : (a(), o("div", st, [
-                s("div", at, [
+              ])) : (s(), o("div", st, [
+                a("div", at, [
                   h(D)
                 ]),
-                s("div", ot, [
+                a("div", ot, [
                   h(L, { "illustration-name": "start" })
                 ])
               ]))
             ])),
-            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (a(), o("ul", rt, [
-              (a(!0), o(V, null, k(e.steps, (r, p, l) => (a(), o("li", {
+            e.$env.content.dataProviderInterface.specification != "dcatapdeHappyFlow" ? (s(), o("ul", rt, [
+              (s(!0), o(V, null, k(e.steps, (r, c, l) => (s(), o("li", {
                 key: r,
                 class: C(["step", {
-                  activeItem: e.activeStep === p,
-                  inactiveStep: p != e.activeStep,
-                  "has-errors": e.checkStepValidity(p)
+                  activeItem: e.activeStep === c,
+                  inactiveStep: c != e.activeStep,
+                  "has-errors": e.checkStepValidity(c)
                 }]),
-                "data-step-active": e.activeStep === p,
+                "data-step-active": e.activeStep === c,
                 "data-step-valid": r.valid && r.errorCount === 0,
                 onClick: (v) => {
-                  e.activeStep = p, e.update(), e.scrollToTop();
+                  e.activeStep = c, e.update(), e.scrollToTop();
                 }
               }, [
-                s("div", dt, [
-                  s("div", nt, u(l + 1), 1),
-                  e.checkStepValidity(p) ? (a(), o("span", {
+                a("div", dt, [
+                  a("div", nt, u(l + 1), 1),
+                  e.checkStepValidity(c) ? (s(), o("span", {
                     key: 0,
                     class: "step--errors",
                     textContent: u(r.errorCount + r.blockingCount)
-                  }, null, 8, ct)) : d("", !0),
-                  M(u(e.$t(`message.dataupload.steps.${p}Step`)), 1)
+                  }, null, 8, ct)) : n("", !0),
+                  M(u(e.$t(`message.dataupload.steps.${c}Step`)), 1)
                 ]),
-                l != Object.keys(e.steps).length ? (a(), o("div", pt)) : d("", !0)
+                l != Object.keys(e.steps).length ? (s(), o("div", pt)) : n("", !0)
               ], 10, lt))), 128)),
-              e.activeStep === "Overview" ? (a(), o("li", ut, t[14] || (t[14] = [
-                s("div", { class: "circle stepCircle" }, null, -1)
-              ]))) : d("", !0)
-            ])) : d("", !0),
-            (a(!0), o(V, null, k(e.getNavSteps(
+              e.activeStep === "Overview" ? (s(), o("li", ut, t[14] || (t[14] = [
+                a("div", { class: "circle stepCircle" }, null, -1)
+              ]))) : n("", !0)
+            ])) : n("", !0),
+            (s(!0), o(V, null, k(e.getNavSteps(
               e.$env.content.dataProviderInterface.specification
-            )[e.property], (r, p) => (a(), b($, {
-              key: p,
+            )[e.property], (r, c) => (s(), S($, {
+              key: c,
               name: r
             }, {
               default: U(() => [
-                (a(!0), o(V, null, k(Object.keys(
+                (s(!0), o(V, null, k(Object.keys(
                   e.getSchema(e.property).value[r]
-                ).length, (l, v) => O((a(), o("div", ht, [
-                  r !== "Distributions" && r !== "Additionals" ? (a(), b(P, {
+                ).length, (l, v) => O((s(), o("div", ht, [
+                  r !== "Distributions" && r !== "Additionals" ? (s(), S(P, {
                     key: 0,
                     schema: e.getSchema(e.property).value[r][v],
                     library: e.library,
                     "final-values": e.formValues,
                     onHandleNav: () => {
                     }
-                  }, null, 8, ["schema", "library", "final-values"])) : d("", !0)
+                  }, null, 8, ["schema", "library", "final-values"])) : n("", !0)
                 ], 512)), [
                   [
                     z,
@@ -1035,136 +1032,136 @@ function Ut(e, t, i, n, c, S) {
                     )[0] === e.activeSubStep.replace(/_\d+$/, "") || r === "Landing"
                   ]
                 ])), 256)),
-                e.activeStep === "Landing" ? (a(), o("div", mt, [
-                  h(g, {
+                e.activeStep === "Landing" ? (s(), o("div", mt, [
+                  h(m, {
                     "button-text": "Abbrechen",
                     size: "large",
                     variant: "tertiary",
                     onClick: t[1] || (t[1] = (l) => e.activeSimpleModal = !0)
                   }),
-                  h(g, {
+                  h(m, {
                     "button-text": "Datenbereitstellung starten",
                     size: "large",
                     onClick: t[2] || (t[2] = (l) => e.navTrigger("next"))
                   })
-                ])) : d("", !0),
-                e.activeStep === "ReviewAndPublish" ? (a(), o("div", gt, [
-                  s("div", ft, [
-                    h(g, {
+                ])) : n("", !0),
+                e.activeStep === "ReviewAndPublish" ? (s(), o("div", gt, [
+                  a("div", ft, [
+                    h(m, {
                       "button-text": "Als Entwurf speichern",
                       size: "large",
                       variant: "secondary",
                       onClick: t[3] || (t[3] = (l) => e.navTrigger("draft"))
                     }),
-                    h(g, {
+                    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)
                     })
                   ])
-                ])) : d("", !0),
-                e.activeStep !== "Landing" && e.activeStep !== "ReviewAndPublish" ? (a(), o("div", {
+                ])) : n("", !0),
+                e.activeStep !== "Landing" && e.activeStep !== "ReviewAndPublish" ? (s(), o("div", {
                   key: 2,
                   class: C(["dpiV3_CTA", {
                     dpiV3_activeInfobox: e.activeSubStep.includes("hvdPage")
                   }])
                 }, [
-                  h(g, {
+                  h(m, {
                     "button-text": "Abbrechen",
                     size: "large",
                     variant: "tertiary",
                     onClick: e.cancelWizard
                   }, null, 8, ["onClick"]),
-                  s("div", vt, [
-                    e.activeStep !== "Landing" ? (a(), b(g, {
+                  a("div", vt, [
+                    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"))
-                    })) : d("", !0),
-                    h(g, {
+                    })) : n("", !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)))
                     })
                   ])
-                ], 2)) : d("", !0),
-                e.activeSubStep.includes("hvdPage") ? (a(), o("div", bt, [
-                  s("div", St, [
-                    s("div", yt, [
+                ], 2)) : n("", !0),
+                e.activeSubStep.includes("hvdPage") ? (s(), o("div", bt, [
+                  a("div", St, [
+                    a("div", yt, [
                       h(w, {
                         size: 32,
                         color: "#009fe3"
                       }),
-                      s("div", Ct, u(e.$t("message.dataupload.datasets.hvdPage.tips-hvd")), 1)
+                      a("div", Ct, u(e.$t("message.dataupload.datasets.hvdPage.tips-hvd")), 1)
                     ]),
-                    s("div", Vt, [
-                      s("div", kt, u(e.$t("message.dataupload.datasets.hvdPage.tips-text")), 1),
-                      s("div", Dt, [
-                        s("div", It, " 1. " + u(e.$t(
+                    a("div", Vt, [
+                      a("div", kt, u(e.$t("message.dataupload.datasets.hvdPage.tips-text")), 1),
+                      a("div", Dt, [
+                        a("div", It, " 1. " + u(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-1"
                         )), 1),
-                        s("ul", _t, [
-                          s("li", null, u(e.$t(
+                        a("ul", _t, [
+                          a("li", null, u(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-1"
                           )), 1),
-                          s("li", null, u(e.$t(
+                          a("li", null, u(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-2"
                           )), 1),
-                          s("li", null, u(e.$t(
+                          a("li", null, u(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-3"
                           )), 1),
-                          s("li", null, u(e.$t(
+                          a("li", null, u(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-4"
                           )), 1),
-                          s("li", null, u(e.$t(
+                          a("li", null, u(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-5"
                           )), 1),
-                          s("li", null, u(e.$t(
+                          a("li", null, u(e.$t(
                             "message.dataupload.datasets.hvdPage.hvd-category-6"
                           )), 1)
                         ])
                       ]),
-                      s("div", Tt, [
-                        s("div", Lt, " 2. " + u(e.$t(
+                      a("div", Tt, [
+                        a("div", Lt, " 2. " + u(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-2"
                         )), 1),
-                        s("p", Pt, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-2")), 1)
+                        a("p", Pt, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-2")), 1)
                       ]),
-                      s("div", wt, [
-                        s("div", At, " 3. " + u(e.$t(
+                      a("div", wt, [
+                        a("div", At, " 3. " + u(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-3"
                         )), 1),
-                        s("p", $t, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-3")), 1)
+                        a("p", $t, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-3")), 1)
                       ]),
-                      s("div", Rt, [
-                        s("div", Et, " 4. " + u(e.$t(
+                      a("div", Rt, [
+                        a("div", Et, " 4. " + u(e.$t(
                           "message.dataupload.datasets.hvdPage.tips-question-4"
                         )), 1),
-                        s("p", Bt, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-4")), 1)
+                        a("p", Bt, u(e.$t("message.dataupload.datasets.hvdPage.tips-example-4")), 1)
                       ])
                     ])
                   ])
-                ])) : d("", !0),
-                r === "Distributions" ? (a(), b(A, {
+                ])) : n("", !0),
+                r === "Distributions" ? (s(), S(A, {
                   key: 4,
                   schema: e.getSchema("distributions"),
                   values: e.formValues
-                }, null, 8, ["schema", "values"])) : d("", !0),
-                r === "Mandatory" ? (a(), o("p", Ft, [
-                  t[15] || (t[15] = s("b", null, "*", -1)),
+                }, null, 8, ["schema", "values"])) : n("", !0),
+                r === "Mandatory" ? (s(), o("p", Ft, [
+                  t[15] || (t[15] = a("b", null, "*", -1)),
                   M(" " + u(e.$t("message.dataupload.info.mandatory")), 1)
-                ])) : d("", !0)
+                ])) : n("", !0)
               ]),
               _: 2
             }, 1032, ["name"]))), 128))
           ]),
           _: 1
         }, 8, ["modelValue", "plugins"]),
-        e.activeSimpleModal ? (a(), b(E, {
+        e.activeSimpleModal ? (s(), S(E, {
           key: 0,
           buttons: e.modalSimpleConf.button,
           "header-text": e.modalSimpleConf.header,
@@ -1172,12 +1169,12 @@ function Ut(e, t, i, n, c, S) {
           action: e.modalSimpleConf.action,
           onClose: t[11] || (t[11] = (r) => e.activeSimpleModal = !1),
           onActionHandling: t[12] || (t[12] = (r) => e.gotToHome())
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : d("", !0)
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : n("", !0)
       ])
-    ], 512)) : d("", !0)
+    ], 512)) : n("", !0)
   ]);
 }
-const Ii = /* @__PURE__ */ Le(Ae, [["render", Ut]]);
+const _i = /* @__PURE__ */ Te(Ae, [["render", Ut]]);
 export {
-  Ii as default
+  _i as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.8",
   "private": false,
   "sideEffects": [
     "*.css"