@piveau/piveau-hub-ui-modules 4.3.0 → 4.4.0-beta.0

package/dist/data-provider-interface/views/DistributionInputPage.vue.mjs

@@ -1,81 +1,81 @@
-import { ref as p, onMounted as g, nextTick as A, resolveComponent as V, openBlock as u, createElementBlock as r, Fragment as v, createTextVNode as e, createElementVNode as i, createVNode as m, withCtx as w, renderList as F, toDisplayString as h, normalizeClass as S } from "vue";
-import { useStore as x } from "vuex";
-import E from "../components/DistributionStepper.vue.mjs";
-import { cloneDeep as _ } from "lodash-es";
+import { ref as m, onMounted as C, nextTick as A, resolveComponent as V, openBlock as r, createElementBlock as d, Fragment as v, createElementVNode as e, toDisplayString as a, createTextVNode as i, createVNode as h, withCtx as $, renderList as w, normalizeClass as F } from "vue";
+import { useStore as S } from "vuex";
+import j from "../components/DistributionStepper.vue.mjs";
+import { cloneDeep as L } from "lodash-es";
 import "@formkit/core";
-const j = /* @__PURE__ */ i("h1", null, "Distributions", -1), I = /* @__PURE__ */ i("hr", null, null, -1), N = {
+const E = /* @__PURE__ */ e("hr", null, null, -1), I = {
   name: "distribution-stepper-list",
   class: "distributionsListClass"
-}, O = { class: "d-flex m-4 align-items-center justify-content-between" }, $ = { class: "m-0" }, B = ["onClick"], K = ["onClick"], W = {
+}, N = { class: "d-flex m-4 align-items-center justify-content-between" }, O = { class: "m-0" }, B = ["onClick"], K = ["onClick"], q = {
   __name: "DistributionInputPage",
   props: {
     values: Object,
     schema: Object
   },
-  setup(L) {
-    const n = L, c = p([]), d = x(), s = p({
+  setup(f) {
+    const n = f, c = m([]), p = S(), s = m({
       disList: []
     });
-    g(async () => {
+    C(async () => {
       if (await A(), n.values.Distributions.distributionList.length != 0)
         for (let t = 0; t < n.values.Distributions.distributionList.length; t++)
           c.value.push("distribution " + t), s.value.disList.push({ name: "distribution " + t, isActive: !1 });
     });
-    const f = () => {
+    const D = () => {
       s.value.disList.push({ name: "distribution " + s.value.disList.length, isActive: !1 }), b(s.value.disList.length - 1);
     }, b = (t) => {
       s.value.disList.forEach(
-        (a, l) => {
-          t != l && (a.isActive = !1);
+        (l, u) => {
+          t != u && (l.isActive = !1);
         }
       ), s.value.disList[t].isActive = !s.value.disList[t].isActive;
-    }, D = (t) => {
-      const a = _(n.values);
-      a.Distributions.distributionList.splice(t, 1), d.dispatch("dpiStore/saveFormValues", { property: "datasets", values: a }), s.value.disList.splice(t, 1);
+    }, _ = (t) => {
+      const l = L(n.values);
+      l.Distributions.distributionList.splice(t, 1), p.dispatch("dpiStore/saveFormValues", { property: "datasets", values: l }), s.value.disList.splice(t, 1);
     }, y = () => {
-      const t = _(n.values);
-      t.Distributions.distributionList = [], d.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), s.value.disList = [];
+      const t = L(n.values);
+      t.Distributions.distributionList = [], p.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), s.value.disList = [];
     };
-    return (t, a) => {
-      const l = V("FormKit");
-      return u(), r(v, null, [
-        j,
-        e(),
-        I,
-        e(),
-        i("div", N, [
-          m(l, {
+    return (t, l) => {
+      const u = V("FormKit");
+      return r(), d(v, null, [
+        e("h1", null, a(t.$t("message.dataupload.info.distributions")), 1),
+        i(),
+        E,
+        i(),
+        e("div", I, [
+          h(u, {
             type: "list",
             name: "distributionList"
           }, {
-            default: w(() => [
-              (u(!0), r(v, null, F(s.value.disList, (k, o) => (u(), r("section", {
+            default: $(() => [
+              (r(!0), d(v, null, w(s.value.disList, (g, o) => (r(), d("section", {
                 key: o,
                 class: "distributionOuter"
               }, [
-                i("div", O, [
-                  i("h2", $, "Distribution " + h(o + 1), 1),
-                  e(),
-                  i("div", null, [
-                    i("button", {
+                e("div", N, [
+                  e("h2", O, "Distribution " + a(o + 1), 1),
+                  i(),
+                  e("div", null, [
+                    e("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (C) => b(o)
-                    }, "Edit", 8, B),
-                    e(),
-                    i("button", {
+                      onClick: (k) => b(o)
+                    }, a(t.$t("message.datasetDetails.edit")), 9, B),
+                    i(),
+                    e("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (C) => D(o)
-                    }, "Remove", 8, K)
+                      onClick: (k) => _(o)
+                    }, a(t.$t("message.datasetDetails.delete")), 9, K)
                   ])
                 ]),
-                e(),
-                i("div", {
-                  class: S(["disInputWrapper", { "d-none": !s.value.disList[o].isActive }])
+                i(),
+                e("div", {
+                  class: F(["disInputWrapper", { "d-none": !s.value.disList[o].isActive }])
                 }, [
-                  m(E, {
-                    name: k.name,
+                  h(j, {
+                    name: g.name,
                     index: o,
                     schema: n.schema,
                     values: n.values,
@@ -86,24 +86,24 @@ const j = /* @__PURE__ */ i("h1", null, "Distributions", -1), I = /* @__PURE__ *
             ]),
             _: 1
           }),
-          e(),
-          i("button", {
+          i(),
+          e("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: f
-          }, h(t.$t("message.dataupload.newDistribution")), 1),
-          e(),
-          i("button", {
+            onClick: D
+          }, a(t.$t("message.dataupload.info.newDistribution")), 1),
+          i(),
+          e("button", {
             type: "button",
             class: "btn btn-secondary",
             onClick: y
-          }, "Delete all Distributions")
+          }, a(t.$t("message.dataupload.info.deleteDistribution")), 1)
         ])
       ], 64);
     };
   }
 };
 export {
-  W as default
+  q as default
 };
 //# sourceMappingURL=DistributionInputPage.vue.mjs.map

package/dist/data-provider-interface/views/DistributionInputPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DistributionInputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DistributionInputPage.vue"],"sourcesContent":["<template>\n  <h1>Distributions</h1>\n  <hr>\n  <div name=\"distribution-stepper-list\" class=\"distributionsListClass\">\n\n    <FormKit type=\"list\" name=\"distributionList\">\n\n      <section v-for=\"(dist, index) in list.disList\" :key=\"index\" class=\"distributionOuter\">\n        <div class=\"d-flex m-4 align-items-center justify-content-between\">\n          <h2 class=\"m-0\">Distribution {{ index + 1 }}</h2>\n          <div>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"editDis(index)\">Edit</button>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"removeDis(index)\">Remove</button>\n          </div>\n        </div>\n        <div class=\"disInputWrapper\" :class=\"{ 'd-none': !list.disList[index].isActive }\">\n          <DistributionStepper :name=\"dist.name\" :index=\"index\" :schema=\"props.schema\" :values=\"props.values\"\n            :distributionList=\"disIndex\">\n          </DistributionStepper>\n          \n        </div>\n\n      </section>\n    </FormKit>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"addDistribution\">{{ $t('message.dataupload.newDistribution')\n      }}</button>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"deleteAllDistributions\">Delete all Distributions</button>\n\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, nextTick, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport DistributionStepper from '../components/DistributionStepper.vue';\nimport { cloneDeep } from 'lodash';\nimport { useDpiStepper } from '../composables/useDpiStepper';\n\nconst props = defineProps({\n  values: Object,\n  schema: Object,\n})\n\nconst disIndex = ref([])\nconst store = useStore();\n\nconst list = ref({\n  disList: [],\n})\nonMounted(async () => {\n  // Load DOM\n  await nextTick()\n  if (props.values.Distributions.distributionList.length != 0) {\n    for (let index = 0; index < props.values.Distributions.distributionList.length; index++) {\n      disIndex.value.push('distribution ' + index)\n      list.value.disList.push({ 'name': 'distribution ' + index, 'isActive': false })\n    }\n  }\n})\nconst addDistribution = () => {\n  list.value.disList.push({ 'name': 'distribution ' + list.value.disList.length, 'isActive': false })\n  editDis(list.value.disList.length - 1)\n}\nconst editDis = (i) => {\n  list.value.disList.forEach((el, index) => {\n    if (i != index) {\n      el.isActive = false\n    }\n  }\n  )\n  list.value.disList[i].isActive = !list.value.disList[i].isActive\n}\nconst removeDis = (i) => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList.splice(i, 1);\n\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n  list.value.disList.splice(i, 1)\n}\nconst deleteAllDistributions = () => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList = [];\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n\n  list.value.disList = []\n}\n\n\n</script>"],"names":["props","__props","disIndex","ref","store","useStore","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","deleteAllDistributions"],"mappings":";;;;;;;;;;;;;;;AAqCA,UAAMA,IAAQC,GAKRC,IAAWC,EAAI,EAAE,GACjBC,IAAQC,EAAQ,GAEhBC,IAAOH,EAAI;AAAA,MACf,SAAS,CAAE;AAAA,IACb,CAAC;AACD,IAAAI,EAAU,YAAY;AAGpB,UADA,MAAMC,EAAU,GACZR,EAAM,OAAO,cAAc,iBAAiB,UAAU;AACxD,iBAASS,IAAQ,GAAGA,IAAQT,EAAM,OAAO,cAAc,iBAAiB,QAAQS;AAC9E,UAAAP,EAAS,MAAM,KAAK,kBAAkBO,CAAK,GAC3CH,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBG,GAAO,UAAY,IAAO;AAAA,IAGpF,CAAC;AACD,UAAMC,IAAkB,MAAM;AAC5B,MAAAJ,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBA,EAAK,MAAM,QAAQ,QAAQ,UAAY,GAAK,CAAE,GAClGK,EAAQL,EAAK,MAAM,QAAQ,SAAS,CAAC;AAAA,IACvC,GACMK,IAAU,CAACC,MAAM;AACrB,MAAAN,EAAK,MAAM,QAAQ;AAAA,QAAQ,CAACO,GAAIJ,MAAU;AACxC,UAAIG,KAAKH,MACPI,EAAG,WAAW;AAAA,QAEjB;AAAA,MACA,GACDP,EAAK,MAAM,QAAQM,CAAC,EAAE,WAAW,CAACN,EAAK,MAAM,QAAQM,CAAC,EAAE;AAAA,IAC1D,GACME,IAAY,CAACF,MAAM;AACvB,YAAMG,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,iBAAiB,OAAOH,GAAG,CAAC,GAEpDR,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GACrFT,EAAK,MAAM,QAAQ,OAAOM,GAAG,CAAC;AAAA,IAChC,GACMK,IAAyB,MAAM;AACnC,YAAMF,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,mBAAmB,IAC3CX,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GAErFT,EAAK,MAAM,UAAU,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DistributionInputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DistributionInputPage.vue"],"sourcesContent":["<template>\n  <h1>{{ $t('message.dataupload.info.distributions') }}</h1>\n  <hr>\n  <div name=\"distribution-stepper-list\" class=\"distributionsListClass\">\n\n    <FormKit type=\"list\" name=\"distributionList\">\n\n      <section v-for=\"(dist, index) in list.disList\" :key=\"index\" class=\"distributionOuter\">\n        <div class=\"d-flex m-4 align-items-center justify-content-between\">\n          <h2 class=\"m-0\">Distribution {{ index + 1 }}</h2>\n          <div>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"editDis(index)\">{{ $t('message.datasetDetails.edit')\n              }}</button>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"removeDis(index)\">{{\n              $t('message.datasetDetails.delete') }}</button>\n          </div>\n        </div>\n        <div class=\"disInputWrapper\" :class=\"{ 'd-none': !list.disList[index].isActive }\">\n          <DistributionStepper :name=\"dist.name\" :index=\"index\" :schema=\"props.schema\" :values=\"props.values\"\n            :distributionList=\"disIndex\">\n          </DistributionStepper>\n\n        </div>\n\n      </section>\n    </FormKit>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"addDistribution\">{{ $t('message.dataupload.info.newDistribution')\n      }}</button>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"deleteAllDistributions\">{{\n      $t('message.dataupload.info.deleteDistribution') }}</button>\n\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, nextTick, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport DistributionStepper from '../components/DistributionStepper.vue';\nimport { cloneDeep } from 'lodash';\nimport { useDpiStepper } from '../composables/useDpiStepper';\n\nconst props = defineProps({\n  values: Object,\n  schema: Object,\n})\n\nconst disIndex = ref([])\nconst store = useStore();\n\nconst list = ref({\n  disList: [],\n})\nonMounted(async () => {\n  // Load DOM\n  await nextTick()\n  if (props.values.Distributions.distributionList.length != 0) {\n    for (let index = 0; index < props.values.Distributions.distributionList.length; index++) {\n      disIndex.value.push('distribution ' + index)\n      list.value.disList.push({ 'name': 'distribution ' + index, 'isActive': false })\n    }\n  }\n})\nconst addDistribution = () => {\n  list.value.disList.push({ 'name': 'distribution ' + list.value.disList.length, 'isActive': false })\n  editDis(list.value.disList.length - 1)\n}\nconst editDis = (i) => {\n  list.value.disList.forEach((el, index) => {\n    if (i != index) {\n      el.isActive = false\n    }\n  }\n  )\n  list.value.disList[i].isActive = !list.value.disList[i].isActive\n}\nconst removeDis = (i) => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList.splice(i, 1);\n\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n  list.value.disList.splice(i, 1)\n}\nconst deleteAllDistributions = () => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList = [];\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n\n  list.value.disList = []\n}\n\n\n</script>"],"names":["props","__props","disIndex","ref","store","useStore","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","deleteAllDistributions"],"mappings":";;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAKRC,IAAWC,EAAI,EAAE,GACjBC,IAAQC,EAAQ,GAEhBC,IAAOH,EAAI;AAAA,MACf,SAAS,CAAE;AAAA,IACb,CAAC;AACD,IAAAI,EAAU,YAAY;AAGpB,UADA,MAAMC,EAAU,GACZR,EAAM,OAAO,cAAc,iBAAiB,UAAU;AACxD,iBAASS,IAAQ,GAAGA,IAAQT,EAAM,OAAO,cAAc,iBAAiB,QAAQS;AAC9E,UAAAP,EAAS,MAAM,KAAK,kBAAkBO,CAAK,GAC3CH,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBG,GAAO,UAAY,IAAO;AAAA,IAGpF,CAAC;AACD,UAAMC,IAAkB,MAAM;AAC5B,MAAAJ,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBA,EAAK,MAAM,QAAQ,QAAQ,UAAY,GAAK,CAAE,GAClGK,EAAQL,EAAK,MAAM,QAAQ,SAAS,CAAC;AAAA,IACvC,GACMK,IAAU,CAACC,MAAM;AACrB,MAAAN,EAAK,MAAM,QAAQ;AAAA,QAAQ,CAACO,GAAIJ,MAAU;AACxC,UAAIG,KAAKH,MACPI,EAAG,WAAW;AAAA,QAEjB;AAAA,MACA,GACDP,EAAK,MAAM,QAAQM,CAAC,EAAE,WAAW,CAACN,EAAK,MAAM,QAAQM,CAAC,EAAE;AAAA,IAC1D,GACME,IAAY,CAACF,MAAM;AACvB,YAAMG,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,iBAAiB,OAAOH,GAAG,CAAC,GAEpDR,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GACrFT,EAAK,MAAM,QAAQ,OAAOM,GAAG,CAAC;AAAA,IAChC,GACMK,IAAyB,MAAM;AACnC,YAAMF,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,mBAAmB,IAC3CX,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GAErFT,EAAK,MAAM,UAAU,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
-import { defineComponent as N, markRaw as w, resolveComponent as f, openBlock as o, createElementBlock as a, createElementVNode as c, createVNode as k, withModifiers as F, withCtx as T, Fragment as C, renderList as P, normalizeClass as L, toDisplayString as y, createTextVNode as l, createCommentVNode as u, createBlock as D } from "vue";
-import { mapGetters as E, mapActions as V } from "vuex";
-import _ from "jquery";
-import A from "./PropertyChooser.vue.mjs";
+import { defineComponent as N, markRaw as w, resolveComponent as S, openBlock as a, createElementBlock as o, createElementVNode as d, toDisplayString as g, createTextVNode as l, createVNode as k, withModifiers as F, withCtx as T, Fragment as C, renderList as P, normalizeClass as L, createCommentVNode as u, createBlock as V } from "vue";
+import { mapGetters as D, mapActions as E } from "vuex";
+import A from "jquery";
+import _ from "./PropertyChooser.vue.mjs";
 import { has as b, isNil as $, isEmpty as M } from "lodash-es";
 import O from "./DistributionInputPage.vue.mjs";
 import H from "./OverviewPage.vue.mjs";
@@ -37,15 +37,15 @@ const K = N({
   components: {
     InputPageStep: U,
     DistributionInputPage: O,
-    PropertyChooser: A,
+    PropertyChooser: _,
     Navigation: W
   },
   computed: {
-    ...E("auth", [
+    ...D("auth", [
       "getIsEditMode",
       "getUserCatalogIds"
     ]),
-    ...E("dpiStore", [
+    ...D("dpiStore", [
       "getSchema",
       "getNavSteps",
       "getDeleteDistributionInline"
@@ -67,11 +67,11 @@ const K = N({
     }
   },
   methods: {
-    ...V("auth", [
+    ...E("auth", [
       "setIsEditMode",
       "setIsDraft"
     ]),
-    ...V("dpiStore", [
+    ...E("dpiStore", [
       "createSchema",
       "translateSchema",
       "saveFormValues",
@@ -84,9 +84,9 @@ const K = N({
     },
     dropdownCLick() {
       const e = document.querySelectorAll(".formkitProperty h4");
-      this.expandall && e.forEach((t, d) => {
+      this.expandall && e.forEach((t, c) => {
         t.classList.add("dpiChevUp"), t.nextElementSibling.classList.remove("d-none");
-      }), this.expandall || e.forEach((t, d) => {
+      }), this.expandall || e.forEach((t, c) => {
         t.classList.remove("dpiChevUp"), t.nextElementSibling.classList.add("d-none");
       });
     },
@@ -98,60 +98,60 @@ const K = N({
     },
     initInputPage() {
       const e = this.getSchema(this.property), t = Object.keys(e).find(
-        (s) => e[s].map((m) => m.name).includes("dct:issued") || e[s].map((m) => m.name).includes("dct:modified")
+        (r) => e[r].map((m) => m.name).includes("dct:issued") || e[r].map((m) => m.name).includes("dct:modified")
       );
       localStorage.getItem("dpi_editmode") === "true" && t != null && e[t].forEach(
-        (s) => {
-          (s.identifier === "issued" || s.identifier === "modified") && (s.children[1].props.else.validation = "", s.children[1].props.else["validation-visibility"] = "", s.children[1].props.then.validation = "", s.children[1].props.then["validation-visibility"] = "", s.children[1].props.then.validation = "", s.children[1].props.then["validation-visibility"] = "");
+        (r) => {
+          (r.identifier === "issued" || r.identifier === "modified") && (r.children[1].props.else.validation = "", r.children[1].props.else["validation-visibility"] = "", r.children[1].props.then.validation = "", r.children[1].props.then["validation-visibility"] = "", r.children[1].props.then.validation = "", r.children[1].props.then["validation-visibility"] = "");
         }
       ), localStorage.getItem("dpi_editmode") === "false" && (this.setIsDraft(!1), this.setIsEditMode(!1)), this.saveLocalstorageValues(this.property);
-      const d = this.$store.getters["dpiStore/getRawValues"]({ property: this.property });
-      M(d) || (this.formValues = d), this.$nextTick(() => {
-        _('[data-toggle="tooltip"]').tooltip({
+      const c = this.$store.getters["dpiStore/getRawValues"]({ property: this.property });
+      M(c) || (this.formValues = c), this.$nextTick(() => {
+        A('[data-toggle="tooltip"]').tooltip({
           container: "body"
         }), setTimeout(() => {
-          document.querySelectorAll(".formkitProperty h4").forEach((n, r) => {
-            n.parentElement.parentElement.classList.contains("formkitWrapRepeatable") || (r != 0 && r != 1 && r != 2 && r != 3 && n.nextElementSibling.classList.toggle("d-none"), n.addEventListener("click", () => {
+          document.querySelectorAll(".formkitProperty h4").forEach((n, s) => {
+            n.parentElement.parentElement.classList.contains("formkitWrapRepeatable") || (s != 0 && s != 1 && s != 2 && s != 3 && n.nextElementSibling.classList.toggle("d-none"), n.addEventListener("click", () => {
               n.classList.toggle("dpiChevUp"), n.nextElementSibling.classList.toggle("d-none");
             }));
           });
-          const m = document.querySelectorAll(".formkitProperty"), S = (n) => {
-            for (const r of n)
-              if (r.type === "attributes") {
-                if (r.target.getAttribute("data-invalid") === "true") {
+          const m = document.querySelectorAll(".formkitProperty"), y = (n) => {
+            for (const s of n)
+              if (s.type === "attributes") {
+                if (s.target.getAttribute("data-invalid") === "true") {
                   try {
-                    r.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add("isInvalidProperty");
+                    s.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.previousElementSibling.tagName === "H4" && r.target.previousElementSibling.classList.add("isInvalidProperty");
+                    s.target.previousElementSibling.tagName === "H4" && s.target.previousElementSibling.classList.add("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.previousElementSibling.classList.add("isInvalidProperty");
+                    s.target.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.previousElementSibling.classList.add("isInvalidProperty");
                   } catch {
                   }
                 }
-                if (r.target.getAttribute("data-invalid") === null || r.target.getAttribute("data-invalid") === "false") {
+                if (s.target.getAttribute("data-invalid") === null || s.target.getAttribute("data-invalid") === "false") {
                   try {
-                    r.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
+                    s.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.previousElementSibling.tagName === "H4" && r.target.previousElementSibling.classList.remove("isInvalidProperty");
+                    s.target.previousElementSibling.tagName === "H4" && s.target.previousElementSibling.classList.remove("isInvalidProperty");
                   } catch {
                   }
                   try {
-                    r.target.parentNode.previousElementSibling.tagName === "H4" && r.target.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
+                    s.target.parentNode.previousElementSibling.tagName === "H4" && s.target.parentNode.previousElementSibling.classList.remove("isInvalidProperty");
                   } catch {
                   }
                 }
               }
-          }, g = new MutationObserver(S), v = { attributes: !0 };
+          }, v = new MutationObserver(y), f = { attributes: !0 };
           let h = [];
-          m.forEach((n, r) => {
+          m.forEach((n, s) => {
             const i = n.querySelectorAll(".formkit-outer");
-            h = h.concat(Array.from(i)), g.observe(h[r], v);
+            h = h.concat(Array.from(i)), v.observe(h[s], f);
           });
         });
       });
@@ -189,37 +189,37 @@ const K = N({
       }
     }
   },
-  beforeRouteEnter(e, t, d) {
-    d((s) => {
-      t.name && !t.name.startsWith("DataProviderInterface") && s.clearAll();
+  beforeRouteEnter(e, t, c) {
+    c((r) => {
+      t.name && !t.name.startsWith("DataProviderInterface") && r.clearAll();
     });
   },
   setup() {
     const {
       steps: e,
       activeStep: t,
-      visitedSteps: d,
-      previousStep: s,
+      visitedSteps: c,
+      previousStep: r,
       nextStep: m,
-      stepPlugin: S,
-      goToNextStep: g,
-      goToPreviousStep: v
+      stepPlugin: y,
+      goToNextStep: v,
+      goToPreviousStep: f
     } = q(), h = () => {
       let { x: i, y: p } = j({ behavior: "smooth" });
       p.value = 0;
-    }, n = (i) => (e[i].errorCount > 0 || e[i].blockingCount > 0) && d.value.includes(i), r = w({ OverviewPage: H });
+    }, n = (i) => (e[i].errorCount > 0 || e[i].blockingCount > 0) && c.value.includes(i), s = w({ OverviewPage: H });
     return {
       steps: e,
-      visitedSteps: d,
+      visitedSteps: c,
       activeStep: t,
-      previousStep: s,
+      previousStep: r,
       nextStep: m,
-      stepPlugin: S,
+      stepPlugin: y,
       checkStepValidity: n,
-      goToNextStep: g,
-      goToPreviousStep: v,
+      goToNextStep: v,
+      goToPreviousStep: f,
       scrollToTop: h,
-      library: r
+      library: s
     };
   }
 }), R = { class: "form-container" }, z = {
@@ -232,21 +232,23 @@ const K = N({
 }, te = {
   key: 0,
   class: "step inactiveStep"
-}, ie = /* @__PURE__ */ c("div", { class: "circle stepCircle" }, null, -1), re = [
+}, ie = /* @__PURE__ */ d("div", { class: "circle stepCircle" }, null, -1), se = [
   ie
-], se = { class: "d-flex flex-column w-100" }, oe = {
+], re = { class: "d-flex flex-column w-100" }, ae = {
   key: 0,
   class: "w-100 d-flex justify-content-between"
-}, ae = { style: { "min-width": "80%" } }, ne = { key: 0 }, le = { key: 1 }, pe = { key: 1 }, de = {
+}, oe = { style: { "min-width": "80%" } }, ne = { key: 0 }, le = { key: 1 }, pe = { key: 1 }, de = {
   key: 4,
   class: "p-1"
-}, ce = /* @__PURE__ */ c("b", null, "*", -1);
-function ue(e, t, d, s, m, S) {
-  const g = f("FormKitSchema"), v = f("DistributionInputPage"), h = f("InputPageStep"), n = f("Navigation"), r = f("FormKit");
-  return o(), a("div", R, [
-    e.isInput ? (o(), a("div", z, [
-      c("div", G, [
-        k(r, {
+}, ce = /* @__PURE__ */ d("b", null, "*", -1);
+function ue(e, t, c, r, m, y) {
+  const v = S("FormKitSchema"), f = S("DistributionInputPage"), h = S("InputPageStep"), n = S("Navigation"), s = S("FormKit");
+  return a(), o("div", R, [
+    e.isInput ? (a(), o("div", z, [
+      d("div", G, [
+        d("details", null, g(e.formValues), 1),
+        l(),
+        k(s, {
           type: "form",
           modelValue: e.formValues,
           "onUpdate:modelValue": t[1] || (t[1] = (i) => e.formValues = i),
@@ -260,9 +262,9 @@ function ue(e, t, d, s, m, S) {
           class: "d-flex"
         }, {
           default: T(() => [
-            c("div", Z, [
-              c("ul", J, [
-                (o(!0), a(C, null, P(e.steps, (i, p, I) => (o(), a("li", {
+            d("div", Z, [
+              d("ul", J, [
+                (a(!0), o(C, null, P(e.steps, (i, p, I) => (a(), o("li", {
                   key: i,
                   class: L(["step", { activeItem: e.activeStep === p, inactiveStep: p != e.activeStep, "has-errors": e.checkStepValidity(p) }]),
                   "data-step-active": e.activeStep === p,
@@ -271,55 +273,55 @@ function ue(e, t, d, s, m, S) {
                     e.activeStep = p, e.update(), e.scrollToTop();
                   }
                 }, [
-                  c("div", X, [
-                    c("div", Y, y(I + 1), 1),
+                  d("div", X, [
+                    d("div", Y, g(I + 1), 1),
                     l(),
-                    e.checkStepValidity(p) ? (o(), a("span", {
+                    e.checkStepValidity(p) ? (a(), o("span", {
                       key: 0,
                       class: "step--errors",
-                      textContent: y(i.errorCount + i.blockingCount)
+                      textContent: g(i.errorCount + i.blockingCount)
                     }, null, 8, x)) : u("", !0),
-                    l(y(e.camel2title(p)), 1)
+                    l(g(e.$t("message.dataupload.steps." + p + "Step")), 1)
                   ]),
                   l(),
-                  I != Object.keys(e.steps).length ? (o(), a("div", ee)) : u("", !0)
+                  I != Object.keys(e.steps).length ? (a(), o("div", ee)) : u("", !0)
                 ], 10, Q))), 128)),
                 l(),
-                e.activeStep === "Overview" ? (o(), a("li", te, re)) : u("", !0)
+                e.activeStep === "Overview" ? (a(), o("li", te, se)) : u("", !0)
               ]),
               l(),
-              c("div", se, [
-                (o(!0), a(C, null, P(e.getNavSteps(e.$env.content.dataProviderInterface.specification)[e.property], (i, p) => (o(), a("div", { key: p }, [
+              d("div", re, [
+                (a(!0), o(C, null, P(e.getNavSteps(e.$env.content.dataProviderInterface.specification)[e.property], (i, p) => (a(), o("div", { key: p }, [
                   k(h, { name: i }, {
                     default: T(() => [
-                      i !== "Distributions" && i !== "Overview" ? (o(), a("div", oe, [
-                        c("h1", ae, y(i) + " fields", 1),
+                      i !== "Distributions" && i !== "Overview" ? (a(), o("div", ae, [
+                        d("h1", oe, g(e.$t("message.dataupload.steps." + i)), 1),
                         l(),
-                        c("a", {
+                        d("a", {
                           class: "standardButtonDPI",
                           onClick: t[0] || (t[0] = (I) => {
                             e.dropdownCLick(), e.expandall = !e.expandall;
                           })
                         }, [
-                          e.expandall ? (o(), a("span", ne, "Expand all")) : (o(), a("span", le, "Hide all"))
+                          e.expandall ? (a(), o("span", ne, g(e.$t("message.dataupload.info.expand")), 1)) : (a(), o("span", le, g(e.$t("message.dataupload.info.hide")), 1))
                         ])
                       ])) : u("", !0),
                       l(),
-                      i !== "Distributions" ? (o(), a("hr", pe)) : u("", !0),
+                      i !== "Distributions" ? (a(), o("hr", pe)) : u("", !0),
                       l(),
-                      i !== "Distributions" ? (o(), D(g, {
+                      i !== "Distributions" ? (a(), V(v, {
                         key: 2,
                         schema: e.getSchema(e.property)[i],
                         library: e.library
                       }, null, 8, ["schema", "library"])) : u("", !0),
                       l(),
-                      i === "Distributions" ? (o(), D(v, {
+                      i === "Distributions" ? (a(), V(f, {
                         key: 3,
                         schema: e.getSchema("distributions"),
                         values: e.formValues
                       }, null, 8, ["schema", "values"])) : u("", !0),
                       l(),
-                      i === "Mandatory" ? (o(), a("p", de, [
+                      i === "Mandatory" ? (a(), o("p", de, [
                         ce,
                         l(" mandatory")
                       ])) : u("", !0)
@@ -344,8 +346,8 @@ function ue(e, t, d, s, m, S) {
     ], 512)) : u("", !0)
   ]);
 }
-const Ee = /* @__PURE__ */ B(K, [["render", ue]]);
+const De = /* @__PURE__ */ B(K, [["render", ue]]);
 export {
-  Ee as default
+  De as default
 };
 //# sourceMappingURL=InputPage.vue.mjs.map