@piveau/piveau-hub-ui-modules 4.6.68 → 4.6.70

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

@@ -1,109 +1,145 @@
-import { ref as v, onMounted as A, nextTick as V, resolveComponent as $, openBlock as r, createElementBlock as d, Fragment as c, createElementVNode as e, toDisplayString as a, createTextVNode as n, createVNode as L, withCtx as w, renderList as F, normalizeClass as S } from "vue";
-import { useStore as j } from "vuex";
-import E from "../components/DistributionStepper.vue.mjs";
-import { cloneDeep as f } from "lodash-es";
+import { ref as u, onMounted as h, nextTick as E, resolveComponent as N, openBlock as m, createElementBlock as v, Fragment as g, createElementVNode as i, toDisplayString as o, createTextVNode as n, createVNode as C, withCtx as j, renderList as M, normalizeClass as O, withModifiers as x, createCommentVNode as B } from "vue";
+import { useStore as K } from "vuex";
+import P from "../components/DistributionStepper.vue.mjs";
+import { cloneDeep as k } from "lodash-es";
 import "@formkit/core";
-const I = {
+import "./DistributionInputPage.vue2.mjs";
+import T from "../../_virtual/_plugin-vue_export-helper.mjs";
+const z = {
   name: "distribution-stepper-list",
   class: "distributionsListClass"
-}, N = { class: "d-flex m-4 align-items-center justify-content-between" }, O = { class: "m-0" }, B = ["onClick"], K = ["onClick"], q = {
+}, W = { class: "d-flex m-4 align-items-center justify-content-between" }, q = { class: "m-0" }, G = ["onClick"], H = ["onClick"], J = { class: "confirmation-dialog" }, Q = { class: "confirmation-body" }, R = {
   __name: "DistributionInputPage",
   props: {
     values: Object,
     schema: Object
   },
-  setup(D) {
-    const o = D, p = v([]), b = j(), i = v({
+  setup(w) {
+    const l = w, c = u([]), f = K(), r = u(!1), d = u(null), D = u(""), e = u({
       disList: []
     });
-    A(async () => {
-      if (await V(), o.values.Distributions.distributionList.length != 0)
-        for (let s = 0; s < o.values.Distributions.distributionList.length; s++)
-          p.value.push("distribution " + s), i.value.disList.push({ name: "distribution " + s, isActive: !1 });
+    h(async () => {
+      if (await E(), l.values.Distributions.distributionList.length != 0)
+        for (let s = 0; s < l.values.Distributions.distributionList.length; s++)
+          c.value.push("distribution " + s), e.value.disList.push({ name: "distribution " + s, isActive: !1 });
     });
-    const y = () => {
-      i.value.disList.push({ name: "distribution " + i.value.disList.length, isActive: !1 }), m(i.value.disList.length - 1);
-    }, m = (s) => {
-      i.value.disList.forEach(
-        (t, u) => {
-          s != u && (t.isActive = !1);
+    const A = () => {
+      e.value.disList.push({ name: "distribution " + e.value.disList.length, isActive: !1 }), y(e.value.disList.length - 1);
+    }, y = (s) => {
+      e.value.disList.forEach(
+        (t, p) => {
+          s != p && (t.isActive = !1);
         }
-      ), i.value.disList[s].isActive = !i.value.disList[s].isActive;
-    }, g = (s) => {
-      const t = f(o.values);
-      t.Distributions.distributionList.splice(s, 1), b.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), i.value.disList.splice(s, 1);
-    }, k = () => {
-      const s = f(o.values);
-      s.Distributions.distributionList = [], b.dispatch("dpiStore/saveFormValues", { property: "datasets", values: s }), i.value.disList = [];
+      ), e.value.disList[s].isActive = !e.value.disList[s].isActive;
+    }, V = (s) => {
+      const t = k(l.values);
+      t.Distributions.distributionList.splice(s, 1), f.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), e.value.disList.splice(s, 1);
+    }, L = (s = null) => {
+      d.value = s, D.value = s === null ? "Are you sure you want to delete all distributions?" : `Are you sure you want to delete Distribution ${s + 1}?`, r.value = !0;
+    }, b = () => {
+      r.value = !1, d.value = null;
+    }, $ = () => {
+      d.value === null ? I() : V(d.value), b();
+    }, I = () => {
+      const s = k(l.values);
+      s.Distributions.distributionList = [], f.dispatch("dpiStore/saveFormValues", { property: "datasets", values: s }), e.value.disList = [], r.value = !1;
     };
     return (s, t) => {
-      const u = $("FormKit");
-      return r(), d(c, null, [
-        e("h1", null, a(s.$t("message.dataupload.info.distributions")), 1),
-        t[5] || (t[5] = n()),
-        t[6] || (t[6] = e("hr", null, null, -1)),
-        t[7] || (t[7] = n()),
-        e("div", I, [
-          L(u, {
+      const p = N("FormKit");
+      return m(), v(g, null, [
+        i("h1", null, o(s.$t("message.dataupload.info.distributions")), 1),
+        t[10] || (t[10] = n()),
+        t[11] || (t[11] = i("hr", null, null, -1)),
+        t[12] || (t[12] = n()),
+        i("div", z, [
+          C(p, {
             type: "list",
             name: "distributionList"
           }, {
-            default: w(() => [
-              (r(!0), d(c, null, F(i.value.disList, (C, l) => (r(), d("section", {
-                key: l,
+            default: j(() => [
+              (m(!0), v(g, null, M(e.value.disList, (F, a) => (m(), v("section", {
+                key: a,
                 class: "distributionOuter"
               }, [
-                e("div", N, [
-                  e("h2", O, "Distribution " + a(l + 1), 1),
+                i("div", W, [
+                  i("h2", q, "Distribution " + o(a + 1), 1),
                   t[1] || (t[1] = n()),
-                  e("div", null, [
-                    e("button", {
+                  i("div", null, [
+                    i("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (h) => m(l)
-                    }, a(s.$t("message.datasetDetails.edit")), 9, B),
+                      onClick: (S) => y(a)
+                    }, o(s.$t("message.datasetDetails.edit")), 9, G),
                     t[0] || (t[0] = n()),
-                    e("button", {
+                    i("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (h) => g(l)
-                    }, a(s.$t("message.datasetDetails.delete")), 9, K)
+                      onClick: (S) => L(a)
+                    }, o(s.$t("message.datasetDetails.delete")), 9, H)
                   ])
                 ]),
                 t[2] || (t[2] = n()),
-                e("div", {
-                  class: S(["disInputWrapper", { "d-none": !i.value.disList[l].isActive }])
+                i("div", {
+                  class: O(["disInputWrapper", { "d-none": !e.value.disList[a].isActive }])
                 }, [
-                  L(E, {
-                    name: C.name,
-                    index: l,
-                    schema: o.schema,
-                    values: o.values,
-                    distributionList: p.value
+                  C(P, {
+                    name: F.name,
+                    index: a,
+                    schema: l.schema,
+                    values: l.values,
+                    distributionList: c.value
                   }, null, 8, ["name", "index", "schema", "values", "distributionList"])
                 ], 2)
               ]))), 128))
             ]),
             _: 1
           }),
-          t[3] || (t[3] = n()),
-          e("button", {
+          t[7] || (t[7] = n()),
+          i("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: y
-          }, a(s.$t("message.dataupload.info.newDistribution")), 1),
-          t[4] || (t[4] = n()),
-          e("button", {
+            onClick: A
+          }, o(s.$t("message.dataupload.info.newDistribution")), 1),
+          t[8] || (t[8] = n()),
+          i("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: k
-          }, a(s.$t("message.dataupload.info.deleteDistribution")), 1)
+            onClick: L
+          }, o(s.$t("message.dataupload.info.deleteDistribution")), 1),
+          t[9] || (t[9] = n()),
+          r.value ? (m(), v("div", {
+            key: 0,
+            class: "confirmation-overlay",
+            onClick: x(b, ["self"])
+          }, [
+            i("div", J, [
+              t[4] || (t[4] = i("div", { class: "confirmation-header" }, [
+                i("h3", null, "Attention")
+              ], -1)),
+              t[5] || (t[5] = n()),
+              i("div", Q, [
+                i("p", null, o(D.value), 1)
+              ]),
+              t[6] || (t[6] = n()),
+              i("div", { class: "confirmation-footer" }, [
+                i("button", {
+                  class: "btn btn-danger",
+                  onClick: $
+                }, "Confirm Delete"),
+                t[3] || (t[3] = n()),
+                i("button", {
+                  class: "btn btn-secondary",
+                  onClick: b
+                }, "Cancle and Exit")
+              ])
+            ])
+          ])) : B("", !0)
         ])
       ], 64);
     };
   }
-};
+}, it = /* @__PURE__ */ T(R, [["__scopeId", "data-v-3ca925ae"]]);
 export {
-  q as default
+  it 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>{{ $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","_createElementVNode","$t","_hoisted_1","_createVNode","_component_FormKit","_openBlock","_createElementBlock","_Fragment","dist","_hoisted_2","_hoisted_3","$event","_hoisted_4","_hoisted_5","_normalizeClass","DistributionStepper"],"mappings":"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"}
+{"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            <button class=\"btn btn-secondary\" type=\"button\" @click=\"openDeleteConfirmation(index)\">\n              {{ $t('message.datasetDetails.delete') }}\n            </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\">{{\n      $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    <button type=\"button\" class=\"btn btn-secondary\" @click=\"openDeleteConfirmation\">{{\n      $t('message.dataupload.info.deleteDistribution') }}</button>\n\n    <div v-if=\"showConfirmDialog\" class=\"confirmation-overlay\" @click.self=\"closeConfirmDialog\">\n      <div class=\"confirmation-dialog\">\n        <div class=\"confirmation-header\">\n          <h3>Attention</h3>\n        </div>\n        <div class=\"confirmation-body\">\n          <p>{{ confirmMessage }}</p>\n        </div>\n        <div class=\"confirmation-footer\">\n          <button class=\"btn btn-danger\" @click=\"executeDelete\">Confirm Delete</button>\n          <button class=\"btn btn-secondary\" @click=\"closeConfirmDialog\">Cancle and Exit</button>\n        </div>\n      </div>\n    </div>\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();\nconst showConfirmDialog = ref(false);\nconst deleteIndex = ref(null);\nconst confirmMessage = ref('');\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}\n\nconst openDeleteConfirmation = (index = null) => {\n  deleteIndex.value = index;\n  confirmMessage.value = index === null\n    ? 'Are you sure you want to delete all distributions?'\n    : `Are you sure you want to delete Distribution ${index + 1}?`;\n  showConfirmDialog.value = true;\n};\n\nconst closeConfirmDialog = () => {\n  showConfirmDialog.value = false;\n  deleteIndex.value = null;\n};\n\nconst executeDelete = () => {\n  if (deleteIndex.value === null) {\n    // Delete all distributions\n    deleteAllDistributions();\n  } else {\n    // Delete single distribution\n    removeDis(deleteIndex.value);\n  }\n  closeConfirmDialog();\n};\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  showConfirmDialog.value = false;\n}\n\n</script>\n\n<style scoped>\n.confirmation-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1050;\n}\n\n.confirmation-dialog {\n  background: white;\n  border-radius: 5px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\n  width: 400px;\n  max-width: 90%;\n}\n\n.confirmation-header {\n  padding: 15px 20px;\n  border-bottom: 1px solid #eee;\n}\n\n.confirmation-header h3 {\n  margin: 0;\n  font-size: 1.25rem;\n}\n\n.confirmation-body {\n  padding: 20px;\n}\n\n.confirmation-footer {\n  padding: 15px 20px;\n  border-top: 1px solid #eee;\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n}\n\n.btn-danger {\n  background-color: #dc3545;\n  color: white;\n  border-color: #dc3545;\n}\n\n.btn-danger:hover {\n  background-color: #c82333;\n  border-color: #bd2130;\n}\n</style>"],"names":["props","__props","disIndex","ref","store","useStore","showConfirmDialog","deleteIndex","confirmMessage","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","openDeleteConfirmation","closeConfirmDialog","executeDelete","deleteAllDistributions","_createElementVNode","$t","_hoisted_1","_createVNode","_component_FormKit","_openBlock","_createElementBlock","_Fragment","dist","_hoisted_2","_hoisted_3","$event","_hoisted_4","_hoisted_5","_normalizeClass","DistributionStepper","_hoisted_6","_hoisted_7"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=DistributionInputPage.vue2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DistributionInputPage.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1 +1 @@
-{"version":3,"file":"InputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/InputPage.vue"],"sourcesContent":["<template>\n  <div class=\"form-container \">\n    <div ref=\"fkInputContainer\" class=\"inputContainer\" v-if=\"isInput\">\n      <div class=\"formContainer formkit position-relative\">\n\n        <details>{{ formValues }}</details>\n        <FormKit type=\"form\" v-model=\"formValues\" :actions=\"false\" :plugins=\"[stepPlugin]\" id=\"dpiForm\"\n          @change=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\"\n          @click=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\" @submit.prevent=\"\"\n          class=\"d-flex\" >\n\n          <div class=\"d-flex\">\n            <ul class=\"steps\">\n              <li v-for=\"(step, stepName, index) in steps\" :key=\"step\" class=\"step\"\n                :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\"\n                :class=\"{ activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName) }\"\n                @click=\"activeStep = stepName; update(); scrollToTop()\">\n\n                <div class=\"stepBubbleWrap\">\n                  <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n                  <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\"\n                    v-text=\"step.errorCount + step.blockingCount\" />{{ $t('message.dataupload.steps.' + stepName +\n                      \"Step\")\n                  }}\n                </div>\n                <div v-if=\"index != Object.keys(steps).length\" class=\"seperatorHorizontalStepper\"></div>\n              </li>\n              <li class=\"step inactiveStep\" v-if=\"activeStep === 'Overview'\">\n                <div class=\"circle stepCircle\"></div>\n              </li>\n\n            </ul>\n\n            <div class=\"d-flex flex-column w-100\">\n              <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification)[property]\"\n                :key=\"index\">\n                <InputPageStep :name=\"stepName\">\n                  <div v-if=\"stepName !== 'Distributions' && stepName !== 'Overview'\"\n                    class=\"w-100 d-flex justify-content-between\">\n                    <h1 style=\"min-width:80%\">{{ $t('message.dataupload.steps.' + stepName) }}</h1>\n                    <a class=\"standardButtonDPI\" @click=\"dropdownCLick(); expandall = !expandall\"><span\n                        v-if=\"expandall\">{{ $t('message.dataupload.info.expand') }}</span>\n                      <span v-else>{{ $t('message.dataupload.info.hide') }}</span></a>\n                  </div>\n                  <hr v-if=\"stepName !== 'Distributions'\">\n                  <FormKitSchema v-if=\"stepName !== 'Distributions'\" :schema=\"getSchema(property).value[stepName]\"\n                    :library=\"library\" />\n                  <DistributionInputPage v-if=\"stepName === 'Distributions'\" :schema=\"getSchema('distributions').value\"\n                    :values=\"formValues\" />\n                  <p class=\"p-1\" v-if=\"stepName === 'Mandatory'\"> <b>*</b> {{ $t('message.dataupload.info.mandatory') }}\n                  </p>\n                </InputPageStep>\n              </div>\n            </div>\n          </div>\n\n          <Navigation :steps=\"steps\" :nextStep=\"nextStep\" :previousStep=\"previousStep\" :goToNextStep=\"goToNextStep\"\n            :goToPreviousStep=\"goToPreviousStep\"></Navigation>\n\n        </FormKit>\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert,arrow-parens,no-param-reassign,no-lonely-if */\nimport { defineComponent, markRaw, computed } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport PropertyChooser from './PropertyChooser.vue'\nimport { has, isNil, isEmpty } from 'lodash';\nimport DistributionInputPage from './DistributionInputPage.vue';\nimport OverviewPage from './OverviewPage.vue';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport Navigation from '../components/Navigation.vue';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport { useWindowScroll } from '@vueuse/core'\nimport { plugin, defaultConfig } from '@formkit/vue'\nimport { useDpiContext, useFormSchema } from '../composables';\nimport { useI18n } from 'vue-i18n'\n\nexport default defineComponent({\n  props: {\n    property: {\n      required: true,\n      type: String,\n    },\n    id: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      heightActiveSec: \"10vh\",\n      formValues: {},\n      offsetTopStepper: \"60px\",\n      info: {},\n      catalogues: [],\n      byte: true,\n      expandall: true,\n      // steps:{},\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n    };\n  },\n  components: {\n    InputPageStep,\n    DistributionInputPage,\n    PropertyChooser,\n    Navigation\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n      'getUserCatalogIds',\n    ]),\n    ...mapGetters('dpiStore', [\n      'getNavSteps',\n      'getDeleteDistributionInline',\n    ]),\n    getTitleStep() {\n      return Object.keys(this.formValues).filter(key => has(this.formValues[key], 'dct:title'))[0];\n    },\n    createIDFromTitle() {\n\n      const title = this.formValues[this.getTitleStep]['dct:title'][0]['@value'];\n\n      if (title != undefined) {\n        return title\n          .toLowerCase()\n          .replace(/ /g, '-');\n      }\n      else return;\n    },\n    getFirstTitleFromForm() {\n      const allValues = this.formValues[this.getTitleStep];\n\n      return has(allValues, 'dct:title')\n        && allValues['dct:title'].length > 0\n        && has(allValues['dct:title'][0], '@value')\n        && !isNil(allValues['dct:title'][0], '@value')\n        ? allValues['dct:title'][0]['@value']\n        : '';\n    },\n    isInput() {\n      return this.$route.params.page !== 'overview' && this.$route.params.page !== 'distoverview';\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsEditMode',\n      'setIsDraft',\n    ]),\n    ...mapActions('dpiStore', [\n      'saveFormValues',\n      'saveLocalstorageValues',\n      'clearAll',\n    ]),\n    update() {\n      this.$forceUpdate();\n    },\n    dropdownCLick() {\n\n      const h4Elements = document.querySelectorAll('.formkitProperty h4');\n\n      if (this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.add('dpiChevUp')\n          h4Element.nextElementSibling.classList.remove('d-none')\n        })\n      }\n      if (!this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.remove('dpiChevUp')\n          h4Element.nextElementSibling.classList.add('d-none')\n        })\n\n      }\n    },\n    clearForm() {\n      this.$formkit.reset('dpi')\n    },\n    scrollToTop() {\n      window.scrollTo(0, 0);\n    },\n    initInputPage() {\n      // adding validation of modified and issued based on edit mode\n      // no validation in edit mode\n\n      // get step name where issued and modified are included\n      const initialSchema = this.getSchema(this.property).value;\n      const stepWithDates = Object.keys(initialSchema).find(\n        key => initialSchema[key].map(el => el.name).includes('dct:issued') || initialSchema[key].map(el => el.name).includes('dct:modified')\n      );\n\n    \n     \n      this.$formkit.setLocale('de');\n      // console.log(this.$formkit);\n      \n\n      // this.$formkit.getValidationMessages()\n      if (localStorage.getItem('dpi_editmode') === 'true' && stepWithDates != undefined) {\n        initialSchema[stepWithDates].forEach((el) => {\n          if (el['identifier'] === 'issued' || el['identifier'] === 'modified') {\n            el['children'][1]['props']['else']['validation'] = ''\n            el['children'][1]['props']['else']['validation-visibility'] = ''\n\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n          }\n        }\n        );\n      }\n\n      if (localStorage.getItem('dpi_editmode') === 'false') {\n        this.setIsDraft(false)\n        this.setIsEditMode(false)\n      }\n\n      this.saveLocalstorageValues(this.property); // saves values from localStorage to vuex store\n      const existingValues = this.$store.getters['dpiStore/getRawValues']({ property: this.property });\n\n\n      // only overwrite empty object if there are values\n      if (!isEmpty(existingValues)) this.formValues = existingValues;\n\n\n\n      this.$nextTick(() => {\n        $('[data-toggle=\"tooltip\"]').tooltip({\n          container: 'body',\n        });\n        setTimeout(() => {\n          const h4Elements = document.querySelectorAll('.formkitProperty h4');\n          h4Elements.forEach((h4Element, index) => {\n            // Added the clickeffect to the headers of the individual properties\n\n            if (!h4Element.parentElement.parentElement.classList.contains('formkitWrapRepeatable')) {\n              if (index != 0 && index != 1 && index != 2 && index != 3) {\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              }\n              h4Element.addEventListener('click', () => {\n                h4Element.classList.toggle('dpiChevUp')\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              });\n            }\n          })\n          // Observe the validity of the individual properties\n          const elements = document.querySelectorAll('.formkitProperty');\n          const attributeChangedCallback = (mutationsList) => {\n            for (const mutation of mutationsList) {\n\n              if (mutation.type === 'attributes') {\n                if (mutation.target.getAttribute('data-invalid') === 'true') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n                if (mutation.target.getAttribute('data-invalid') === null || mutation.target.getAttribute('data-invalid') === 'false') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n              }\n            }\n          };\n          // MutationObserver \n          // const observer = new MutationObserver(attributeChangedCallback);\n          // const config = { attributes: true };\n          // let allMatchingElements = [];\n\n          // elements.forEach((element, index) => {\n          //   const matchingChildren = element.querySelectorAll('.formkit-outer');\n          //   allMatchingElements = allMatchingElements.concat(Array.from(matchingChildren));\n          //   observer.observe(allMatchingElements[index], config);\n          // });\n        });\n      });\n    },\n    createDatasetID() {\n      const valueObject = this.formValues[this.getTitleStep];\n      if (!has(valueObject, 'datasetID') || isNil(valueObject['datasetID'])) {\n        // console.log('in if');\n        this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n      }\n      else {\n\n        if (this.createIDFromTitle.startsWith(valueObject.datasetID) || valueObject.datasetID.startsWith(this.createIDFromTitle)) {\n          // console.log('in else');\n          this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n        }\n      }\n    },\n    generateandTranslateSchema(property) {\n      for (let index = 0; index < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property].length; index++) {\n        this.createSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index], specification: this.$env.content.dataProviderInterface.specification });\n        this.translateSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index] });\n      }\n    },\n\n  },\n  created() {\n\n    // Needs to be reworked\n    if (this.$route.query.edit === 'false') {\n      this.clearAll();\n      // localStorage.clear();\n    }\n\n    // create schema for datasets or catalogues\n    this.generateandTranslateSchema(this.property);\n\n    // for datasets also create schema for distributions\n    if (this.property === 'datasets') {\n      this.generateandTranslateSchema('distributions');\n    }\n  },\n  mounted() {\n    this.initInputPage();\n\n  },\n  watch: {\n    activeStep: {\n      handler() {\n        this.scrollToTop();\n      },\n    },\n    getFirstTitleFromForm: {\n      handler(newVal, oldVal) {\n        if (newVal === oldVal) return\n        if (localStorage.getItem('dpi_editmode') === 'false') {\n          this.setIsDraft(false)\n          this.setIsEditMode(false)\n        }\n        // only create id from title if the user is not editing an existing dataset with an existing datasetID\n        if (!this.isEditMode) {\n          this.createDatasetID();\n        }\n      },\n    },\n    // the schema is a computed value which gets computed only once so on language change this value must be re-computed\n    '$i18n.locale': {\n      handler() {\n        this.generateandTranslateSchema(this.property);\n        if (this.property === 'datasets') this.generateandTranslateSchema('distributions');\n      }\n    },\n  },\n  beforeRouteEnter(to, from, next) {\n    // Always clear storage when entering DPI\n    next(vm => {\n      if (from.name && !from.name.startsWith('DataProviderInterface')) {\n        vm.clearAll();\n      }\n    });\n  },\n  setup() {\n    const dpiContext = useDpiContext();\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n    const { t, te } = useI18n()\n\n    const { translateSchema, createSchema, getSchema } = useFormSchema({ t, te });\n\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({ OverviewPage })\n\n    const isEditMode = computed(() => {\n      return !!dpiContext.value.edit?.enabled\n    })\n\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      scrollToTop,\n      library,\n      isEditMode,\n      translateSchema,\n      createSchema,\n      getSchema,\n    }\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.standardButtonDPI {\n  background-color: #fff;\n  color: #000;\n  border-radius: 0.3em;\n  font-size: 16px;\n  padding: 0.75em;\n  display: inline-flex;\n  align-items: center;\n  height: 50px;\n  border: 1px solid lightgray;\n  transition: all 100ms ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    transform: scale(98%);\n    background-color: #F4F4F4;\n    border-color: gray;\n    text-decoration: none;\n  }\n}\n\n:root {\n  --gray: #ccccd7;\n  --gray-l: #eeeef4;\n}\n\n.formkit-form {\n  max-width: 500px;\n  flex-shrink: 0;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  background: #fff;\n  color: #000;\n  border: 1px solid var(--gray);\n  border-radius: 0.5em;\n  box-shadow: 0.25em 0.25em 1em 0 rgba(0, 0, 0, 0.1);\n}\n\n#app .source-content {\n  padding: 2em;\n  background: transparent;\n}\n\n.steps {\n  list-style-type: none;\n  margin: 0;\n  display: flex;\n  padding-left: 0;\n  background: var(--gray-l);\n  border-radius: 0.4em 0.4em 0 0;\n  overflow: hidden;\n  border-bottom: 1px solid var(--gray);\n}\n\n.step {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--gray-l);\n  border-right: 1px solid var(--gray);\n  color: gray;\n  flex-grow: 0;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.step:last-child {\n  box-shadow: 0.1em -0.1 0.1em 0 rgba(0, 0, 0, 0.33)\n}\n\n.step:hover {\n  cursor: pointer;\n}\n\n[data-step-active=\"true\"] {\n  color: black;\n  background: white !important;\n  border-bottom: none;\n  position: relative;\n}\n\n.step--errors,\n[data-step-valid=\"true\"]:after {\n  content: '✓';\n  background-color: #54A085;\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  height: 18px;\n  width: 18px;\n  border-radius: 50%;\n  z-index: 10;\n  display: flex;\n  font-size: 10px;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  color: white;\n}\n\n.step--errors {\n  background-color: #ff4949;\n  color: #fff;\n  z-index: 100;\n}\n\n.step-nav {\n  display: flex;\n  margin-top: 2em;\n  margin-bottom: 1em;\n  justify-content: space-between;\n}\n\n.form-body {\n  padding: 2em;\n}\n\n.next {\n  margin-left: auto;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n  padding: 0 2em 1em 2em;\n  display: flex;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-input {\n  margin-left: auto;\n  margin-right: 0;\n}\n\ndetails {\n  border: 1px solid var(--gray);\n  background: var(--gray-l);\n  border-radius: .15em;\n  padding: 1em;\n}\n\n.formkit-form>.formkit-messages {\n  padding: 0 2em 0em 2em;\n}\n\n.formkit-form>.formkit-messages:last-child {\n  padding: 0 2em 2em 2em;\n}\n\n[data-errors=\"true\"] .formkit-label {\n  color: #ff4949;\n}\n\n.formkit-wrapper {\n  max-width: 100%;\n}\n\nbutton:hover,\nsummary {\n  cursor: pointer\n}\n\n\n@media (max-width: 438px) {\n  h1 {\n    font-size: 1.15em;\n  }\n\n  #app .source-content {\n    padding: 0.5em;\n  }\n\n  .steps {\n    flex-direction: column;\n  }\n\n  .step {\n    border-bottom: 1px solid var(--gray);\n    border-right: none;\n  }\n\n  .step:last-child {\n    border-bottom: none;\n  }\n\n  .form-body {\n    padding: 1em;\n  }\n\n  .formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n    padding: 0 1em 1em 1em;\n    display: flex;\n  }\n\n  .formkit-form>.formkit-messages {\n    padding: 0 1em 0em 1em;\n  }\n\n  .formkit-form>.formkit-messages:last-child {\n    padding: 0 1em 1em 1em;\n  }\n}\n\n.repeatableWrap,\n.formkitCmpWrap {\n  margin: 2rem 0 !important\n}\n\n.isInvalidProperty {\n  background-color: #FFD9D9 !important;\n}\n\n.activeItem {\n  flex-grow: 1;\n\n  .seperatorHorizontalStepper {\n    height: 100%;\n  }\n}\n\nselect {\n\n  line-height: unset !important;\n}\n\n.form-container {\n  padding-top: 20px;\n  margin-top: 30px;\n  border: solid 1px #d5d5d5;\n  border-radius: 3px;\n  margin-bottom: 20px;\n}\n\n.inputContainer {\n  display: flex;\n}\n\n.formContainer {\n  width: 100% !important;\n}\n\n.distributionPage0 {\n  display: block;\n}\n\n.distributionPage1 {\n  display: none;\n}\n\n.distributionPage2 {\n  display: none;\n}\n\n.grid2r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.grid1r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.row1 {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.row2 {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.grow3 {\n  grid-row-start: 3;\n  grid-row-end: 4;\n}\n\n.column1 {\n  grid-column-start: 1;\n  grid-column-end: 2;\n}\n\n.column2 {\n  grid-column-start: 2;\n  grid-column-end: 3;\n}\n\n.columnboth {\n  grid-column-start: 1;\n  grid-column-end: 3;\n}\n\n.display-none {\n  display: none;\n}\n\n.activeSection {\n  >.formkitProperty {\n    >div {}\n  }\n}\n\n.formkitCmpWrap {\n  border-left: 1px solid lightgray;\n\n\n}\n\n.formkitProperty {\n\n  >h4 {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    cursor: pointer;\n    position: relative;\n    transition: all ease-in-out 200ms;\n\n    &:hover {\n\n      background-color: lightgray;\n\n      &:before {\n\n        rotate: -45deg;\n      }\n\n      &:after {\n\n        rotate: 45deg;\n      }\n    }\n\n    &:before {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 15px;\n      rotate: 45deg;\n    }\n\n    &:after {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 25px;\n      rotate: -45deg;\n    }\n  }\n\n  .formkitProperty {\n    h4 {\n      padding: 0;\n      background-color: unset !important;\n\n      &::before {\n        display: none !important;\n      }\n\n      &:after {\n        display: none !important;\n      }\n    }\n  }\n}\n\n.dpiChevUp {\n\n  &:before {\n\n    rotate: -45deg !important;\n  }\n\n  &:after {\n\n    rotate: 45deg !important;\n  }\n\n\n\n}\n</style>\n"],"names":["_sfc_main","defineComponent","str","match","InputPageStep","DistributionInputPage","PropertyChooser","Navigation","mapGetters","key","has","title","allValues","isNil","mapActions","h4Elements","h4Element","index","initialSchema","stepWithDates","el","existingValues","isEmpty","$","valueObject","property","newVal","oldVal","to","from","next","vm","dpiContext","useDpiContext","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","t","te","useI18n","translateSchema","createSchema","getSchema","useFormSchema","scrollToTop","x","y","useWindowScroll","checkStepValidity","stepName","library","markRaw","OverviewPage","isEditMode","computed","_a","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_12","_hoisted_14","_openBlock","_createElementBlock","_ctx","_hoisted_2","_createElementVNode","_createVNode","_component_FormKit","$event","_cache","_Fragment","step","_normalizeClass","_toDisplayString","_createTextVNode","_hoisted_10","_hoisted_11","_renderList","_component_InputPageStep","_hoisted_13","_hoisted_17","_createBlock","_component_FormKitSchema","_component_DistributionInputPage","_hoisted_18","_component_Navigation"],"mappings":"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"}
+{"version":3,"file":"InputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/InputPage.vue"],"sourcesContent":["<template>\n  <div class=\"form-container \">\n    <div ref=\"fkInputContainer\" class=\"inputContainer\" v-if=\"isInput\">\n      <div class=\"formContainer formkit position-relative\">\n\n        <details>{{ formValues }}</details>\n        <FormKit type=\"form\" v-model=\"formValues\" :actions=\"false\" :plugins=\"[stepPlugin]\" id=\"dpiForm\"\n          @change=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\"\n          @click=\"saveFormValues({ property: property, page: page, distid: id, values: formValues })\" @submit.prevent=\"\"\n          class=\"d-flex\" >\n\n          <div class=\"d-flex\">\n            <ul class=\"steps\">\n              <li v-for=\"(step, stepName, index) in steps\" :key=\"step\" class=\"step\"\n                :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\"\n                :class=\"{ activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName) }\"\n                @click=\"activeStep = stepName; update(); scrollToTop()\">\n\n                <div class=\"stepBubbleWrap\">\n                  <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n                  <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\"\n                    v-text=\"step.errorCount + step.blockingCount\" />{{ $t('message.dataupload.steps.' + stepName +\n                      \"Step\")\n                  }}\n                </div>\n                <div v-if=\"index != Object.keys(steps).length\" class=\"seperatorHorizontalStepper\"></div>\n              </li>\n              <li class=\"step inactiveStep\" v-if=\"activeStep === 'Overview'\">\n                <div class=\"circle stepCircle\"></div>\n              </li>\n\n            </ul>\n\n            <div class=\"d-flex flex-column w-100\">\n              <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification)[property]\"\n                :key=\"index\">\n                <InputPageStep :name=\"stepName\">\n                  <div v-if=\"stepName !== 'Distributions' && stepName !== 'Overview'\"\n                    class=\"w-100 d-flex justify-content-between\">\n                    <h1 style=\"min-width:80%\">{{ $t('message.dataupload.steps.' + stepName) }}</h1>\n                    <a class=\"standardButtonDPI\" @click=\"dropdownCLick(); expandall = !expandall\"><span\n                        v-if=\"expandall\">{{ $t('message.dataupload.info.expand') }}</span>\n                      <span v-else>{{ $t('message.dataupload.info.hide') }}</span></a>\n                  </div>\n                  <hr v-if=\"stepName !== 'Distributions'\">\n                  <FormKitSchema v-if=\"stepName !== 'Distributions'\" :schema=\"getSchema(property).value[stepName]\"\n                    :library=\"library\" />\n                  <DistributionInputPage v-if=\"stepName === 'Distributions'\" :schema=\"getSchema('distributions').value\"\n                    :values=\"formValues\" />\n                  <p class=\"p-1\" v-if=\"stepName === 'Mandatory'\"> <b>*</b> {{ $t('message.dataupload.info.mandatory') }}\n                  </p>\n                </InputPageStep>\n              </div>\n            </div>\n          </div>\n\n          <Navigation :steps=\"steps\" :nextStep=\"nextStep\" :previousStep=\"previousStep\" :goToNextStep=\"goToNextStep\"\n            :goToPreviousStep=\"goToPreviousStep\"></Navigation>\n\n        </FormKit>\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert,arrow-parens,no-param-reassign,no-lonely-if */\nimport { defineComponent, markRaw, computed } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\nimport $ from 'jquery';\nimport PropertyChooser from './PropertyChooser.vue'\nimport { has, isNil, isEmpty } from 'lodash';\nimport DistributionInputPage from './DistributionInputPage.vue';\nimport OverviewPage from './OverviewPage.vue';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport Navigation from '../components/Navigation.vue';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport { useWindowScroll } from '@vueuse/core'\nimport { plugin, defaultConfig } from '@formkit/vue'\nimport { useDpiContext, useFormSchema } from '../composables';\nimport { useI18n } from 'vue-i18n'\n\nexport default defineComponent({\n  props: {\n    property: {\n      required: true,\n      type: String,\n    },\n    id: {\n      type: String,\n    },\n  },\n  data() {\n    return {\n      heightActiveSec: \"10vh\",\n      formValues: {},\n      offsetTopStepper: \"60px\",\n      info: {},\n      catalogues: [],\n      byte: true,\n      expandall: true,\n      // steps:{},\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n    };\n  },\n  components: {\n    InputPageStep,\n    DistributionInputPage,\n    PropertyChooser,\n    Navigation\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getIsEditMode',\n      'getUserCatalogIds',\n    ]),\n    ...mapGetters('dpiStore', [\n      'getNavSteps',\n      'getDeleteDistributionInline',\n    ]),\n    getTitleStep() {\n      return Object.keys(this.formValues).filter(key => has(this.formValues[key], 'dct:title'))[0];\n    },\n    createIDFromTitle() {\n\n      const title = this.formValues[this.getTitleStep]['dct:title'][0]['@value'];\n\n      if (title != undefined) {\n        return title\n          .toLowerCase()\n          .replace(/ /g, '-');\n      }\n      else return;\n    },\n    getFirstTitleFromForm() {\n      const allValues = this.formValues[this.getTitleStep];\n\n      return has(allValues, 'dct:title')\n        && allValues['dct:title'].length > 0\n        && has(allValues['dct:title'][0], '@value')\n        && !isNil(allValues['dct:title'][0], '@value')\n        ? allValues['dct:title'][0]['@value']\n        : '';\n    },\n    isInput() {\n      return this.$route.params.page !== 'overview' && this.$route.params.page !== 'distoverview';\n    },\n  },\n  methods: {\n    ...mapActions('auth', [\n      'setIsEditMode',\n      'setIsDraft',\n    ]),\n    ...mapActions('dpiStore', [\n      'saveFormValues',\n      'saveLocalstorageValues',\n      'clearAll',\n    ]),\n    update() {\n      this.$forceUpdate();\n    },\n    dropdownCLick() {\n\n      const h4Elements = document.querySelectorAll('.formkitProperty h4');\n\n      if (this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.add('dpiChevUp')\n          h4Element.nextElementSibling.classList.remove('d-none')\n        })\n      }\n      if (!this.expandall) {\n        h4Elements.forEach((h4Element, index) => {\n          h4Element.classList.remove('dpiChevUp')\n          h4Element.nextElementSibling.classList.add('d-none')\n        })\n\n      }\n    },\n    clearForm() {\n      this.$formkit.reset('dpi')\n    },\n    scrollToTop() {\n      window.scrollTo(0, 0);\n    },\n    initInputPage() {\n      // adding validation of modified and issued based on edit mode\n      // no validation in edit mode\n\n      // get step name where issued and modified are included\n      const initialSchema = this.getSchema(this.property).value;\n      const stepWithDates = Object.keys(initialSchema).find(\n        key => initialSchema[key].map(el => el.name).includes('dct:issued') || initialSchema[key].map(el => el.name).includes('dct:modified')\n      );\n\n    \n     \n      this.$formkit.setLocale('de');\n      // console.log(this.$formkit);\n      \n\n      // this.$formkit.getValidationMessages()\n      if (localStorage.getItem('dpi_editmode') === 'true' && stepWithDates != undefined) {\n        initialSchema[stepWithDates].forEach((el) => {\n          if (el['identifier'] === 'issued' || el['identifier'] === 'modified') {\n            el['children'][1]['props']['else']['validation'] = ''\n            el['children'][1]['props']['else']['validation-visibility'] = ''\n\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n            el['children'][1]['props']['then']['validation'] = ''\n            el['children'][1]['props']['then']['validation-visibility'] = ''\n          }\n        }\n        );\n      }\n\n      if (localStorage.getItem('dpi_editmode') === 'false') {\n        this.setIsDraft(false)\n        this.setIsEditMode(false)\n      }\n\n      this.saveLocalstorageValues(this.property); // saves values from localStorage to vuex store\n      const existingValues = this.$store.getters['dpiStore/getRawValues']({ property: this.property });\n\n\n      // only overwrite empty object if there are values\n      if (!isEmpty(existingValues)) this.formValues = existingValues;\n\n\n\n      this.$nextTick(() => {\n        $('[data-toggle=\"tooltip\"]').tooltip({\n          container: 'body',\n        });\n        setTimeout(() => {\n          const h4Elements = document.querySelectorAll('.formkitProperty h4');\n          h4Elements.forEach((h4Element, index) => {\n            // Added the clickeffect to the headers of the individual properties\n\n            if (!h4Element.parentElement.parentElement.classList.contains('formkitWrapRepeatable')) {\n              if (index != 0 && index != 1 && index != 2 && index != 3) {\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              }\n              h4Element.addEventListener('click', () => {\n                h4Element.classList.toggle('dpiChevUp')\n                h4Element.nextElementSibling.classList.toggle('d-none')\n              });\n            }\n          })\n          // Observe the validity of the individual properties\n          const elements = document.querySelectorAll('.formkitProperty');\n          const attributeChangedCallback = (mutationsList) => {\n            for (const mutation of mutationsList) {\n\n              if (mutation.type === 'attributes') {\n                if (mutation.target.getAttribute('data-invalid') === 'true') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.add('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n                if (mutation.target.getAttribute('data-invalid') === null || mutation.target.getAttribute('data-invalid') === 'false') {\n                  try {\n                    if (mutation.target.parentNode.parentNode.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.parentNode.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.previousElementSibling.tagName === 'H4') {\n                      mutation.target.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                  try {\n                    if (mutation.target.parentNode.previousElementSibling.tagName === 'H4') {\n                      mutation.target.parentNode.previousElementSibling.classList.remove('isInvalidProperty')\n                    }\n                  } catch (error) { }\n                }\n              }\n            }\n          };\n          // MutationObserver \n          // const observer = new MutationObserver(attributeChangedCallback);\n          // const config = { attributes: true };\n          // let allMatchingElements = [];\n\n          // elements.forEach((element, index) => {\n          //   const matchingChildren = element.querySelectorAll('.formkit-outer');\n          //   allMatchingElements = allMatchingElements.concat(Array.from(matchingChildren));\n          //   observer.observe(allMatchingElements[index], config);\n          // });\n        });\n      });\n    },\n    createDatasetID() {\n      const valueObject = this.formValues[this.getTitleStep];\n      if (!has(valueObject, 'datasetID') || isNil(valueObject['datasetID'])) {\n        // console.log('in if');\n        this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n      }\n      else {\n\n        if (this.createIDFromTitle.startsWith(valueObject.datasetID) || valueObject.datasetID.startsWith(this.createIDFromTitle)) {\n          // console.log('in else');\n          this.formValues[this.getTitleStep].datasetID = this.createIDFromTitle;\n        }\n      }\n    },\n    generateandTranslateSchema(property) {\n      for (let index = 0; index < this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property].length; index++) {\n        this.createSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index], specification: this.$env.content.dataProviderInterface.specification });\n        this.translateSchema({ property: property, page: this.getNavSteps(this.$env.content.dataProviderInterface.specification)[property][index] });\n      }\n    },\n\n  },\n  created() {\n\n    // Needs to be reworked\n    if (this.$route.query.edit === 'false') {\n      this.clearAll();\n      // localStorage.clear();\n    }\n\n    // create schema for datasets or catalogues\n    this.generateandTranslateSchema(this.property);\n\n    // for datasets also create schema for distributions\n    if (this.property === 'datasets') {\n      this.generateandTranslateSchema('distributions');\n    }\n  },\n  mounted() {\n    this.initInputPage();\n\n  },\n  watch: {\n    activeStep: {\n      handler() {\n        this.scrollToTop();\n      },\n    },\n    getFirstTitleFromForm: {\n      handler(newVal, oldVal) {\n        if (newVal === oldVal) return\n        if (localStorage.getItem('dpi_editmode') === 'false') {\n          this.setIsDraft(false)\n          this.setIsEditMode(false)\n        }\n        // only create id from title if the user is not editing an existing dataset with an existing datasetID\n        if (!this.isEditMode) {\n          this.createDatasetID();\n        }\n      },\n    },\n    // the schema is a computed value which gets computed only once so on language change this value must be re-computed\n    '$i18n.locale': {\n      handler() {\n        this.generateandTranslateSchema(this.property);\n        if (this.property === 'datasets') this.generateandTranslateSchema('distributions');\n      }\n    },\n  },\n  beforeRouteEnter(to, from, next) {\n    // Always clear storage when entering DPI\n    next(vm => {\n      if (from.name && !from.name.startsWith('DataProviderInterface')) {\n        vm.clearAll();\n      }\n    });\n  },\n  setup() {\n    const dpiContext = useDpiContext();\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n    const { t, te } = useI18n()\n\n    const { translateSchema, createSchema, getSchema } = useFormSchema({ t, te });\n\n    const scrollToTop = () => {\n      let { x, y } = useWindowScroll({ behavior: 'smooth' })\n      y.value = 0\n\n    }\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({ OverviewPage })\n\n    const isEditMode = computed(() => {\n      return !!dpiContext.value.edit?.enabled\n    })\n\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      scrollToTop,\n      library,\n      isEditMode,\n      translateSchema,\n      createSchema,\n      getSchema,\n    }\n  }\n});\n</script>\n\n<style lang=\"scss\">\n.standardButtonDPI {\n  background-color: #fff;\n  color: #000;\n  border-radius: 0.3em;\n  font-size: 16px;\n  padding: 0.75em;\n  display: inline-flex;\n  align-items: center;\n  height: 50px;\n  border: 1px solid lightgray;\n  transition: all 100ms ease-in-out;\n  cursor: pointer;\n\n  &:hover {\n    transform: scale(98%);\n    background-color: #F4F4F4;\n    border-color: gray;\n    text-decoration: none;\n  }\n}\n\n:root {\n  --gray: #ccccd7;\n  --gray-l: #eeeef4;\n}\n\n.formkit-form {\n  max-width: 500px;\n  flex-shrink: 0;\n  margin-top: 1em;\n  margin-bottom: 1em;\n  background: #fff;\n  color: #000;\n  border: 1px solid var(--gray);\n  border-radius: 0.5em;\n  box-shadow: 0.25em 0.25em 1em 0 rgba(0, 0, 0, 0.1);\n}\n\n#app .source-content {\n  padding: 2em;\n  background: transparent;\n}\n\n.steps {\n  list-style-type: none;\n  margin: 0;\n  display: flex;\n  padding-left: 0;\n  background: var(--gray-l);\n  border-radius: 0.4em 0.4em 0 0;\n  overflow: hidden;\n  border-bottom: 1px solid var(--gray);\n}\n\n.step {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  padding: 16px 20px;\n  background: var(--gray-l);\n  border-right: 1px solid var(--gray);\n  color: gray;\n  flex-grow: 0;\n  flex-shrink: 0;\n  position: relative;\n}\n\n.step:last-child {\n  box-shadow: 0.1em -0.1 0.1em 0 rgba(0, 0, 0, 0.33)\n}\n\n.step:hover {\n  cursor: pointer;\n}\n\n[data-step-active=\"true\"] {\n  color: black;\n  background: white !important;\n  border-bottom: none;\n  position: relative;\n}\n\n.step--errors,\n[data-step-valid=\"true\"]:after {\n  content: '✓';\n  background-color: #54A085;\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  height: 18px;\n  width: 18px;\n  border-radius: 50%;\n  z-index: 10;\n  display: flex;\n  font-size: 10px;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  color: white;\n}\n\n.step--errors {\n  background-color: #ff4949;\n  color: #fff;\n  z-index: 100;\n}\n\n.step-nav {\n  display: flex;\n  margin-top: 2em;\n  margin-bottom: 1em;\n  justify-content: space-between;\n}\n\n.form-body {\n  padding: 2em;\n}\n\n.next {\n  margin-left: auto;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n  padding: 0 2em 1em 2em;\n  display: flex;\n}\n\n.formkit-outer[data-type=\"submit\"] .formkit-input {\n  margin-left: auto;\n  margin-right: 0;\n}\n\ndetails {\n  border: 1px solid var(--gray);\n  background: var(--gray-l);\n  border-radius: .15em;\n  padding: 1em;\n}\n\n.formkit-form>.formkit-messages {\n  padding: 0 2em 0em 2em;\n}\n\n.formkit-form>.formkit-messages:last-child {\n  padding: 0 2em 2em 2em;\n}\n\n[data-errors=\"true\"] .formkit-label {\n  color: #ff4949;\n}\n\n.formkit-wrapper {\n  max-width: 100%;\n}\n\nbutton:hover,\nsummary {\n  cursor: pointer\n}\n\n\n@media (max-width: 438px) {\n  h1 {\n    font-size: 1.15em;\n  }\n\n  #app .source-content {\n    padding: 0.5em;\n  }\n\n  .steps {\n    flex-direction: column;\n  }\n\n  .step {\n    border-bottom: 1px solid var(--gray);\n    border-right: none;\n  }\n\n  .step:last-child {\n    border-bottom: none;\n  }\n\n  .form-body {\n    padding: 1em;\n  }\n\n  .formkit-outer[data-type=\"submit\"] .formkit-wrapper {\n    padding: 0 1em 1em 1em;\n    display: flex;\n  }\n\n  .formkit-form>.formkit-messages {\n    padding: 0 1em 0em 1em;\n  }\n\n  .formkit-form>.formkit-messages:last-child {\n    padding: 0 1em 1em 1em;\n  }\n}\n\n.repeatableWrap,\n.formkitCmpWrap {\n  margin: 2rem 0 !important\n}\n\n.isInvalidProperty {\n  background-color: #FFD9D9 !important;\n}\n\n.activeItem {\n  flex-grow: 1;\n\n  .seperatorHorizontalStepper {\n    height: 100%;\n  }\n}\n\nselect {\n\n  line-height: unset !important;\n}\n\n.form-container {\n  padding-top: 20px;\n  margin-top: 30px;\n  border: solid 1px #d5d5d5;\n  border-radius: 3px;\n  margin-bottom: 20px;\n}\n\n.inputContainer {\n  display: flex;\n}\n\n.formContainer {\n  width: 100% !important;\n}\n\n.distributionPage0 {\n  display: block;\n}\n\n.distributionPage1 {\n  display: none;\n}\n\n.distributionPage2 {\n  display: none;\n}\n\n.grid2r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.grid1r2c {\n  .formkit-input-group-repeatable {\n    display: grid;\n    grid-template-columns: 70% 28%;\n    grid-template-rows: auto;\n    grid-gap: 10px;\n    background-color: transparent;\n  }\n}\n\n.row1 {\n  grid-row-start: 1;\n  grid-row-end: 2;\n}\n\n.row2 {\n  grid-row-start: 2;\n  grid-row-end: 3;\n}\n\n.grow3 {\n  grid-row-start: 3;\n  grid-row-end: 4;\n}\n\n.column1 {\n  grid-column-start: 1;\n  grid-column-end: 2;\n}\n\n.column2 {\n  grid-column-start: 2;\n  grid-column-end: 3;\n}\n\n.columnboth {\n  grid-column-start: 1;\n  grid-column-end: 3;\n}\n\n.display-none {\n  display: none;\n}\n\n.activeSection {\n  >.formkitProperty {\n    >div {}\n  }\n}\n\n.formkitCmpWrap {\n  border-left: 1px solid lightgray;\n\n\n}\n\n.formkitProperty {\n\n  >h4 {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    cursor: pointer;\n    position: relative;\n    transition: all ease-in-out 200ms;\n\n    &:hover {\n\n      background-color: lightgray;\n\n      &:before {\n\n        rotate: -45deg;\n      }\n\n      &:after {\n\n        rotate: 45deg;\n      }\n    }\n\n    &:before {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 15px;\n      rotate: 45deg;\n    }\n\n    &:after {\n      transition: all ease-in-out 200ms;\n      content: \"\";\n      width: 15px;\n      height: 1.5px;\n      background-color: black;\n      position: absolute;\n      top: 30px;\n      right: 25px;\n      rotate: -45deg;\n    }\n  }\n\n  .formkitProperty {\n    h4 {\n      padding: 0;\n      background-color: unset !important;\n\n      &::before {\n        display: none !important;\n      }\n\n      &:after {\n        display: none !important;\n      }\n    }\n  }\n}\n\n.dpiChevUp {\n\n  &:before {\n\n    rotate: -45deg !important;\n  }\n\n  &:after {\n\n    rotate: 45deg !important;\n  }\n\n\n\n}\n</style>\n"],"names":["_sfc_main","defineComponent","str","match","InputPageStep","DistributionInputPage","PropertyChooser","Navigation","mapGetters","key","has","title","allValues","isNil","mapActions","h4Elements","h4Element","index","initialSchema","stepWithDates","el","existingValues","isEmpty","$","valueObject","property","newVal","oldVal","to","from","next","vm","dpiContext","useDpiContext","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","t","te","useI18n","translateSchema","createSchema","getSchema","useFormSchema","scrollToTop","x","y","useWindowScroll","checkStepValidity","stepName","library","markRaw","OverviewPage","isEditMode","computed","_a","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_12","_hoisted_14","_openBlock","_createElementBlock","_ctx","_hoisted_2","_createElementVNode","_createVNode","_component_FormKit","$event","_cache","_Fragment","step","_normalizeClass","_toDisplayString","_createTextVNode","_hoisted_10","_hoisted_11","_renderList","_component_InputPageStep","_hoisted_13","_hoisted_17","_createBlock","_component_FormKitSchema","_component_DistributionInputPage","_hoisted_18","_component_Navigation"],"mappings":"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"}

package/dist/datasetDetails/navigation/DatasetDetailsNavigationLinks.vue.mjs

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as l, resolveComponent as r, openBlock as p, createElementBlock as m, createElementVNode as o, createVNode as i, createTextVNode as e, withCtx as v, toDisplayString as u, normalizeClass as d, createCommentVNode as f, Fragment as A, renderList as T, createBlock as N } from "vue";
+import { defineAsyncComponent as l, resolveComponent as r, openBlock as p, createElementBlock as u, createElementVNode as o, createVNode as i, createTextVNode as e, withCtx as v, toDisplayString as m, normalizeClass as d, createCommentVNode as f, Fragment as V, renderList as A, createBlock as N } from "vue";
 import { mapGetters as M } from "vuex";
 import y from "jquery";
 import "@unhead/vue";
@@ -127,8 +127,8 @@ const $ = {
   "aria-labelledby": "metaDataDropdownMenuLink"
 }, tt = { class: "d-inline dsd-link-feed" }, at = ["title"];
 function et(a, t, s, ot, k, n) {
-  const L = r("dataset-details-feedback-button"), D = r("app-link"), c = r("dataset-details-share-button"), g = r("resource-details-linked-data-button"), b = r("dataset-details-linked-metrics-button"), h = r("dataset-citation-modal"), V = r("dataset-embed-modal");
-  return p(), m("nav", _, [
+  const L = r("dataset-details-feedback-button"), D = r("app-link"), c = r("dataset-details-share-button"), g = r("resource-details-linked-data-button"), b = r("dataset-details-linked-metrics-button"), T = r("dataset-citation-modal"), h = r("dataset-embed-modal");
+  return p(), u("nav", _, [
     o("ul", F, [
       i(L),
       t[16] || (t[16] = e()),
@@ -148,7 +148,7 @@ function et(a, t, s, ot, k, n) {
               title: a.$t("message.tooltip.datasetDetails.share"),
               "data-toggle": "tooltip",
               "data-placement": "top"
-            }, u(a.$t("message.datasetDetails.share")), 9, B)
+            }, m(a.$t("message.datasetDetails.share")), 9, B)
           ]),
           _: 1
         }),
@@ -174,7 +174,7 @@ function et(a, t, s, ot, k, n) {
         ])
       ]),
       t[17] || (t[17] = e()),
-      this.$env.content.datasetDetails.embed.enable ? (p(), m("div", O, [
+      this.$env.content.datasetDetails.embed.enable ? (p(), u("div", O, [
         o("button", {
           onClick: t[0] || (t[0] = (I) => n.openApiCall()),
           class: d(["nav-item nav-link text-nowrap api-button", {
@@ -238,13 +238,13 @@ function et(a, t, s, ot, k, n) {
               title: a.$t("message.tooltip.datasetDetails.cite"),
               "data-toggle": "tooltip",
               "data-placement": "top"
-            }, u(a.$t("message.datasetDetails.cite")), 9, J)
+            }, m(a.$t("message.datasetDetails.cite")), 9, J)
           ]),
           _: 1
         }, 8, ["class"]),
         t[5] || (t[5] = e()),
         o("div", U, [
-          (p(!0), m(A, null, T(k.availableCitationStyles, (I, w) => (p(), m("button", {
+          (p(!0), u(V, null, A(k.availableCitationStyles, (I, w) => (p(), u("button", {
             class: "dropdown-item",
             type: "button",
             key: w,
@@ -253,7 +253,7 @@ function et(a, t, s, ot, k, n) {
           }, [
             o("div", {
               "data-cy": `citation-dropdown-item@${w}`
-            }, u(a.$te(`message.datasetDetails.citationStyle.${w}`) ? a.$t(`message.datasetDetails.citationStyle.${w}`) : I), 9, H)
+            }, m(a.$te(`message.datasetDetails.citationStyle.${w}`) ? a.$t(`message.datasetDetails.citationStyle.${w}`) : I), 9, H)
           ], 8, E))), 128))
         ])
       ]),
@@ -274,7 +274,7 @@ function et(a, t, s, ot, k, n) {
               title: a.$t("message.tooltip.datasetDetails.linkedData"),
               "data-toggle": "tooltip",
               "data-placement": "top"
-            }, u(a.$t("message.metadata.linkedData")), 9, j)
+            }, m(a.$t("message.metadata.linkedData")), 9, j)
           ]),
           _: 1
         }),
@@ -327,13 +327,13 @@ function et(a, t, s, ot, k, n) {
         ])
       ]),
       t[20] || (t[20] = e()),
-      this.$env.content.datasetDetails.embed.enable ? (p(), m("div", X, [
+      this.$env.content.datasetDetails.embed.enable ? (p(), u("div", X, [
         o("button", G, [
-          o("span", W, u(a.$t("message.datasetDetails.datasets.modal.embed")), 1)
+          o("span", W, m(a.$t("message.datasetDetails.datasets.modal.embed")), 1)
         ])
       ])) : f("", !0),
       t[21] || (t[21] = e()),
-      n.showDQV ? (p(), m("div", K, [
+      n.showDQV ? (p(), u("div", K, [
         i(D, {
           class: d(["nav-item nav-link dropdown-toggle text-nowrap", { disabled: !(a.getIsDQVDataRDFAvailable || a.getIsDQVDataTTLAvailable || a.getIsDQVDataN3Available || a.getIsDQVDataNTAvailable || a.getIsDQVDataJSONLDAvailable) }]),
           fragment: "#",
@@ -341,7 +341,8 @@ function et(a, t, s, ot, k, n) {
           id: "metaDataDropdownMenuLink",
           "data-toggle": "dropdown",
           "aria-haspopup": "true",
-          "aria-expanded": "false"
+          "aria-expanded": "false",
+          isTooltip: "true"
         }, {
           default: v(() => [
             o("span", {
@@ -357,6 +358,7 @@ function et(a, t, s, ot, k, n) {
         t[15] || (t[15] = e()),
         o("div", Z, [
           i(b, {
+            isTooltip: "true",
             class: d(["dropdown-item", { disabled: !a.getIsDQVDataRDFAvailable }]),
             format: "rdf",
             text: "RDF/XML",
@@ -364,6 +366,7 @@ function et(a, t, s, ot, k, n) {
           }, null, 8, ["class", "dataset-id"]),
           t[11] || (t[11] = e()),
           i(b, {
+            isTooltip: "true",
             class: d(["dropdown-item", { disabled: !a.getIsDQVDataTTLAvailable }]),
             format: "ttl",
             text: "Turtle",
@@ -371,6 +374,7 @@ function et(a, t, s, ot, k, n) {
           }, null, 8, ["class", "dataset-id"]),
           t[12] || (t[12] = e()),
           i(b, {
+            isTooltip: "true",
             class: d(["dropdown-item", { disabled: !a.getIsDQVDataN3Available }]),
             format: "n3",
             text: "Notation3",
@@ -378,6 +382,7 @@ function et(a, t, s, ot, k, n) {
           }, null, 8, ["class", "dataset-id"]),
           t[13] || (t[13] = e()),
           i(b, {
+            isTooltip: "true",
             class: d(["dropdown-item", { disabled: !a.getIsDQVDataNTAvailable }]),
             format: "nt",
             text: "N-Triples",
@@ -385,6 +390,7 @@ function et(a, t, s, ot, k, n) {
           }, null, 8, ["class", "dataset-id"]),
           t[14] || (t[14] = e()),
           i(b, {
+            isTooltip: "true",
             class: d(["dropdown-item", { disabled: !a.getIsDQVDataJSONLDAvailable }]),
             format: "jsonld",
             text: "JSON-LD",
@@ -407,7 +413,7 @@ function et(a, t, s, ot, k, n) {
               title: a.$t("message.tooltip.datasetDetails.datasetFeed"),
               "data-toggle": "tooltip",
               "data-placement": "top"
-            }, u(a.$t("message.datasetDetails.datasetFeed")), 9, at)
+            }, m(a.$t("message.datasetDetails.datasetFeed")), 9, at)
           ]),
           _: 1
         }, 8, ["to"])
@@ -416,18 +422,18 @@ function et(a, t, s, ot, k, n) {
       t[24] || (t[24] = o("hr", null, null, -1))
     ]),
     t[25] || (t[25] = e()),
-    !a.getLoading && a.getID ? (p(), N(h, {
+    !a.getLoading && a.getID ? (p(), N(T, {
       key: 0,
       "modal-id": k.citationModalId,
       "citation-style": k.citationStyle,
       "available-citation-styles": k.availableCitationStyles
     }, null, 8, ["modal-id", "citation-style", "available-citation-styles"])) : f("", !0),
     t[26] || (t[26] = e()),
-    i(V)
+    i(h)
   ]);
 }
-const At = /* @__PURE__ */ S($, [["render", et], ["__scopeId", "data-v-74a5d8fa"]]);
+const Vt = /* @__PURE__ */ S($, [["render", et], ["__scopeId", "data-v-6da8a33e"]]);
 export {
-  At as default
+  Vt as default
 };
 //# sourceMappingURL=DatasetDetailsNavigationLinks.vue.mjs.map