@piveau/piveau-hub-ui-modules 4.4.4 → 4.4.6

package/dist/data-provider-interface/components/FileUpload.vue.mjs

@@ -2,14 +2,14 @@ import { mapGetters as x, mapActions as b } from "vuex";
 import C from "axios";
 import V from "../utils/general-helper.mjs";
 import { getNode as E } from "@formkit/core";
-import { reactive as S, ref as O, resolveComponent as A, openBlock as a, createElementBlock as n, Fragment as y, createElementVNode as u, createVNode as L, createTextVNode as r, toDisplayString as f, createCommentVNode as c, mergeProps as T, withDirectives as G, vModelText as P, renderList as q, pushScopeId as D, popScopeId as N } from "vue";
-import { onClickOutside as I } from "../../external/@vueuse/core/index";
-import { useRuntimeEnv as B } from "../../composables/useRuntimeEnv.mjs";
+import { reactive as O, ref as S, resolveComponent as A, openBlock as a, createElementBlock as n, Fragment as y, createElementVNode as u, createVNode as L, createTextVNode as r, toDisplayString as m, createCommentVNode as p, mergeProps as T, withDirectives as G, vModelText as P, renderList as q } from "vue";
+import { onClickOutside as k } from "../../external/@vueuse/core/index";
+import { useRuntimeEnv as D } from "../../composables/useRuntimeEnv.mjs";
 import "@formkit/vue";
-import { useI18n as H } from "vue-i18n";
+import { useI18n as N } from "vue-i18n";
 import "./FileUpload.vue2.mjs";
-import K from "../../_virtual/_plugin-vue_export-helper.mjs";
-const M = {
+import B from "../../_virtual/_plugin-vue_export-helper.mjs";
+const H = {
   props: {
     context: {
       type: Object,
@@ -17,7 +17,7 @@ const M = {
     }
   },
   data() {
-    var t;
+    var l;
     return {
       inputChoice: "",
       error: "",
@@ -28,7 +28,7 @@ const M = {
       isLoading: !1,
       success: !1,
       fail: !1,
-      validExtensions: ((t = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : t.split(",")) || []
+      validExtensions: ((l = this.$env.content.dataProviderInterface.uploadFileTypes) == null ? void 0 : l.split(",")) || []
     };
   },
   computed: {
@@ -53,9 +53,9 @@ const M = {
     toggleUploadFileSwitch() {
       this.inputChoice = this.t("message.dataupload.datasets.conditional.URL"), this.uploadFileSwitch && (this.uploadFileSwitch = !this.uploadFileSwitch);
     },
-    validateFile(t) {
-      const l = "." + t.target.files[0].name.split(".").pop().toLowerCase();
-      this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(l) ? this.uploadOrReplaceFile({ file: t.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: t.target.files[0] }));
+    validateFile(l) {
+      const o = "." + l.target.files[0].name.split(".").pop().toLowerCase();
+      this.validExtensions && this.validExtensions.length ? this.validExtensions.includes(o) ? this.uploadOrReplaceFile({ file: l.target.files[0] }) : console.log("Wrong filetype") : (this.error = "", this.uploadOrReplaceFile({ file: l.target.files[0] }));
     },
     async saveUrl() {
       this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue, mode: this.inputChoice }) : await this.context.node.input({ "@id": "https://" + this.URLValue, mode: this.inputChoice });
@@ -65,8 +65,8 @@ const M = {
         return this.URLValue = this.context.value["@id"], !0;
     },
     // finds the parent input group of a given element.
-    findParentInputGroupOfElement(t) {
-      let e = t;
+    findParentInputGroupOfElement(l) {
+      let e = l;
       for (; e; ) {
         if (e.classList.contains("formkit-input-group-repeatable"))
           return e;
@@ -76,49 +76,49 @@ const M = {
     },
     // finds the index of the distribution access URL based on the root of this component.
     findDistributionAccessUrlIndex() {
-      const t = this.$refs.fileupload, e = this.findParentInputGroupOfElement(t);
+      const l = this.$refs.fileupload, e = this.findParentInputGroupOfElement(l);
       if (!e)
         return null;
       const s = e.parentElement.querySelectorAll(".formkit-input-group-repeatable");
       return Array.from(s).indexOf(e);
     },
-    async uploadOrReplaceFile({ file: t }) {
-      var s, i, d, p, o, h, v;
-      const e = ((d = (i = (s = this.$env) == null ? void 0 : s.content) == null ? void 0 : i.dataProviderInterface) == null ? void 0 : d.enableFileUploadReplace) || !1, l = ((p = this.$route.query) == null ? void 0 : p.edit) ?? !1;
-      if (e && l) {
-        const _ = (o = this.$route.query) == null ? void 0 : o.edit, k = this.findDistributionAccessUrlIndex(), m = (h = this.getData("distributions")) == null ? void 0 : h[_], g = (v = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : v[k], U = g == null ? void 0 : g["@id"];
+    async uploadOrReplaceFile({ file: l }) {
+      var s, t, d, c, i, f, v;
+      const e = ((d = (t = (s = this.$env) == null ? void 0 : s.content) == null ? void 0 : t.dataProviderInterface) == null ? void 0 : d.enableFileUploadReplace) || !1, o = ((c = this.$route.query) == null ? void 0 : c.edit) ?? !1;
+      if (e && o) {
+        const w = (i = this.$route.query) == null ? void 0 : i.edit, I = this.findDistributionAccessUrlIndex(), h = (f = this.getData("distributions")) == null ? void 0 : f[w], g = (v = h == null ? void 0 : h["dcat:accessURL"]) == null ? void 0 : v[I], U = g == null ? void 0 : g["@id"];
         if (U) {
           const R = this.$env.api.fileUploadUrl, F = V.getFileIdByAccessUrl({ accessUrl: U, fileUploadUrl: R });
-          return await this.uploadFile(t, {
+          return await this.uploadFile(l, {
             method: "PUT",
             url: `${this.$env.api.fileUploadUrl}data/${F}?catalog=${this.getCatalogue}`
           });
         }
       }
-      return await this.uploadFile(t);
+      return await this.uploadFile(l);
     },
-    async uploadFile(t, e = {}) {
+    async uploadFile(l, e = {}) {
       this.isLoading = !0;
-      const l = new FormData();
-      l.append("file", t);
-      const s = this.getCatalogue, i = this.getUserData.rtpToken, d = {
+      const o = new FormData();
+      o.append("file", l);
+      const s = this.getCatalogue, t = this.getUserData.rtpToken, d = {
         method: "POST",
         url: `${this.$env.api.fileUploadUrl}data?catalog=${s}`,
         ...e
-      }, p = {
+      }, c = {
         method: d.method,
         url: d.url,
         headers: {
           "Content-Type": "multipart/form-data",
-          Authorization: `Bearer ${i}`
+          Authorization: `Bearer ${t}`
         },
-        data: l
+        data: o
       };
       try {
-        const o = await C.request(p), h = o.data.result.location.substring(o.data.result.location.indexOf("/") + 1);
-        this.context.model = `${this.$env.api.fileUploadUrl}${h}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${h}` });
-      } catch (o) {
-        this.isLoading = !1, this.fail = !0, console.error(o);
+        const i = await C.request(c), f = i.data.result.location.substring(i.data.result.location.indexOf("/") + 1);
+        this.context.model = `${this.$env.api.fileUploadUrl}${f}`, this.isLoading = !1, this.success = !0, await this.context.node.input({ "@id": `${this.$env.api.fileUploadUrl}${f}` });
+      } catch (i) {
+        this.isLoading = !1, this.fail = !0, console.error(i);
       }
     }
   },
@@ -129,97 +129,93 @@ const M = {
     });
   },
   setup() {
-    const { t } = H();
-    B();
-    var e = S({
+    const { t: l } = N();
+    D();
+    var e = O({
       active: !1
     });
-    const l = O("fload");
-    I(l, (i) => {
+    const o = S("fload");
+    k(o, (t) => {
       e.active = !1;
     });
-    function s(i) {
+    function s(t) {
       e.active = !e.active;
     }
     return {
       drop: e,
-      onClickOutside: I,
+      onClickOutside: k,
       triggerDropdown: s,
-      t
+      t: l
     };
   }
-}, w = (t) => (D("data-v-a011305e"), t = t(), N(), t), W = { class: "position-relative w-100" }, j = {
+}, K = { class: "position-relative w-100" }, M = {
   key: 0,
   ref: "fLoad",
   class: "selectListUpload fileuploadList"
-}, z = {
+}, W = {
   key: 0,
   class: "w-100 position-relative"
-}, J = ["data-type"], Q = { class: "file-div position-relative" }, X = ["accept"], Y = {
+}, j = ["data-type"], z = { class: "file-div position-relative" }, J = ["accept"], Q = {
   class: "upload-feedback position-absolute d-flex",
   style: { right: "0" }
-}, Z = {
+}, X = {
   key: 0,
   class: "lds-ring"
-}, $ = { key: 1 }, ee = /* @__PURE__ */ w(() => /* @__PURE__ */ u("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), te = [
-  ee
-], ie = { key: 2 }, oe = /* @__PURE__ */ w(() => /* @__PURE__ */ u("i", { class: "material-icons d-flex close-icon" }, "error", -1)), le = [
-  oe
-], se = {
+}, Y = { key: 1 }, Z = { key: 2 }, _ = {
   key: 0,
   class: "dURLText my-3"
-}, ae = ["href"], ne = {
+}, $ = ["href"], ee = {
   key: 1,
   class: "allowedTypesWrapper"
-}, re = {
+}, te = {
   key: 0,
   class: "errorSub my-3 d-flex"
-}, de = { class: "d-flex flex-wrap w-100" };
-function ue(t, e, l, s, i, d) {
-  const p = A("FormKit");
+}, ie = { class: "d-flex flex-wrap w-100" };
+function le(l, e, o, s, t, d) {
+  const c = A("FormKit");
   return a(), n(y, null, [
-    u("div", W, [
-      L(p, {
+    u("div", K, [
+      L(c, {
         name: "mode",
         validation: "required",
         type: "text",
         class: "selectInputField formkit-inner",
         readonly: "readonly",
-        onClick: e[0] || (e[0] = (o) => s.triggerDropdown()),
+        onClick: e[0] || (e[0] = (i) => s.triggerDropdown()),
         placeholder: s.t("message.dataupload.info.preferredInput"),
-        modelValue: i.inputChoice,
-        "onUpdate:modelValue": e[1] || (e[1] = (o) => i.inputChoice = o),
+        modelValue: t.inputChoice,
+        "onUpdate:modelValue": e[1] || (e[1] = (i) => t.inputChoice = i),
         "validation-messages": {
           required: s.t("message.dataupload.info.preferredInput")
         }
       }, null, 8, ["placeholder", "modelValue", "validation-messages"]),
-      r(),
-      s.drop.active ? (a(), n("ul", j, [
+      e[9] || (e[9] = r()),
+      s.drop.active ? (a(), n("ul", M, [
         u("li", {
-          onClick: e[2] || (e[2] = (o) => {
-            i.uploadFileSwitch = !0, d.toggleUploadUrl();
+          onClick: e[2] || (e[2] = (i) => {
+            t.uploadFileSwitch = !0, d.toggleUploadUrl();
           }),
           class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-        }, f(t.$t("message.dataupload.datasets.conditional.fileupload")), 1),
-        r(),
+        }, m(l.$t("message.dataupload.datasets.conditional.fileupload")), 1),
+        e[8] || (e[8] = r()),
         u("li", {
-          onClick: e[3] || (e[3] = (o) => {
-            i.uploadURL = !0, d.toggleUploadFileSwitch();
+          onClick: e[3] || (e[3] = (i) => {
+            t.uploadURL = !0, d.toggleUploadFileSwitch();
           }),
           class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-        }, f(t.$t("message.dataupload.datasets.conditional.URL")), 1)
-      ], 512)) : c("", !0)
+        }, m(l.$t("message.dataupload.datasets.conditional.URL")), 1)
+      ], 512)) : p("", !0)
     ]),
-    r(),
-    i.uploadURL && !i.uploadFileSwitch ? (a(), n("div", z, [
-      L(p, {
+    e[19] || (e[19] = r()),
+    t.uploadURL && !t.uploadFileSwitch ? (a(), n("div", W, [
+      L(c, {
         id: "aUrlLink",
-        modelValue: i.URLValue,
-        "onUpdate:modelValue": e[4] || (e[4] = (o) => i.URLValue = o),
+        modelValue: t.URLValue,
+        "onUpdate:modelValue": e[4] || (e[4] = (i) => t.URLValue = i),
         class: "selectInputField formkit-inner",
         type: "url",
         name: "@id",
-        placeholder: l.context.attrs.placeholder,
+        placeholder: o.context.attrs.placeholder,
         onInput: d.saveUrl,
         validation: "required|url",
         "validation-visibility": "live",
@@ -228,64 +224,68 @@ function ue(t, e, l, s, i, d) {
           url: s.t("message.dataupload.info.urlFormat")
         }
       }, null, 8, ["modelValue", "placeholder", "onInput", "validation-messages"])
-    ])) : c("", !0),
-    r(),
-    i.uploadFileSwitch ? (a(), n("div", T({
+    ])) : p("", !0),
+    e[20] || (e[20] = r()),
+    t.uploadFileSwitch ? (a(), n("div", T({
       key: 1,
       ref: "fileupload",
-      class: ["p-3 w-100", `formkit-input-element formkit-input-element--${l.context.type}`],
-      "data-type": l.context.type
-    }, t.$attrs), [
+      class: ["p-3 w-100", `formkit-input-element formkit-input-element--${o.context.type}`],
+      "data-type": o.context.type
+    }, l.$attrs), [
       G(u("input", {
         type: "text",
-        "onUpdate:modelValue": e[5] || (e[5] = (o) => l.context.model = o),
-        onBlur: e[6] || (e[6] = (...o) => l.context.blurHandler && l.context.blurHandler(...o)),
+        "onUpdate:modelValue": e[5] || (e[5] = (i) => o.context.model = i),
+        onBlur: e[6] || (e[6] = (...i) => o.context.blurHandler && o.context.blurHandler(...i)),
         hidden: ""
       }, null, 544), [
-        [P, l.context.model]
+        [P, o.context.model]
       ]),
-      r(),
-      u("div", Q, [
+      e[16] || (e[16] = r()),
+      u("div", z, [
         u("input", {
           class: "mt-3",
           type: "file",
           id: "aUrlFL",
           name: "fileUpload",
-          onChange: e[7] || (e[7] = (o) => d.validateFile(o)),
-          accept: i.validExtensions
-        }, null, 40, X),
-        r(),
-        u("div", Y, [
-          i.isLoading ? (a(), n("div", Z)) : c("", !0),
-          r(),
-          i.success ? (a(), n("div", $, te)) : c("", !0),
-          r(),
-          i.fail ? (a(), n("div", ie, le)) : c("", !0)
+          onChange: e[7] || (e[7] = (i) => d.validateFile(i)),
+          accept: t.validExtensions
+        }, null, 40, J),
+        e[14] || (e[14] = r()),
+        u("div", Q, [
+          t.isLoading ? (a(), n("div", X)) : p("", !0),
+          e[12] || (e[12] = r()),
+          t.success ? (a(), n("div", Y, e[10] || (e[10] = [
+            u("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)
+          ]))) : p("", !0),
+          e[13] || (e[13] = r()),
+          t.fail ? (a(), n("div", Z, e[11] || (e[11] = [
+            u("i", { class: "material-icons d-flex close-icon" }, "error", -1)
+          ]))) : p("", !0)
         ])
       ]),
-      r(),
-      i.success ? (a(), n("p", se, [
-        r(f(t.$t("message.metadata.downloadUrl")) + ": ", 1),
+      e[17] || (e[17] = r()),
+      t.success ? (a(), n("p", _, [
+        r(m(l.$t("message.metadata.downloadUrl")) + ": ", 1),
         u("a", {
-          href: l.context.model
-        }, f(l.context.model), 9, ae)
-      ])) : c("", !0),
-      r(),
-      i.validExtensions && i.validExtensions.length ? (a(), n("div", ne, [
-        i.success ? c("", !0) : (a(), n("p", re, "Allowed types: ")),
-        r(),
-        u("div", de, [
-          (a(!0), n(y, null, q(i.validExtensions, (o) => (a(), n("span", {
-            key: o,
+          href: o.context.model
+        }, m(o.context.model), 9, $)
+      ])) : p("", !0),
+      e[18] || (e[18] = r()),
+      t.validExtensions && t.validExtensions.length ? (a(), n("div", ee, [
+        t.success ? p("", !0) : (a(), n("p", te, "Allowed types: ")),
+        e[15] || (e[15] = r()),
+        u("div", ie, [
+          (a(!0), n(y, null, q(t.validExtensions, (i) => (a(), n("span", {
+            key: i,
             class: "mr-1 mb-1 allowedFTypes"
-          }, f(o), 1))), 128))
+          }, m(i), 1))), 128))
         ])
-      ])) : c("", !0)
-    ], 16, J)) : c("", !0)
+      ])) : p("", !0)
+    ], 16, j)) : p("", !0)
   ], 64);
 }
-const Ie = /* @__PURE__ */ K(M, [["render", ue], ["__scopeId", "data-v-a011305e"]]);
+const he = /* @__PURE__ */ B(H, [["render", le], ["__scopeId", "data-v-a011305e"]]);
 export {
-  Ie as default
+  he as default
 };
 //# sourceMappingURL=FileUpload.vue.mjs.map

package/dist/data-provider-interface/components/FileUpload.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n\n  <div class=\"position-relative w-100 \">\n    <FormKit name=\"mode\" validation=\"required\" type=\"text\" class=\"selectInputField formkit-inner \" readonly=\"readonly\"\n      @click=\"triggerDropdown()\" :placeholder=\"t('message.dataupload.info.preferredInput')\" v-model=\"inputChoice\" :validation-messages=\"{\n        required: t('message.dataupload.info.preferredInput'),\n      }\" />\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload fileuploadList\">\n      <li @click=\"uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.fileupload')}}</li>\n      <li @click=\"uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.URL')}}</li>\n    </ul>\n  </div>\n  <div class=\"w-100 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n\n    <FormKit id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\" :placeholder=\"context.attrs.placeholder\"\n      @input=\"saveUrl\" validation=\"required|url\" validation-visibility=\"live\" :validation-messages=\"{\n        required: t('message.dataupload.datasets.conditional.URL'),\n        url: t('message.dataupload.info.urlFormat')\n      }\" />\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n      context.model }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <div class=\"d-flex flex-wrap w-100\">\n        <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n          {{ types }}\n        </span>\n      </div>\n\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { FormKit } from '@formkit/vue';\nimport { useI18n } from 'vue-i18n';\n\nexport default {\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      inputChoice: '',\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n    \n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    getCatalogue() {\n      return getNode('dcat:catalog').value;\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.fileupload')\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.URL')\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue, 'mode': this.inputChoice })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue, 'mode': this.inputChoice })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.getCatalogue;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n        this.isLoading = false;\n        this.success = true;\n        await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n        // this.context.rootEmit('change');\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        this.inputChoice = \"Provide an URL\"\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n    const { t } = useI18n();\n    const env = useRuntimeEnv();\n \n\n\n    var drop = reactive({\n      active: false,\n    })\n\n\n    const fLoad = ref('fload');\n\n    onClickOutside(fLoad, event => {\n      drop.active = false\n    })\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n      t\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n\n.accessUrl {\n  .formkit-outer {}\n}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.fileuploadList {\n  width: 96.7%;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useI18n","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_10","_withScopeId","_createElementVNode","_hoisted_13","_hoisted_16","_hoisted_19","_openBlock","_createElementBlock","_Fragment","_createVNode","_component_FormKit","$setup","$data","_cache","$event","_createTextVNode","_hoisted_2","$options","_ctx","_createCommentVNode","_hoisted_3","$props","_mergeProps","args","_vModelText","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_11","_hoisted_12","_hoisted_14","_hoisted_15","_toDisplayString","_hoisted_17","_hoisted_18","_renderList","types"],"mappings":"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"}
+{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n\n  <div class=\"position-relative w-100 \">\n    <FormKit name=\"mode\" validation=\"required\" type=\"text\" class=\"selectInputField formkit-inner \" readonly=\"readonly\"\n      @click=\"triggerDropdown()\" :placeholder=\"t('message.dataupload.info.preferredInput')\" v-model=\"inputChoice\" :validation-messages=\"{\n        required: t('message.dataupload.info.preferredInput'),\n      }\" />\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload fileuploadList\">\n      <li @click=\"uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.fileupload')}}</li>\n      <li @click=\"uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{$t('message.dataupload.datasets.conditional.URL')}}</li>\n    </ul>\n  </div>\n  <div class=\"w-100 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n\n    <FormKit id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\" :placeholder=\"context.attrs.placeholder\"\n      @input=\"saveUrl\" validation=\"required|url\" validation-visibility=\"live\" :validation-messages=\"{\n        required: t('message.dataupload.datasets.conditional.URL'),\n        url: t('message.dataupload.info.urlFormat')\n      }\" />\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n      context.model }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <div class=\"d-flex flex-wrap w-100\">\n        <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n          {{ types }}\n        </span>\n      </div>\n\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { FormKit } from '@formkit/vue';\nimport { useI18n } from 'vue-i18n';\n\nexport default {\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      inputChoice: '',\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n    \n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    getCatalogue() {\n      return getNode('dcat:catalog').value;\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.fileupload')\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      this.inputChoice = this.t('message.dataupload.datasets.conditional.URL')\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue, 'mode': this.inputChoice })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue, 'mode': this.inputChoice })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.getCatalogue;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n        this.isLoading = false;\n        this.success = true;\n        await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n        // this.context.rootEmit('change');\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        this.inputChoice = \"Provide an URL\"\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n    const { t } = useI18n();\n    const env = useRuntimeEnv();\n \n\n\n    var drop = reactive({\n      active: false,\n    })\n\n\n    const fLoad = ref('fload');\n\n    onClickOutside(fLoad, event => {\n      drop.active = false\n    })\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n      t\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n\n.accessUrl {\n  .formkit-outer {}\n}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.fileuploadList {\n  width: 96.7%;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","t","useI18n","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_12","_hoisted_15","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","_component_FormKit","$setup","$data","_cache","$event","_createTextVNode","_hoisted_2","$options","_ctx","_createCommentVNode","_hoisted_3","$props","_mergeProps","args","_vModelText","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_toDisplayString","_hoisted_13","_hoisted_14","_renderList","types"],"mappings":"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"}

package/dist/data-provider-interface/components/InfoSlot.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     context: {
         type: ObjectConstructor;
         required: true;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, any, {
+}>, {}, {
     isCollapsed: boolean;
 }, {
     propertyIsEmpty(): any;
@@ -31,8 +31,8 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     collapsed: boolean;
     info: string | boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/data-provider-interface/components/InfoSlot.vue.mjs

@@ -1,6 +1,6 @@
 import { mapGetters as m } from "vuex";
 import { isEmpty as a, has as s, isArray as g } from "lodash-es";
-import { openBlock as l, createElementBlock as r, createElementVNode as i, withModifiers as h, toDisplayString as p, createTextVNode as d, createCommentVNode as u } from "vue";
+import { openBlock as l, createElementBlock as r, createElementVNode as i, withModifiers as h, toDisplayString as d, createTextVNode as c, createCommentVNode as u } from "vue";
 import "./InfoSlot.vue2.mjs";
 import "./InfoSlot.vue3.mjs";
 import _ from "../../_virtual/_plugin-vue_export-helper.mjs";
@@ -28,8 +28,8 @@ const y = "collapsed", x = {
       "getData"
     ]),
     propertyIsEmpty() {
-      let t, o = this.getData(this.$route.params.property);
-      return this.$route.params.property === "distributions" && (o = o[this.$route.params.id]), t = o[this.context.name], a(t) || s(t, "skos:exactMatch") && s(t["skos:exactMatch"], "@id") && a(t["skos:exactMatch"]["@id"]) ? !0 : s(t, "@language") && s(t, "@value") ? a(t["@value"]) : g(t) ? t.map((e) => s(e, "@language") && s(e, "@value") && a(e["@value"]) ? !0 : !!a(e)).reduce((e, n) => e && n, !0) : !1;
+      let t, e = this.getData(this.$route.params.property);
+      return this.$route.params.property === "distributions" && (e = e[this.$route.params.id]), t = e[this.context.name], a(t) || s(t, "skos:exactMatch") && s(t["skos:exactMatch"], "@id") && a(t["skos:exactMatch"]["@id"]) ? !0 : s(t, "@language") && s(t, "@value") ? a(t["@value"]) : g(t) ? t.map((o) => s(o, "@language") && s(o, "@value") && a(o["@value"]) ? !0 : !!a(o)).reduce((o, n) => o && n, !0) : !1;
     }
   },
   mounted() {
@@ -38,8 +38,8 @@ const y = "collapsed", x = {
   methods: {
     toggleCollapse() {
       const t = this.$el;
-      for (const o of t.parentNode.children)
-        o !== t && !o.classList.contains("formkit-input-help") && o.classList.toggle("d-none");
+      for (const e of t.parentNode.children)
+        e !== t && !e.classList.contains("formkit-input-help") && e.classList.toggle("d-none");
       t.parentNode.classList.toggle(y), this.isCollapsed = !this.isCollapsed;
     }
   }
@@ -50,30 +50,30 @@ const y = "collapsed", x = {
   key: 0,
   class: "material-icons"
 };
-function L(t, o, e, n, N, c) {
+function L(t, e, o, n, N, p) {
   return l(), r("label", {
-    for: e.context.id,
+    for: o.context.id,
     class: "w-100"
   }, [
     i("button", {
       class: "btn p-0 w-100 d-flex align-items-center justify-content-between",
       "data-cy": "collapsible-input-group-button",
-      onClick: o[0] || (o[0] = h((...f) => c.toggleCollapse && c.toggleCollapse(...f), ["prevent", "stop"]))
+      onClick: e[0] || (e[0] = h((...f) => p.toggleCollapse && p.toggleCollapse(...f), ["prevent", "stop"]))
     }, [
       i("div", C, [
-        i("span", k, p(e.context.label), 1),
-        d(),
-        e.info ? (l(), r("a", S, [
+        i("span", k, d(o.context.label), 1),
+        e[1] || (e[1] = c()),
+        o.info ? (l(), r("a", S, [
           i("i", {
             class: "material-icons",
-            title: e.info,
+            title: o.info,
             "data-toggle": "tooltip",
             "data-placement": "top"
           }, "info", 8, v)
         ])) : u("", !0)
       ]),
-      d(),
-      e.context.isSubField() ? u("", !0) : (l(), r("i", E, p(t.isCollapsed ? "expand_more" : "expand_less"), 1))
+      e[2] || (e[2] = c()),
+      o.context.isSubField() ? u("", !0) : (l(), r("i", E, d(t.isCollapsed ? "expand_more" : "expand_less"), 1))
     ])
   ], 8, b);
 }

package/dist/data-provider-interface/components/InfoSlot.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSlot.vue.mjs","sources":["../../../lib/data-provider-interface/components/InfoSlot.vue"],"sourcesContent":["<template>\n  <label :for=\"context.id\" class=\"w-100\">\n    <button\n      class=\"btn p-0 w-100 d-flex align-items-center justify-content-between\"\n      data-cy=\"collapsible-input-group-button\"\n      @click.prevent.stop=\"toggleCollapse\"\n    >\n      <div class=\"\">\n        <span class=\"form-label\">{{ context.label }}</span>\n        <a v-if=\"info\" class=\"infoButton\"><i class=\"material-icons\" :title=\"info\"\n          data-toggle=\"tooltip\"\n          data-placement=\"top\">info</i>\n        </a>\n      </div>\n      <i\n        v-if=\"!context.isSubField()\"\n        class=\"material-icons\">\n        {{ isCollapsed ? 'expand_more' : 'expand_less' }}\n      </i>\n    </button>\n  </label>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport {\n  has,\n  isArray,\n  isEmpty,\n} from 'lodash';\nconst COLLAPSED_CLASS_NAME = 'collapsed';\n\nexport default {\n  data: () => ({\n    isCollapsed: false,\n  }),\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n    info: {\n      type: [String, Boolean],\n      default: false,\n    },\n    collapsed: {\n      // if true, the fieldset will be collapsed by default\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    propertyIsEmpty() {\n      let property;\n      let data = this.getData(this.$route.params.property);\n      if (this.$route.params.property === 'distributions')  data = data[this.$route.params.id];\n\n      property = data[this.context.name];\n\n      if (!isEmpty(property)) {\n        if (has(property, 'skos:exactMatch') && has(property['skos:exactMatch'], '@id') && isEmpty(property['skos:exactMatch']['@id'])) return true\n        if (has(property, '@language') && has(property, '@value')) return isEmpty(property['@value']);\n        if (isArray(property)) {\n          return property\n          .map(el => {\n            if (has(el, '@language') && has(el, '@value') && isEmpty(el['@value'])) return true;\n            if (!isEmpty(el)) return false;\n            return true;\n          })\n          .reduce((a,b) => {\n            return a && b;\n          }, true);\n        }\n        return false;\n      } else return true;\n    },\n  },\n  mounted() {\n    if (this.collapsed && this.propertyIsEmpty) {\n      this.toggleCollapse();\n    }\n  },\n  methods: {\n    toggleCollapse() {\n      // Collapse the input fields using DOM manipulation.\n      // todo: find a more elegant way to do this using vue.\n\n      const element = this.$el;\n      for (const sibling of element.parentNode.children) {\n        // Siblings only with the exception of elements with class=\"formkit-input-help\"\n        if (sibling !== element && !sibling.classList.contains('formkit-input-help')) {\n          // toggle display:none!important on sibling\n          sibling.classList.toggle('d-none');\n        }\n      }\n      // add collapse class to the element\n      element.parentNode.classList.toggle(COLLAPSED_CLASS_NAME);\n      this.isCollapsed = !this.isCollapsed;\n    },\n  },\n};\n</script>\n\n<style>\n  .collapsed .d-none {\n    display: none !important;\n  }\n</style>\n\n<style scoped>\n.infoButton{\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.infoButton .material-icons {\n  font-size: 20px;\n  vertical-align: text-bottom;\n  margin-left: 5px;\n  margin-bottom: 1px;\n}\n\n.form-label {\n  font-size: 20px;\n}\n</style>\n"],"names":["COLLAPSED_CLASS_NAME","_sfc_main","mapGetters","property","data","isEmpty","has","isArray","el","a","b","element","sibling","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_5","_createElementBlock","$props","_createElementVNode","_cache","_withModifiers","$options","args","_toDisplayString","_createTextVNode","_openBlock","_hoisted_4","_createCommentVNode","_hoisted_6","_ctx"],"mappings":"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"}
+{"version":3,"file":"InfoSlot.vue.mjs","sources":["../../../lib/data-provider-interface/components/InfoSlot.vue"],"sourcesContent":["<template>\n  <label :for=\"context.id\" class=\"w-100\">\n    <button\n      class=\"btn p-0 w-100 d-flex align-items-center justify-content-between\"\n      data-cy=\"collapsible-input-group-button\"\n      @click.prevent.stop=\"toggleCollapse\"\n    >\n      <div class=\"\">\n        <span class=\"form-label\">{{ context.label }}</span>\n        <a v-if=\"info\" class=\"infoButton\"><i class=\"material-icons\" :title=\"info\"\n          data-toggle=\"tooltip\"\n          data-placement=\"top\">info</i>\n        </a>\n      </div>\n      <i\n        v-if=\"!context.isSubField()\"\n        class=\"material-icons\">\n        {{ isCollapsed ? 'expand_more' : 'expand_less' }}\n      </i>\n    </button>\n  </label>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport {\n  has,\n  isArray,\n  isEmpty,\n} from 'lodash';\nconst COLLAPSED_CLASS_NAME = 'collapsed';\n\nexport default {\n  data: () => ({\n    isCollapsed: false,\n  }),\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n    info: {\n      type: [String, Boolean],\n      default: false,\n    },\n    collapsed: {\n      // if true, the fieldset will be collapsed by default\n      type: Boolean,\n      default: false,\n    },\n  },\n  computed: {\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    propertyIsEmpty() {\n      let property;\n      let data = this.getData(this.$route.params.property);\n      if (this.$route.params.property === 'distributions')  data = data[this.$route.params.id];\n\n      property = data[this.context.name];\n\n      if (!isEmpty(property)) {\n        if (has(property, 'skos:exactMatch') && has(property['skos:exactMatch'], '@id') && isEmpty(property['skos:exactMatch']['@id'])) return true\n        if (has(property, '@language') && has(property, '@value')) return isEmpty(property['@value']);\n        if (isArray(property)) {\n          return property\n          .map(el => {\n            if (has(el, '@language') && has(el, '@value') && isEmpty(el['@value'])) return true;\n            if (!isEmpty(el)) return false;\n            return true;\n          })\n          .reduce((a,b) => {\n            return a && b;\n          }, true);\n        }\n        return false;\n      } else return true;\n    },\n  },\n  mounted() {\n    if (this.collapsed && this.propertyIsEmpty) {\n      this.toggleCollapse();\n    }\n  },\n  methods: {\n    toggleCollapse() {\n      // Collapse the input fields using DOM manipulation.\n      // todo: find a more elegant way to do this using vue.\n\n      const element = this.$el;\n      for (const sibling of element.parentNode.children) {\n        // Siblings only with the exception of elements with class=\"formkit-input-help\"\n        if (sibling !== element && !sibling.classList.contains('formkit-input-help')) {\n          // toggle display:none!important on sibling\n          sibling.classList.toggle('d-none');\n        }\n      }\n      // add collapse class to the element\n      element.parentNode.classList.toggle(COLLAPSED_CLASS_NAME);\n      this.isCollapsed = !this.isCollapsed;\n    },\n  },\n};\n</script>\n\n<style>\n  .collapsed .d-none {\n    display: none !important;\n  }\n</style>\n\n<style scoped>\n.infoButton{\n  border-radius: 5px;\n  cursor: pointer;\n}\n\n.infoButton .material-icons {\n  font-size: 20px;\n  vertical-align: text-bottom;\n  margin-left: 5px;\n  margin-bottom: 1px;\n}\n\n.form-label {\n  font-size: 20px;\n}\n</style>\n"],"names":["COLLAPSED_CLASS_NAME","_sfc_main","mapGetters","property","data","isEmpty","has","isArray","el","a","b","element","sibling","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_5","_createElementBlock","$props","_createElementVNode","_cache","_withModifiers","$options","args","_toDisplayString","_createTextVNode","_openBlock","_hoisted_4","_createCommentVNode","_hoisted_6","_ctx"],"mappings":"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"}