@piveau/piveau-hub-ui-modules 4.4.19 → 4.4.21

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

@@ -1,74 +1,74 @@
-import { getCurrentInstance as ee, computed as L, ref as h, onMounted as te, watch as F, watchEffect as ne, openBlock as r, createElementBlock as i, unref as u, toDisplayString as v, createCommentVNode as O, createTextVNode as p, createElementVNode as s, withDirectives as W, isRef as $, vModelText as ae, Fragment as S, renderList as T, vShow as le, normalizeClass as oe } from "vue";
-import { useStore as se } from "vuex";
+import { getCurrentInstance as te, computed as L, ref as h, onMounted as ne, watch as B, watchEffect as ae, openBlock as r, createElementBlock as i, unref as u, toDisplayString as v, createCommentVNode as O, createTextVNode as p, createElementVNode as s, withDirectives as X, isRef as $, vModelText as le, Fragment as S, renderList as T, vShow as oe, normalizeClass as se } from "vue";
+import { useStore as re } from "vuex";
 import { getTranslationFor as N } from "../../utils/helpers.mjs";
-import { getNode as re } from "@formkit/core";
-import { onClickOutside as B } from "../../external/@vueuse/core/index";
-import { useI18n as ie } from "vue-i18n";
-import ue from "qs";
-import ce from "axios";
-const de = { class: "formkitProperty" }, fe = {
+import { getNode as ie } from "@formkit/core";
+import { onClickOutside as M } from "../../external/@vueuse/core/index";
+import { useI18n as ue } from "vue-i18n";
+import ce from "qs";
+import de from "axios";
+const fe = { class: "formkitProperty" }, pe = {
   key: 0,
   class: "formkitHeader"
-}, pe = ["innerHTML"], me = { class: "formkitCmpWrap" }, ve = { class: "formkit-outer" }, ge = {
+}, me = ["innerHTML"], ve = { class: "formkitCmpWrap" }, ge = { class: "formkit-outer" }, ye = {
   key: 0,
   class: "d-flex formkit-inner"
-}, ye = { class: "autocompleteInputSingleValue" }, he = { key: 1 }, xe = { class: "d-flex align-items-center justify-content-center formkit-inner mb-2" }, ke = ["placeholder"], be = ["onClick"], we = {
+}, he = { class: "autocompleteInputSingleValue" }, xe = { key: 1 }, ke = { class: "d-flex align-items-center justify-content-center formkit-inner mb-2" }, be = ["placeholder"], we = ["onClick"], _e = {
   key: 0,
   class: "d-flex flex-wrap"
-}, _e = { class: "activeResultsAutocompleteWrapper" }, Ce = ["onClick"], Ie = ["onClick"], Le = { class: "w-100 mt-4" }, Se = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Te = {
+}, Ce = { class: "activeResultsAutocompleteWrapper" }, Ie = ["onClick"], Le = ["onClick"], Se = { class: "w-100 mt-4" }, Te = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Ve = {
   key: 0,
   class: "annifresultContainer"
-}, Ve = ["onClick"], Ae = { class: "d-flex" }, Pe = {
+}, Ae = ["onClick"], Pe = { class: "d-flex" }, Oe = {
   key: 1,
   class: "d-flex flex-wrap"
-}, Oe = ["onClick"], $e = ["innerHTML"], Ue = {
+}, $e = ["onClick"], Ne = ["innerHTML"], Fe = {
   __name: "AutocompleteInput",
   props: {
     context: Object
   },
-  setup(X) {
-    let x = ee().appContext.app.config.globalProperties.$env;
-    const a = X, M = se(), { t: R, locale: J } = ie();
-    let g = L(() => a.context.value), c, b = a.context.attrs.voc, z = L(() => R("message.dataupload.info.searchVocabulary")), G = L(() => R("message.dataupload.info.matchesNothingFound")), _ = h({
-      value: { name: z }
-    }), f = h(), j = h(null), k = h({}), m = [], C = [], D = h({
+  setup(J) {
+    let k = te().appContext.app.config.globalProperties.$env;
+    const a = J, R = re(), { t: j, locale: z } = ue();
+    let g = L(() => a.context.value), c, b = a.context.attrs.voc, G = L(() => j("message.dataupload.info.searchVocabulary")), K = L(() => j("message.dataupload.info.matchesNothingFound")), _ = h({
+      value: { name: G }
+    }), f = h(), D = h(null), E = h(null), x = h({}), m = [], C = [], H = h({
       value: !1
     });
     h();
     let V = h({});
-    te(async () => {
-      k.value = "";
+    ne(async () => {
+      x.value = "";
     });
-    let E = L(() => {
+    let q = L(() => {
       try {
         if (a.context.attrs.class.includes("inDistribution"))
           return !0;
       } catch {
       }
     });
-    F(_, async () => {
-    }), F(V, async () => {
+    B(_, async () => {
+    }), B(V, async () => {
     });
-    const H = async (n) => {
+    const U = async (n) => {
       if (n != null) {
         let e = b === "iana-media-types" || b === "spdx-checksum-algorithm", t;
-        return await M.dispatch("dpiStore/requestResourceName", { voc: b, uri: n, envs: x }).then(
+        return await R.dispatch("dpiStore/requestResourceName", { voc: b, uri: n, envs: k }).then(
           (o) => {
             a.context.attrs.property === "dcatde:politicalGeocodingURI" ? o != null && (t = e ? o.data.result.results.filter((l) => l.resource === n).map((l) => l.alt_label)[0].en : N(o.data.result.alt_label, "en", [])) : o != null && (t = e ? o.data.result.results.filter((l) => l.resource === n).map((l) => l.pref_label)[0].en : N(o.data.result.pref_label, "en", []));
           }
         ), t;
       }
     };
-    ne(async () => {
+    ae(async () => {
       const n = g.value;
       if (n.hasOwnProperty("name") && n.name === n.resource) {
         let e;
-        a.context.attrs.multiple || (e = H(n.resource), a.context.node.input({ name: await e, resource: n.resource }));
+        a.context.attrs.multiple || (e = U(n.resource), a.context.node.input({ name: await e, resource: n.resource }));
       }
       if (n.length >= 1) {
         let e = [];
         for (let t = 0; t < n.length; t++)
-          n[t].name === n[t].resource && (e.push({ name: await H(n[t].resource), resource: n[t].resource }), a.context.node.input(e));
+          n[t].name === n[t].resource && (e.push({ name: await U(n[t].resource), resource: n[t].resource }), a.context.node.input(e));
       }
     });
     function A(n) {
@@ -83,53 +83,53 @@ const de = { class: "formkitProperty" }, fe = {
           } catch {
           }
         }
-      window.removeEventListener("click", B);
+      window.removeEventListener("click", M);
     }
-    B(j, (n) => f.value = !1);
-    let q = async (n, e) => {
+    M(D, (n) => f.value = !1), M(E, (n) => x.value = "");
+    let F = async (n, e) => {
       let t = 10;
       e != null && (t = t + 10);
-      let o = ue.stringify({
+      let o = ce.stringify({
         text: n,
         limit: t
       });
       var d = {
         method: "post",
-        url: b == "eurovoc" ? x.content.dataProviderInterface.annifLinkSubject : x.content.dataProviderInterface.annifLinkTheme,
+        url: b == "eurovoc" ? k.content.dataProviderInterface.annifLinkSubject : k.content.dataProviderInterface.annifLinkTheme,
         headers: {
           "Content-Type": "application/x-www-form-urlencoded",
           Accept: "application/json"
         },
         data: o
       };
-      ce(d).then(async (l) => {
+      de(d).then(async (l) => {
         for (let y = 0; y < l.data.results.length; y++)
           C[y] = { name: l.data.results[y].label, resource: l.data.results[y].uri, activeValue: !1 };
         let w = [];
         g.value.length > 0 && g.value.forEach((y) => {
           w.push({ name: y.name, resource: y.resource, activeValue: !0 });
-        }), l.data.results.length > 9 && (C[C.length + 1] = { name: "...", resource: "invalid", activeValue: !1 }), V.value = Q(w, C);
+        }), l.data.results.length > 9 && (C[C.length + 1] = { name: "...", resource: "invalid", activeValue: !1 }), V.value = Y(w, C);
       }).catch(function(l) {
         console.log(l);
       });
     };
-    async function K(n) {
+    async function Q(n) {
       n.resource === "invalid" ? I(5) : (P({ name: n.name, resource: n.resource }), I());
     }
-    function Q(n, e) {
+    function Y(n, e) {
       let t = n.concat(e), o = [], d = /* @__PURE__ */ new Set();
       return t.forEach((l) => {
         d.has(l.resource) || (d.add(l.resource), l.activeValue || o.push(l));
       }), o;
     }
     const I = async (n) => {
-      let e = re("Mandatory").value["dct:description"];
+      let e = ie("Mandatory").value["dct:description"];
       for (let t = 0; t < e.length; t++)
-        e[t]["@language"] === "en" && (n != null ? await q(e[t]["@value"], 5) : await q(e[t]["@value"]));
+        e[t]["@language"] === "en" && (n != null ? await F(e[t]["@value"], 5) : await F(e[t]["@value"]));
     };
     a.context.classes.outer += " autocompleteInput " + a.context.attrs.identifier;
     const P = async (n) => {
-      if (k.value = "", Object.keys(n).length !== 1) {
+      if (x.value = "", Object.keys(n).length !== 1) {
         if (g.value.length > 0 && (m = g.value), a.context.attrs.multiple)
           if (m.length != 0) {
             let e = { name: n.name, resource: n.resource }, t = m.filter((o) => o.name != n.name);
@@ -143,56 +143,58 @@ const de = { class: "formkitProperty" }, fe = {
         }
         A();
       }
-    }, Y = async (n) => {
+    }, Z = async (n) => {
       let e = n.target.value;
-      await M.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: b, text: e, base: x.api.baseUrl }).then((t) => {
+      await R.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: b, text: e, base: k.api.baseUrl }).then((t) => {
         const d = t.data.result.results.filter((l) => l.id !== "OP_DATPRO").map((l) => ({
-          name: N(l.pref_label, J.value, []) + " (" + l.id + ")",
+          name: N(l.pref_label, z.value, []) + " (" + l.id + ")",
           resource: l.resource
         }));
-        d.length === 0 ? _.value = { value: { name: G } } : _.value = d;
+        d.length === 0 ? _.value = { value: { name: K } } : _.value = d;
       });
     };
-    function Z(n) {
+    function ee(n) {
       a.context.node.input({}), P("erase");
     }
-    function U(n) {
-      x.content.dataProviderInterface.annifIntegration && I(), g.value.length > 0 && (m = g.value), m.splice(m.findIndex((e) => e.name == n.name), 1), c = m, a.context.node.input(c), A();
+    function W(n) {
+      k.content.dataProviderInterface.annifIntegration && I(), g.value.length > 0 && (m = g.value), m.splice(m.findIndex((e) => e.name == n.name), 1), c = m, a.context.node.input(c), A();
     }
-    return (n, e) => (r(), i("div", de, [
-      u(E) ? (r(), i("h4", fe, v(n.$t("message.dataupload.distributions." + a.context.attrs.identifier + ".label")), 1)) : O("", !0),
+    return (n, e) => (r(), i("div", fe, [
+      u(q) ? (r(), i("h4", pe, v(n.$t("message.dataupload.distributions." + a.context.attrs.identifier + ".label")), 1)) : O("", !0),
       e[14] || (e[14] = p()),
-      a.context.attrs.identifier != "licence" && !u(E) ? (r(), i("h4", {
+      a.context.attrs.identifier != "licence" && !u(q) ? (r(), i("h4", {
         key: 1,
         innerHTML: n.$t("message.dataupload.datasets." + a.context.attrs.identifier + ".label")
-      }, null, 8, pe)) : O("", !0),
+      }, null, 8, me)) : O("", !0),
       e[15] || (e[15] = p()),
-      s("div", me, [
-        s("div", ve, [
-          !a.context.attrs.multiple && a.context.value.name ? (r(), i("div", ge, [
-            s("a", ye, v(a.context.value.name), 1),
+      s("div", ve, [
+        s("div", ge, [
+          !a.context.attrs.multiple && a.context.value.name ? (r(), i("div", ye, [
+            s("a", he, v(a.context.value.name), 1),
             e[4] || (e[4] = p()),
             s("div", {
               class: "removeX",
-              onClick: Z
+              onClick: ee
             })
-          ])) : (r(), i("div", he, [
-            s("div", xe, [
-              W(s("input", {
+          ])) : (r(), i("div", xe, [
+            s("div", ke, [
+              X(s("input", {
+                ref_key: "acInput",
+                ref: E,
                 class: "autocompleteInputfield",
                 placeholder: a.context.attrs.placeholder,
-                "onUpdate:modelValue": e[0] || (e[0] = (t) => $(k) ? k.value = t : k = t),
+                "onUpdate:modelValue": e[0] || (e[0] = (t) => $(x) ? x.value = t : x = t),
                 type: "text",
-                onKeyup: e[1] || (e[1] = (t) => Y(t)),
+                onKeyup: e[1] || (e[1] = (t) => Z(t)),
                 onClick: e[2] || (e[2] = (t) => $(f) ? f.value = !u(f) : f = !u(f))
-              }, null, 40, ke), [
-                [ae, u(k)]
+              }, null, 40, be), [
+                [le, u(x)]
               ])
             ]),
             e[11] || (e[11] = p()),
-            W(s("ul", {
+            X(s("ul", {
               ref_key: "dropdownList",
-              ref: j,
+              ref: D,
               class: "autocompleteResultList"
             }, [
               (r(!0), i(S, null, T(u(_), (t) => (r(), i("li", {
@@ -201,14 +203,14 @@ const de = { class: "formkitProperty" }, fe = {
                   P(t), $(f) ? f.value = !u(f) : f = !u(f);
                 },
                 class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-              }, v(t.name), 9, be))), 128))
+              }, v(t.name), 9, we))), 128))
             ], 512), [
-              [le, u(f)]
+              [oe, u(f)]
             ]),
             e[12] || (e[12] = p()),
-            u(x).content.dataProviderInterface.annifIntegration && a.context.attrs.annifTheme ? (r(), i("div", we, [
+            u(k).content.dataProviderInterface.annifIntegration && a.context.attrs.annifTheme ? (r(), i("div", _e, [
               (r(!0), i(S, null, T(u(g), (t) => (r(), i("div", { key: t }, [
-                s("div", _e, [
+                s("div", Ce, [
                   s("div", {
                     class: "d-flex",
                     onClick: (o) => {
@@ -219,14 +221,14 @@ const de = { class: "formkitProperty" }, fe = {
                     e[5] || (e[5] = p()),
                     s("div", {
                       class: "removeX",
-                      onClick: (o) => U(t)
-                    }, null, 8, Ie)
-                  ], 8, Ce)
+                      onClick: (o) => W(t)
+                    }, null, 8, Le)
+                  ], 8, Ie)
                 ])
               ]))), 128)),
               e[9] || (e[9] = p()),
-              s("div", Le, [
-                s("div", Se, [
+              s("div", Se, [
+                s("div", Te, [
                   s("h3", null, v(n.$t("message.dataupload.info.suggestions")), 1),
                   e[6] || (e[6] = p()),
                   s("span", null, v(n.$t("message.dataupload.info.suggestionText")), 1),
@@ -235,30 +237,30 @@ const de = { class: "formkitProperty" }, fe = {
                     class: "navlikeButton",
                     type: "button",
                     onClick: e[3] || (e[3] = (t) => {
-                      I(), u(D).value = !0;
+                      I(), u(H).value = !0;
                     })
                   }, v(n.$t("message.dataupload.info.tryIt")), 1)
                 ]),
                 e[8] || (e[8] = p()),
-                u(D).value ? (r(), i("div", Te, [
+                u(H).value ? (r(), i("div", Ve, [
                   (r(!0), i(S, null, T(u(V), (t) => (r(), i("div", {
                     key: t,
                     class: "d-flex"
                   }, [
                     s("div", {
-                      class: oe(["activeResultsAutocompleteWrapper annifResults", { loadMore: t.resource === "invalid" }]),
+                      class: se(["activeResultsAutocompleteWrapper annifResults", { loadMore: t.resource === "invalid" }]),
                       onClick: (o) => {
-                        t.activeValue = !t.activeValue, K(t);
+                        t.activeValue = !t.activeValue, Q(t);
                       }
                     }, [
-                      s("div", Ae, [
+                      s("div", Pe, [
                         s("span", null, v(t.name), 1)
                       ])
-                    ], 10, Ve)
+                    ], 10, Ae)
                   ]))), 128))
                 ])) : O("", !0)
               ])
-            ])) : (r(), i("div", Pe, [
+            ])) : (r(), i("div", Oe, [
               (r(!0), i(S, null, T(a.context.value, (t) => (r(), i("div", {
                 class: "activeResultsAutocompleteWrapper",
                 key: t
@@ -267,15 +269,15 @@ const de = { class: "formkitProperty" }, fe = {
                 e[10] || (e[10] = p()),
                 s("div", {
                   class: "removeX",
-                  onClick: (o) => U(t)
-                }, null, 8, Oe)
+                  onClick: (o) => W(t)
+                }, null, 8, $e)
               ]))), 128))
             ])),
             e[13] || (e[13] = p()),
             s("div", {
               innerHTML: a.context.attrs.info,
               class: "formkit-help"
-            }, null, 8, $e)
+            }, null, 8, Ne)
           ]))
         ])
       ])
@@ -283,6 +285,6 @@ const de = { class: "formkitProperty" }, fe = {
   }
 };
 export {
-  Ue as default
+  Fe as default
 };
 //# sourceMappingURL=AutocompleteInput.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/AutocompleteInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n\n    <!-- need to make a condition for the licence property of the distribution - otherwise the dropdown doesnt work-->\n\n    <h4 class=\"formkitHeader\" v-if=\"inDis\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 v-if=\"props.context.attrs.identifier != 'licence' && !inDis\" v-html=\"$t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label')\">\n      </h4>\n\n    <div class=\"formkitCmpWrap\">\n\n      <div class=\"formkit-outer\">\n        <div class=\"d-flex formkit-inner\" v-if=\"!props.context.attrs.multiple && props.context.value.name\">\n          <!-- <div class=\"infoI\">\n            <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n          </div> -->\n          <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n          <div class=\"d-flex align-items-center justify-content-center formkit-inner mb-2\">\n            <!-- <div class=\"infoI\">\n              <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n\n            <input class=\"autocompleteInputfield\" :placeholder=\"props.context.attrs.placeholder\" v-model=\"inputText\"\n              type=\"text\" v-on:keyup=\"getAutocompleteSuggestions($event)\" @click=\"activeList = !activeList\">\n          </div>\n\n          <ul ref=\"dropdownList\" v-show=\"activeList\" class=\"autocompleteResultList\">\n            <li v-for=\"match in matches\" :key=\"match\" @click=\"setValue(match); activeList = !activeList\"\n              class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{ match.name }}\n            </li>\n          </ul>\n          <div v-if=\"instance.content.dataProviderInterface.annifIntegration && props.context.attrs.annifTheme\"\n            class=\"d-flex flex-wrap\">\n            <div v-for=\"item in listOfValues\" :key=\"item\">\n              <div class=\"activeResultsAutocompleteWrapper\">\n                <div class=\"d-flex\" @click=\"item.activeValue = !item.activeValue;\">\n                  <span>{{ item.name }}</span>\n                  <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-100 mt-4\">\n              <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n                <h3>{{ $t('message.dataupload.info.suggestions') }}</h3>\n                <span>{{ $t('message.dataupload.info.suggestionText') }}</span>\n                <button class=\"navlikeButton\" type=\"button\"\n                  @click=\"fillAnnifsuggestions(); annifTrigger.value = true\">{{ $t('message.dataupload.info.tryIt')\n                  }}</button>\n              </div>\n              <div class=\"annifresultContainer\" v-if=\"annifTrigger.value\">\n                <div v-for=\"item in annifSelectionList\" :key=\"item\" class=\"d-flex \">\n                  <div class=\"activeResultsAutocompleteWrapper annifResults\"\n                    :class=\"{ loadMore: item.resource === 'invalid' }\"\n                    @click=\"item.activeValue = !item.activeValue; updateAnnifselection(item)\">\n                    <div class=\"d-flex\">\n                      <span>{{ item.name }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n          <div v-else class=\"d-flex flex-wrap\">\n            <div class=\"activeResultsAutocompleteWrapper\" v-for=\"item in props.context.value\" :key=\"item\">\n              <span>{{ item.name }}</span>\n              <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n            </div>\n          </div>\n\n\n          <!-- <div class=\"formkit-wrapper mb-3\">\n            <div v-html=\"$t('message.dataupload.distributions.licence.vocabulary.help')\" class=\"formkit-help\"> \n            </div> \n          </div> -->\n\n          <div v-html=\"props.context.attrs.info\" class=\"formkit-help\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, watch, computed, onMounted, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { getCurrentInstance } from \"vue\";\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n';\n\nimport qs from 'qs';\nimport axios from 'axios';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n\nconst props = defineProps({\n  context: Object\n})\nconst store = useStore();\nconst { t, locale } = useI18n();\n\nlet listOfValues = computed(() => {\n  return props.context.value;\n})\n\nlet selection;\nlet voc = props.context.attrs.voc;\n\nlet matchesSearchstring = computed(() => {\n  return t('message.dataupload.info.searchVocabulary')\n})\nlet matchesNothingFound = computed(() => {\n  return t('message.dataupload.info.matchesNothingFound')\n})\nlet matches = ref({\n  value: { name: matchesSearchstring }\n})\nlet activeList = ref()\nlet dropdownList = ref(null)\nlet inputText = ref({})\nlet cacheList = [];\nlet annifList = [];\nlet annifTrigger = ref({\n  value: false\n});\nlet initialValues = ref();\nlet annifSelectionList = ref({})\n\nonMounted(async () => {\n  inputText.value = \"\"\n});\nlet inDis = computed(() => {\n  try {\n    if (props.context.attrs.class.includes(\"inDistribution\")) {\n      return true\n    }\n  } catch (error) {\n\n  }\n\n\n});\nwatch(matches, async () => { })\nwatch(annifSelectionList, async () => { })\n\nconst requestURIname = async (res) => {\n\n  if (res != undefined) {\n    let vocMatch =\n      voc === \"iana-media-types\" ||\n      voc === \"spdx-checksum-algorithm\";\n\n    let name;\n\n    await store.dispatch('dpiStore/requestResourceName', { voc: voc, uri: res, envs: instance }).then(\n      (response) => {\n        if (props.context.attrs.property === 'dcatde:politicalGeocodingURI') {\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.alt_label)[0].en\n              : getTranslationFor(response.data.result.alt_label, 'en', []);\n            name = result;\n          }\n        } else {\n\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.pref_label)[0].en\n              : getTranslationFor(response.data.result.pref_label, 'en', []);\n            name = result;\n\n          }\n        }\n      }\n    );\n    return name\n  }\n\n}\n\nwatchEffect(async () => {\n  const values = listOfValues.value;\n\n  // single URI's\n  if (values.hasOwnProperty('name')) {\n    if (values.name === values.resource) {\n      let uriName;\n      if (!props.context.attrs.multiple) {\n        uriName = requestURIname(values.resource)\n        props.context.node.input({ name: await uriName, resource: values.resource })\n\n      }\n    }\n  }\n  // multiple URI's\n  if (values.length >= 1) {\n    let uriNameList = [];\n    for (let index = 0; index < values.length; index++) {\n      if (values[index].name === values[index].resource) {\n        uriNameList.push({ name: await requestURIname(values[index].resource), resource: values[index].resource })\n        props.context.node.input(uriNameList)\n      }\n    }\n  }\n});\nfunction findPropertyToUpdate(trigger) {\n\n  let finalPath = { step: '', prop: props.context.node.name }\n  let pathToLocalStorage = JSON.parse(localStorage.getItem('dpi_datasets'));\n\n  for (let index = 0; index < Object.keys(pathToLocalStorage).length; index++) {\n    for (let innerIndex = 0; innerIndex < Object.keys(pathToLocalStorage)[index].length; innerIndex++) {\n      let ntry = Object.entries((pathToLocalStorage))\n      try {\n        Object.keys(ntry[index][innerIndex]).filter(e => {\n          if (e === props.context.node.name) {\n            finalPath.step = ntry[index][0]\n\n            if (trigger === 'erase') {\n\n              selection = {}\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            if (typeof selection === 'object') {\n\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            else pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            localStorage.setItem('dpi_datasets', JSON.stringify(pathToLocalStorage))\n          }\n        });\n      } catch (error) {\n      }\n    }\n  }\n\n  window.removeEventListener(\"click\", onClickOutside);\n}\nonClickOutside(dropdownList, event => activeList.value = false)\nlet annifHandlerTheme = async (input, limit) => {\n\n  let finalLimit = 10;\n  if (limit != undefined) {\n    finalLimit = finalLimit + 10\n  }\n\n  let query = qs.stringify({\n    'text': input,\n    'limit': finalLimit\n  });\n\n\n  var config = {\n    method: 'post',\n    url: voc == \"eurovoc\"\n      ? instance.content.dataProviderInterface.annifLinkSubject\n      : instance.content.dataProviderInterface.annifLinkTheme,\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      'Accept': 'application/json'\n    },\n    data: query\n  };\n\n  let list = []\n\n  axios(config)\n    .then(async (response) => {\n\n      for (let i = 0; i < response.data.results.length; i++) {\n\n\n        annifList[i] = { \"name\": response.data.results[i].label, \"resource\": response.data.results[i].uri, \"activeValue\": false }\n      }\n      let annifCacheList = []\n      if (listOfValues.value.length > 0) {\n        listOfValues.value.forEach(element => {\n          annifCacheList.push({ \"name\": element.name, \"resource\": element.resource, \"activeValue\": true })\n        });\n      }\n      if (response.data.results.length > 9) {\n        annifList[annifList.length + 1] = { \"name\": \"...\", \"resource\": \"invalid\", \"activeValue\": false }\n      }\n\n      annifSelectionList.value = eraseDuplicates(annifCacheList, annifList)\n\n    })\n    .catch(function (error) {\n      console.log(error);\n    });\n}\nasync function updateAnnifselection(item) {\n\n  if (item.resource === 'invalid') {\n    fillAnnifsuggestions(5);\n  }\n  else {\n    setValue({ name: item.name, resource: item.resource })\n    fillAnnifsuggestions()\n  }\n}\nfunction eraseDuplicates(array1, array2) {\n\n  let mergedArray = array1.concat(array2);\n  let filteredArray = [];\n  let resourceSet = new Set();\n\n  mergedArray.forEach(obj => {\n    if (!resourceSet.has(obj.resource)) {\n      resourceSet.add(obj.resource);\n      if (!obj.activeValue) {\n        filteredArray.push(obj);\n      }\n    }\n  });\n\n\n  return filteredArray;\n}\nconst fillAnnifsuggestions = async (limitChange) => {\n\n  let arr = getNode('Mandatory').value['dct:description']\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i]['@language'] === 'en') {\n      if (limitChange != undefined) {\n        await annifHandlerTheme(arr[i]['@value'], 5)\n      }\n      else await annifHandlerTheme(arr[i]['@value'])\n    }\n  }\n\n}\n\n// Need to append the classes to the formkit-outer element\nprops.context.classes.outer += ' autocompleteInput ' + props.context.attrs.identifier\n\nconst setValue = async (e) => {\n  inputText.value = \"\"\n  if (Object.keys(e).length === 1) {\n    return\n  }\n  if (listOfValues.value.length > 0) {\n\n    cacheList = listOfValues.value\n  }\n\n  // when its a multi input\n  if (props.context.attrs.multiple) {\n    // check for doubled values\n    if (cacheList.length != 0) {\n      let filteredProperty = { name: e.name, resource: e.resource };\n      let filteredList = cacheList.filter((element) => element.name != e.name);\n      filteredList.push(filteredProperty)\n      selection = filteredList;\n      await props.context.node.input(selection);\n\n    }\n    else {\n      cacheList.push({ name: e.name, resource: e.resource })\n      selection = cacheList\n      await props.context.node.input(selection);\n    }\n\n  }\n  else if (e.resource === \"invalid\") return\n  else if (e === \"erase\") { await props.context.node.input({}); findPropertyToUpdate(e) }\n  else {\n    selection = { name: e.name, resource: e.resource };\n    await props.context.node.input(selection);\n  }\n  findPropertyToUpdate();\n}\n\nconst getAutocompleteSuggestions = async (e) => {\n  let innerText = e.target.value\n  await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: voc, text: innerText, base: instance.api.baseUrl }).then((response) => {\n    // filter OP_DATPRO\n    const updatedArray = response.data.result.results.filter(obj => obj.id !== 'OP_DATPRO');\n\n    const results = updatedArray.map((r) => ({\n      name: getTranslationFor(r.pref_label, locale.value, []) + \" (\" + r.id + \")\",\n      resource: r.resource,\n    }));\n    if (results.length === 0) {\n      matches.value = { value: { name: matchesNothingFound } }\n    }\n    else matches.value = results;\n  });\n}\n\nfunction removeProperty(e) {\n  props.context.node.input({})\n  setValue('erase');\n}\nfunction removeMultipleProperty(e) {\n\n  if (instance.content.dataProviderInterface.annifIntegration) {\n    fillAnnifsuggestions()\n  }\n  if (listOfValues.value.length > 0) {\n    cacheList = listOfValues.value\n  }\n  // Get Index in the array where all values of the Span are stored and cut it out of the list of Values\n  cacheList.splice(cacheList.findIndex((element) => element.name == e.name), 1)\n  selection = cacheList;\n  props.context.node.input(selection);\n  findPropertyToUpdate();\n}\n</script>\n"],"names":["instance","getCurrentInstance","props","__props","store","useStore","t","locale","useI18n","listOfValues","computed","selection","voc","matchesSearchstring","matchesNothingFound","matches","ref","activeList","dropdownList","inputText","cacheList","annifList","annifTrigger","annifSelectionList","onMounted","inDis","watch","requestURIname","res","vocMatch","name","response","dataset","getTranslationFor","watchEffect","values","uriName","uriNameList","index","findPropertyToUpdate","trigger","finalPath","pathToLocalStorage","innerIndex","ntry","e","onClickOutside","event","annifHandlerTheme","input","limit","finalLimit","query","qs","config","axios","i","annifCacheList","element","eraseDuplicates","error","updateAnnifselection","item","fillAnnifsuggestions","setValue","array1","array2","mergedArray","filteredArray","resourceSet","obj","limitChange","arr","getNode","filteredProperty","filteredList","getAutocompleteSuggestions","innerText","results","r","removeProperty","removeMultipleProperty"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,QAAIA,IAAWC,GAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;UAErEC,IAAQC,GAGRC,IAAQC,GAAQ,GAChB,EAAE,GAAAC,GAAG,QAAAC,MAAWC;AAEtB,QAAIC,IAAeC,EAAS,MACnBR,EAAM,QAAQ,KACtB,GAEGS,GACAC,IAAMV,EAAM,QAAQ,MAAM,KAE1BW,IAAsBH,EAAS,MAC1BJ,EAAE,0CAA0C,CACpD,GACGQ,IAAsBJ,EAAS,MAC1BJ,EAAE,6CAA6C,CACvD,GACGS,IAAUC,EAAI;AAAA,MAChB,OAAO,EAAE,MAAMH,EAAoB;AAAA,IACrC,CAAC,GACGI,IAAaD,EAAI,GACjBE,IAAeF,EAAI,IAAI,GACvBG,IAAYH,EAAI,EAAE,GAClBI,IAAY,CAAA,GACZC,IAAY,CAAA,GACZC,IAAeN,EAAI;AAAA,MACrB,OAAO;AAAA,IACT,CAAC;AACmB,IAAAA,EAAK;AACzB,QAAIO,IAAqBP,EAAI,EAAE;AAE/B,IAAAQ,GAAU,YAAY;AACpB,MAAAL,EAAU,QAAQ;AAAA,IACpB,CAAC;AACD,QAAIM,IAAQf,EAAS,MAAM;AACzB,UAAI;AACF,YAAIR,EAAM,QAAQ,MAAM,MAAM,SAAS,gBAAgB;AACrD,iBAAO;AAAA,MAEV,QAAe;AAAA,MAEhB;AAAA,IAGF,CAAC;AACD,IAAAwB,EAAMX,GAAS,YAAY;AAAA,KAAG,GAC9BW,EAAMH,GAAoB,YAAY;AAAA,KAAG;AAEzC,UAAMI,IAAiB,OAAOC,MAAQ;AAEpC,UAAIA,KAAO,MAAW;AACpB,YAAIC,IACFjB,MAAQ,sBACRA,MAAQ,2BAENkB;AAEJ,qBAAM1B,EAAM,SAAS,gCAAgC,EAAE,KAAKQ,GAAK,KAAKgB,GAAK,MAAM5B,EAAQ,CAAE,EAAE;AAAA,UAC3F,CAAC+B,MAAa;AACZ,YAAI7B,EAAM,QAAQ,MAAM,aAAa,iCAC/B6B,KAAY,SAMdD,IALaD,IACTE,EAAS,KAAK,OAAO,QACpB,OAAO,CAACC,MAAYA,EAAQ,aAAaJ,CAAG,EAC5C,IAAI,CAACI,MAAYA,EAAQ,SAAS,EAAE,CAAC,EAAE,KACxCC,EAAkBF,EAAS,KAAK,OAAO,WAAW,MAAM,CAAA,CAAE,KAK5DA,KAAY,SAMdD,IALaD,IACTE,EAAS,KAAK,OAAO,QACpB,OAAO,CAACC,MAAYA,EAAQ,aAAaJ,CAAG,EAC5C,IAAI,CAACI,MAAYA,EAAQ,UAAU,EAAE,CAAC,EAAE,KACzCC,EAAkBF,EAAS,KAAK,OAAO,YAAY,MAAM,CAAA,CAAE;AAAA,UAKrE;AAAA,QACN,GACWD;AAAA,MACT;AAAA,IAEF;AAEA,IAAAI,GAAY,YAAY;AACtB,YAAMC,IAAS1B,EAAa;AAG5B,UAAI0B,EAAO,eAAe,MAAM,KAC1BA,EAAO,SAASA,EAAO,UAAU;AACnC,YAAIC;AACJ,QAAKlC,EAAM,QAAQ,MAAM,aACvBkC,IAAUT,EAAeQ,EAAO,QAAQ,GACxCjC,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAM,MAAMkC,GAAS,UAAUD,EAAO,UAAU;AAAA,MAG/E;AAGF,UAAIA,EAAO,UAAU,GAAG;AACtB,YAAIE,IAAc,CAAA;AAClB,iBAASC,IAAQ,GAAGA,IAAQH,EAAO,QAAQG;AACzC,UAAIH,EAAOG,CAAK,EAAE,SAASH,EAAOG,CAAK,EAAE,aACvCD,EAAY,KAAK,EAAE,MAAM,MAAMV,EAAeQ,EAAOG,CAAK,EAAE,QAAQ,GAAG,UAAUH,EAAOG,CAAK,EAAE,SAAQ,CAAE,GACzGpC,EAAM,QAAQ,KAAK,MAAMmC,CAAW;AAAA,MAG1C;AAAA,IACF,CAAC;AACD,aAASE,EAAqBC,GAAS;AAErC,UAAIC,IAAY,EAAE,MAAM,IAAI,MAAMvC,EAAM,QAAQ,KAAK,KAAK,GACtDwC,IAAqB,KAAK,MAAM,aAAa,QAAQ,cAAc,CAAC;AAExE,eAASJ,IAAQ,GAAGA,IAAQ,OAAO,KAAKI,CAAkB,EAAE,QAAQJ;AAClE,iBAASK,IAAa,GAAGA,IAAa,OAAO,KAAKD,CAAkB,EAAEJ,CAAK,EAAE,QAAQK,KAAc;AACjG,cAAIC,IAAO,OAAO,QAASF,CAAmB;AAC9C,cAAI;AACF,mBAAO,KAAKE,EAAKN,CAAK,EAAEK,CAAU,CAAC,EAAE,OAAO,CAAAE,MAAK;AAC/C,cAAIA,MAAM3C,EAAM,QAAQ,KAAK,SAC3BuC,EAAU,OAAOG,EAAKN,CAAK,EAAE,CAAC,GAE1BE,MAAY,YAEd7B,IAAY,CAAC,GACb+B,EAAmBD,EAAU,IAAI,EAAEA,EAAU,IAAI,IAAI9B,IAIrD+B,EAAmBD,EAAU,IAAI,EAAEA,EAAU,IAAI,IAAI9B,GAGvD,aAAa,QAAQ,gBAAgB,KAAK,UAAU+B,CAAkB,CAAC;AAAA,YAEnF,CAAS;AAAA,UACF,QAAe;AAAA,UAChB;AAAA,QACF;AAGF,aAAO,oBAAoB,SAASI,CAAc;AAAA,IACpD;AACA,IAAAA,EAAe5B,GAAc,CAAA6B,MAAS9B,EAAW,QAAQ,EAAK;AAC9D,QAAI+B,IAAoB,OAAOC,GAAOC,MAAU;AAE9C,UAAIC,IAAa;AACjB,MAAID,KAAS,SACXC,IAAaA,IAAa;AAG5B,UAAIC,IAAQC,GAAG,UAAU;AAAA,QACvB,MAAQJ;AAAA,QACR,OAASE;AAAA,MACb,CAAG;AAGD,UAAIG,IAAS;AAAA,QACX,QAAQ;AAAA,QACR,KAAK1C,KAAO,YACRZ,EAAS,QAAQ,sBAAsB,mBACvCA,EAAS,QAAQ,sBAAsB;AAAA,QAC3C,SAAS;AAAA,UACP,gBAAgB;AAAA,UAChB,QAAU;AAAA,QACX;AAAA,QACD,MAAMoD;AAAA,MACV;AAIE,MAAAG,GAAMD,CAAM,EACT,KAAK,OAAOvB,MAAa;AAExB,iBAASyB,IAAI,GAAGA,IAAIzB,EAAS,KAAK,QAAQ,QAAQyB;AAGhD,UAAAnC,EAAUmC,CAAC,IAAI,EAAE,MAAQzB,EAAS,KAAK,QAAQyB,CAAC,EAAE,OAAO,UAAYzB,EAAS,KAAK,QAAQyB,CAAC,EAAE,KAAK,aAAe,GAAM;AAE1H,YAAIC,IAAiB,CAAC;AACtB,QAAIhD,EAAa,MAAM,SAAS,KAC9BA,EAAa,MAAM,QAAQ,CAAAiD,MAAW;AACpC,UAAAD,EAAe,KAAK,EAAE,MAAQC,EAAQ,MAAM,UAAYA,EAAQ,UAAU,aAAe,GAAI,CAAE;AAAA,QACzG,CAAS,GAEC3B,EAAS,KAAK,QAAQ,SAAS,MACjCV,EAAUA,EAAU,SAAS,CAAC,IAAI,EAAE,MAAQ,OAAO,UAAY,WAAW,aAAe,GAAM,IAGjGE,EAAmB,QAAQoC,EAAgBF,GAAgBpC,CAAS;AAAA,MAE1E,CAAK,EACA,MAAM,SAAUuC,GAAO;AACtB,gBAAQ,IAAIA,CAAK;AAAA,MACvB,CAAK;AAAA,IACL;AACA,mBAAeC,EAAqBC,GAAM;AAExC,MAAIA,EAAK,aAAa,YACpBC,EAAqB,CAAC,KAGtBC,EAAS,EAAE,MAAMF,EAAK,MAAM,UAAUA,EAAK,UAAU,GACrDC,EAAqB;AAAA,IAEzB;AACA,aAASJ,EAAgBM,GAAQC,GAAQ;AAEvC,UAAIC,IAAcF,EAAO,OAAOC,CAAM,GAClCE,IAAgB,CAAA,GAChBC,IAAc,oBAAI;AAEtB,aAAAF,EAAY,QAAQ,CAAAG,MAAO;AACzB,QAAKD,EAAY,IAAIC,EAAI,QAAQ,MAC/BD,EAAY,IAAIC,EAAI,QAAQ,GACvBA,EAAI,eACPF,EAAc,KAAKE,CAAG;AAAA,MAG9B,CAAG,GAGMF;AAAA,IACT;AACA,UAAML,IAAuB,OAAOQ,MAAgB;AAElD,UAAIC,IAAMC,GAAQ,WAAW,EAAE,MAAM,iBAAiB;AACtD,eAASjB,IAAI,GAAGA,IAAIgB,EAAI,QAAQhB;AAC9B,QAAIgB,EAAIhB,CAAC,EAAE,WAAW,MAAM,SACtBe,KAAe,OACjB,MAAMvB,EAAkBwB,EAAIhB,CAAC,EAAE,QAAQ,GAAG,CAAC,IAExC,MAAMR,EAAkBwB,EAAIhB,CAAC,EAAE,QAAQ,CAAC;AAAA,IAInD;MAGM,QAAQ,QAAQ,SAAS,wBAAwBtD,EAAM,QAAQ,MAAM;AAEtE,UAAC8D,IAAW,OAAOnB,MAAM;AAE5B,UADA1B,EAAU,QAAQ,IACd,OAAO,KAAK0B,CAAC,EAAE,WAAW,GAS9B;AAAA,YANIpC,EAAa,MAAM,SAAS,MAE9BW,IAAYX,EAAa,QAIvBP,EAAM,QAAQ,MAAM;AAEtB,cAAIkB,EAAU,UAAU,GAAG;AACzB,gBAAIsD,IAAmB,EAAE,MAAM7B,EAAE,MAAM,UAAUA,EAAE,YAC/C8B,IAAevD,EAAU,OAAO,CAACsC,MAAYA,EAAQ,QAAQb,EAAE,IAAI;AACvE,YAAA8B,EAAa,KAAKD,CAAgB,GAClC/D,IAAYgE,GACZ,MAAMzE,EAAM,QAAQ,KAAK,MAAMS,CAAS;AAAA,UAE1C;AAEE,YAAAS,EAAU,KAAK,EAAE,MAAMyB,EAAE,MAAM,UAAUA,EAAE,UAAU,GACrDlC,IAAYS,GACZ,MAAMlB,EAAM,QAAQ,KAAK,MAAMS,CAAS;AAAA,aAIvC;AAAA,cAAIkC,EAAE,aAAa;AAAW;AAC9B,UAAIA,MAAM,WAAW,MAAM3C,EAAM,QAAQ,KAAK,MAAM,CAAA,CAAE,GAAGqC,EAAqBM,CAAC,MAElFlC,IAAY,EAAE,MAAMkC,EAAE,MAAM,UAAUA,EAAE,YACxC,MAAM3C,EAAM,QAAQ,KAAK,MAAMS,CAAS;AAAA;AAE1C,QAAA4B;;IACF,GAEMqC,IAA6B,OAAO/B,MAAM;AAC9C,UAAIgC,IAAYhC,EAAE,OAAO;AACzB,YAAMzC,EAAM,SAAS,2CAA2C,EAAE,KAAKQ,GAAK,MAAMiE,GAAW,MAAM7E,EAAS,IAAI,QAAS,CAAA,EAAE,KAAK,CAAC+B,MAAa;AAI5I,cAAM+C,IAFe/C,EAAS,KAAK,OAAO,QAAQ,OAAO,CAAAuC,MAAOA,EAAI,OAAO,WAAW,EAEzD,IAAI,CAACS,OAAO;AAAA,UACvC,MAAM9C,EAAkB8C,EAAE,YAAYxE,EAAO,OAAO,CAAA,CAAE,IAAI,OAAOwE,EAAE,KAAK;AAAA,UACxE,UAAUA,EAAE;AAAA,QACb,EAAC;AACF,QAAID,EAAQ,WAAW,IACrB/D,EAAQ,QAAQ,EAAE,OAAO,EAAE,MAAMD,EAAmB,EAAG,IAEpDC,EAAQ,QAAQ+D;AAAA,MACzB,CAAG;AAAA,IACH;AAEA,aAASE,EAAenC,GAAG;AACzB,MAAA3C,EAAM,QAAQ,KAAK,MAAM,CAAA,CAAE,GAC3B8D,EAAS,OAAO;AAAA,IAClB;AACA,aAASiB,EAAuBpC,GAAG;AAEjC,MAAI7C,EAAS,QAAQ,sBAAsB,oBACzC+D,EAAqB,GAEnBtD,EAAa,MAAM,SAAS,MAC9BW,IAAYX,EAAa,QAG3BW,EAAU,OAAOA,EAAU,UAAU,CAACsC,MAAYA,EAAQ,QAAQb,EAAE,IAAI,GAAG,CAAC,GAC5ElC,IAAYS,GACZlB,EAAM,QAAQ,KAAK,MAAMS,CAAS,GAClC4B;IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AutocompleteInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/AutocompleteInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n\n    <!-- need to make a condition for the licence property of the distribution - otherwise the dropdown doesnt work-->\n\n    <h4 class=\"formkitHeader\" v-if=\"inDis\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 v-if=\"props.context.attrs.identifier != 'licence' && !inDis\" v-html=\"$t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label')\">\n      </h4>\n\n    <div class=\"formkitCmpWrap\">\n\n      <div class=\"formkit-outer\">\n        <div class=\"d-flex formkit-inner\" v-if=\"!props.context.attrs.multiple && props.context.value.name\">\n          <!-- <div class=\"infoI\">\n            <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n          </div> -->\n          <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n          <div class=\"d-flex align-items-center justify-content-center formkit-inner mb-2\">\n            <!-- <div class=\"infoI\">\n              <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n\n            <input ref=\"acInput\" class=\"autocompleteInputfield\" :placeholder=\"props.context.attrs.placeholder\" v-model=\"inputText\"\n              type=\"text\" v-on:keyup=\"getAutocompleteSuggestions($event)\" @click=\"activeList = !activeList\">\n          </div>\n\n          <ul ref=\"dropdownList\" v-show=\"activeList\" class=\"autocompleteResultList\">\n            <li v-for=\"match in matches\" :key=\"match\" @click=\"setValue(match); activeList = !activeList\"\n              class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{ match.name }}\n            </li>\n          </ul>\n          <div v-if=\"instance.content.dataProviderInterface.annifIntegration && props.context.attrs.annifTheme\"\n            class=\"d-flex flex-wrap\">\n            <div v-for=\"item in listOfValues\" :key=\"item\">\n              <div class=\"activeResultsAutocompleteWrapper\">\n                <div class=\"d-flex\" @click=\"item.activeValue = !item.activeValue;\">\n                  <span>{{ item.name }}</span>\n                  <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-100 mt-4\">\n              <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n                <h3>{{ $t('message.dataupload.info.suggestions') }}</h3>\n                <span>{{ $t('message.dataupload.info.suggestionText') }}</span>\n                <button class=\"navlikeButton\" type=\"button\"\n                  @click=\"fillAnnifsuggestions(); annifTrigger.value = true\">{{ $t('message.dataupload.info.tryIt')\n                  }}</button>\n              </div>\n              <div class=\"annifresultContainer\" v-if=\"annifTrigger.value\">\n                <div v-for=\"item in annifSelectionList\" :key=\"item\" class=\"d-flex \">\n                  <div class=\"activeResultsAutocompleteWrapper annifResults\"\n                    :class=\"{ loadMore: item.resource === 'invalid' }\"\n                    @click=\"item.activeValue = !item.activeValue; updateAnnifselection(item)\">\n                    <div class=\"d-flex\">\n                      <span>{{ item.name }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n          <div v-else class=\"d-flex flex-wrap\">\n            <div class=\"activeResultsAutocompleteWrapper\" v-for=\"item in props.context.value\" :key=\"item\">\n              <span>{{ item.name }}</span>\n              <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n            </div>\n          </div>\n\n\n          <!-- <div class=\"formkit-wrapper mb-3\">\n            <div v-html=\"$t('message.dataupload.distributions.licence.vocabulary.help')\" class=\"formkit-help\"> \n            </div> \n          </div> -->\n\n          <div v-html=\"props.context.attrs.info\" class=\"formkit-help\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, watch, computed, onMounted, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { getCurrentInstance } from \"vue\";\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n';\n\nimport qs from 'qs';\nimport axios from 'axios';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n\nconst props = defineProps({\n  context: Object\n})\nconst store = useStore();\nconst { t, locale } = useI18n();\n\nlet listOfValues = computed(() => {\n  return props.context.value;\n})\n\nlet selection;\nlet voc = props.context.attrs.voc;\n\nlet matchesSearchstring = computed(() => {\n  return t('message.dataupload.info.searchVocabulary')\n})\nlet matchesNothingFound = computed(() => {\n  return t('message.dataupload.info.matchesNothingFound')\n})\nlet matches = ref({\n  value: { name: matchesSearchstring }\n})\nlet activeList = ref()\nlet dropdownList = ref(null)\nlet acInput = ref(null)\nlet inputText = ref({})\nlet cacheList = [];\nlet annifList = [];\nlet annifTrigger = ref({\n  value: false\n});\nlet initialValues = ref();\nlet annifSelectionList = ref({})\n\nonMounted(async () => {\n  inputText.value = \"\"\n});\nlet inDis = computed(() => {\n  try {\n    if (props.context.attrs.class.includes(\"inDistribution\")) {\n      return true\n    }\n  } catch (error) {\n\n  }\n\n\n});\nwatch(matches, async () => { })\nwatch(annifSelectionList, async () => { })\n\nconst requestURIname = async (res) => {\n\n  if (res != undefined) {\n    let vocMatch =\n      voc === \"iana-media-types\" ||\n      voc === \"spdx-checksum-algorithm\";\n\n    let name;\n\n    await store.dispatch('dpiStore/requestResourceName', { voc: voc, uri: res, envs: instance }).then(\n      (response) => {\n        if (props.context.attrs.property === 'dcatde:politicalGeocodingURI') {\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.alt_label)[0].en\n              : getTranslationFor(response.data.result.alt_label, 'en', []);\n            name = result;\n          }\n        } else {\n\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.pref_label)[0].en\n              : getTranslationFor(response.data.result.pref_label, 'en', []);\n            name = result;\n\n          }\n        }\n      }\n    );\n    return name\n  }\n\n}\n\nwatchEffect(async () => {\n  const values = listOfValues.value;\n\n  // single URI's\n  if (values.hasOwnProperty('name')) {\n    if (values.name === values.resource) {\n      let uriName;\n      if (!props.context.attrs.multiple) {\n        uriName = requestURIname(values.resource)\n        props.context.node.input({ name: await uriName, resource: values.resource })\n\n      }\n    }\n  }\n  // multiple URI's\n  if (values.length >= 1) {\n    let uriNameList = [];\n    for (let index = 0; index < values.length; index++) {\n      if (values[index].name === values[index].resource) {\n        uriNameList.push({ name: await requestURIname(values[index].resource), resource: values[index].resource })\n        props.context.node.input(uriNameList)\n      }\n    }\n  }\n});\nfunction findPropertyToUpdate(trigger) {\n\n  let finalPath = { step: '', prop: props.context.node.name }\n  let pathToLocalStorage = JSON.parse(localStorage.getItem('dpi_datasets'));\n\n  for (let index = 0; index < Object.keys(pathToLocalStorage).length; index++) {\n    for (let innerIndex = 0; innerIndex < Object.keys(pathToLocalStorage)[index].length; innerIndex++) {\n      let ntry = Object.entries((pathToLocalStorage))\n      try {\n        Object.keys(ntry[index][innerIndex]).filter(e => {\n          if (e === props.context.node.name) {\n            finalPath.step = ntry[index][0]\n\n            if (trigger === 'erase') {\n\n              selection = {}\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            if (typeof selection === 'object') {\n\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            else pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            localStorage.setItem('dpi_datasets', JSON.stringify(pathToLocalStorage))\n          }\n        });\n      } catch (error) {\n      }\n    }\n  }\n\n  window.removeEventListener(\"click\", onClickOutside);\n}\nonClickOutside(dropdownList, event => activeList.value = false)\nonClickOutside(acInput, event => inputText.value = \"\")\n\nlet annifHandlerTheme = async (input, limit) => {\n\n  let finalLimit = 10;\n  if (limit != undefined) {\n    finalLimit = finalLimit + 10\n  }\n\n  let query = qs.stringify({\n    'text': input,\n    'limit': finalLimit\n  });\n\n\n  var config = {\n    method: 'post',\n    url: voc == \"eurovoc\"\n      ? instance.content.dataProviderInterface.annifLinkSubject\n      : instance.content.dataProviderInterface.annifLinkTheme,\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      'Accept': 'application/json'\n    },\n    data: query\n  };\n\n  let list = []\n\n  axios(config)\n    .then(async (response) => {\n\n      for (let i = 0; i < response.data.results.length; i++) {\n\n\n        annifList[i] = { \"name\": response.data.results[i].label, \"resource\": response.data.results[i].uri, \"activeValue\": false }\n      }\n      let annifCacheList = []\n      if (listOfValues.value.length > 0) {\n        listOfValues.value.forEach(element => {\n          annifCacheList.push({ \"name\": element.name, \"resource\": element.resource, \"activeValue\": true })\n        });\n      }\n      if (response.data.results.length > 9) {\n        annifList[annifList.length + 1] = { \"name\": \"...\", \"resource\": \"invalid\", \"activeValue\": false }\n      }\n\n      annifSelectionList.value = eraseDuplicates(annifCacheList, annifList)\n\n    })\n    .catch(function (error) {\n      console.log(error);\n    });\n}\nasync function updateAnnifselection(item) {\n\n  if (item.resource === 'invalid') {\n    fillAnnifsuggestions(5);\n  }\n  else {\n    setValue({ name: item.name, resource: item.resource })\n    fillAnnifsuggestions()\n  }\n}\nfunction eraseDuplicates(array1, array2) {\n\n  let mergedArray = array1.concat(array2);\n  let filteredArray = [];\n  let resourceSet = new Set();\n\n  mergedArray.forEach(obj => {\n    if (!resourceSet.has(obj.resource)) {\n      resourceSet.add(obj.resource);\n      if (!obj.activeValue) {\n        filteredArray.push(obj);\n      }\n    }\n  });\n\n\n  return filteredArray;\n}\nconst fillAnnifsuggestions = async (limitChange) => {\n\n  let arr = getNode('Mandatory').value['dct:description']\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i]['@language'] === 'en') {\n      if (limitChange != undefined) {\n        await annifHandlerTheme(arr[i]['@value'], 5)\n      }\n      else await annifHandlerTheme(arr[i]['@value'])\n    }\n  }\n\n}\n\n// Need to append the classes to the formkit-outer element\nprops.context.classes.outer += ' autocompleteInput ' + props.context.attrs.identifier\n\nconst setValue = async (e) => {\n  inputText.value = \"\"\n  if (Object.keys(e).length === 1) {\n    return\n  }\n  if (listOfValues.value.length > 0) {\n\n    cacheList = listOfValues.value\n  }\n\n  // when its a multi input\n  if (props.context.attrs.multiple) {\n    // check for doubled values\n    if (cacheList.length != 0) {\n      let filteredProperty = { name: e.name, resource: e.resource };\n      let filteredList = cacheList.filter((element) => element.name != e.name);\n      filteredList.push(filteredProperty)\n      selection = filteredList;\n      await props.context.node.input(selection);\n\n    }\n    else {\n      cacheList.push({ name: e.name, resource: e.resource })\n      selection = cacheList\n      await props.context.node.input(selection);\n    }\n\n  }\n  else if (e.resource === \"invalid\") return\n  else if (e === \"erase\") { await props.context.node.input({}); findPropertyToUpdate(e) }\n  else {\n    selection = { name: e.name, resource: e.resource };\n    await props.context.node.input(selection);\n  }\n  findPropertyToUpdate();\n}\n\nconst getAutocompleteSuggestions = async (e) => {\n  let innerText = e.target.value\n  await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: voc, text: innerText, base: instance.api.baseUrl }).then((response) => {\n    // filter OP_DATPRO\n    const updatedArray = response.data.result.results.filter(obj => obj.id !== 'OP_DATPRO');\n\n    const results = updatedArray.map((r) => ({\n      name: getTranslationFor(r.pref_label, locale.value, []) + \" (\" + r.id + \")\",\n      resource: r.resource,\n    }));\n    if (results.length === 0) {\n      matches.value = { value: { name: matchesNothingFound } }\n    }\n    else matches.value = results;\n  });\n}\n\nfunction removeProperty(e) {\n  props.context.node.input({})\n  setValue('erase');\n}\nfunction removeMultipleProperty(e) {\n\n  if (instance.content.dataProviderInterface.annifIntegration) {\n    fillAnnifsuggestions()\n  }\n  if (listOfValues.value.length > 0) {\n    cacheList = listOfValues.value\n  }\n  // Get Index in the array where all values of the Span are stored and cut it out of the list of Values\n  cacheList.splice(cacheList.findIndex((element) => element.name == e.name), 1)\n  selection = cacheList;\n  props.context.node.input(selection);\n  findPropertyToUpdate();\n}\n</script>\n"],"names":["instance","getCurrentInstance","props","__props","store","useStore","t","locale","useI18n","listOfValues","computed","selection","voc","matchesSearchstring","matchesNothingFound","matches","ref","activeList","dropdownList","acInput","inputText","cacheList","annifList","annifTrigger","annifSelectionList","onMounted","inDis","watch","requestURIname","res","vocMatch","name","response","dataset","getTranslationFor","watchEffect","values","uriName","uriNameList","index","findPropertyToUpdate","trigger","finalPath","pathToLocalStorage","innerIndex","ntry","e","onClickOutside","event","annifHandlerTheme","input","limit","finalLimit","query","qs","config","axios","i","annifCacheList","element","eraseDuplicates","error","updateAnnifselection","item","fillAnnifsuggestions","setValue","array1","array2","mergedArray","filteredArray","resourceSet","obj","limitChange","arr","getNode","filteredProperty","filteredList","getAutocompleteSuggestions","innerText","results","r","removeProperty","removeMultipleProperty"],"mappings":"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"}

package/dist/data-provider-interface/views/UserProfilePage.vue.d.ts

@@ -1,6 +1,7 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {
     values: {};
 }, {
+    getUserData: import('vuex').Computed;
     getUserName: import('vuex').Computed;
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,8 +1,8 @@
-import { mapGetters as n } from "vuex";
-import { openBlock as r, createElementBlock as l, createElementVNode as e, createTextVNode as s, toDisplayString as a } from "vue";
+import { mapGetters as i } from "vuex";
+import { openBlock as n, createElementBlock as r, createElementVNode as e, createTextVNode as s, toDisplayString as l, Fragment as d, renderList as p } from "vue";
 import "./UserProfilePage.vue2.mjs";
-import i from "../../_virtual/_plugin-vue_export-helper.mjs";
-const d = {
+import m from "../../_virtual/_plugin-vue_export-helper.mjs";
+const u = {
   name: "DataProviderInterface-UserProfile",
   props: [],
   data() {
@@ -11,38 +11,54 @@ const d = {
     };
   },
   computed: {
-    ...n("auth", [
-      "getUserName"
+    ...i("auth", [
+      "getUserName",
+      "getUserData"
     ])
   },
   methods: {},
   created() {
   }
-}, p = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, m = { class: "panel-body inf-content" }, f = { class: "row" }, u = { class: "col-md-12" }, c = { class: "table-responsive" }, b = { class: "table table-user-information" }, g = { class: "text-primary" };
-function v(o, t, y, _, x, N) {
-  return r(), l("div", p, [
-    t[5] || (t[5] = e("h1", { class: "small-headline" }, "My Profile", -1)),
-    t[6] || (t[6] = s()),
-    e("div", m, [
-      e("div", f, [
-        e("div", u, [
-          t[2] || (t[2] = e("strong", { class: "table-header" }, "User Information", -1)),
-          t[3] || (t[3] = e("br", null, null, -1)),
-          t[4] || (t[4] = s()),
-          e("div", c, [
-            e("table", b, [
+}, f = { class: "d-flex flex-column bg-transparent container-fluid justify-content-between content" }, g = { class: "panel-body inf-content" }, y = { class: "row" }, b = { class: "col-md-12" }, v = { class: "table-responsive" }, x = { class: "table table-user-information" }, c = { class: "text-primary" }, U = { class: "text-primary" };
+function N(o, t, P, D, _, $) {
+  return n(), r("div", f, [
+    t[8] || (t[8] = e("h1", { class: "small-headline" }, "My Profile", -1)),
+    t[9] || (t[9] = s()),
+    e("div", g, [
+      e("div", y, [
+        e("div", b, [
+          t[5] || (t[5] = e("strong", { class: "table-header" }, "User Information", -1)),
+          t[6] || (t[6] = e("br", null, null, -1)),
+          t[7] || (t[7] = s()),
+          e("div", v, [
+            e("table", x, [
               e("tbody", null, [
                 e("tr", null, [
                   t[0] || (t[0] = e("td", null, [
                     e("strong", null, [
                       e("span", { class: "glyphicon glyphicon-user text-primary" }),
                       s(`
-                    Name:
-                  `)
+                      Name:
+                    `)
                     ])
                   ], -1)),
                   t[1] || (t[1] = s()),
-                  e("td", g, a(o.getUserName), 1)
+                  e("td", c, l(o.getUserName), 1)
+                ]),
+                t[4] || (t[4] = s()),
+                e("tr", null, [
+                  t[2] || (t[2] = e("td", null, [
+                    e("strong", null, [
+                      e("span", { class: "glyphicon glyphicon-user text-primary" }),
+                      s(`
+                      Roles:
+                    `)
+                    ])
+                  ], -1)),
+                  t[3] || (t[3] = s()),
+                  e("td", U, [
+                    (n(!0), r(d, null, p(o.getUserData.roles, (a) => (n(), r("p", null, l(a), 1))), 256))
+                  ])
                 ])
               ])
             ])
@@ -52,8 +68,8 @@ function v(o, t, y, _, x, N) {
     ])
   ]);
 }
-const k = /* @__PURE__ */ i(d, [["render", v], ["__scopeId", "data-v-8b4f94b2"]]);
+const E = /* @__PURE__ */ m(u, [["render", N], ["__scopeId", "data-v-aecff259"]]);
 export {
-  k as default
+  E as default
 };
 //# sourceMappingURL=UserProfilePage.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserProfilePage.vue.mjs","sources":["../../../lib/data-provider-interface/views/UserProfilePage.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content\">\n    <h1 class=\"small-headline\">My Profile</h1>\n    <div class=\"panel-body inf-content\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <strong class=\"table-header\">User Information</strong><br>\n          <div class=\"table-responsive\">\n          <table class=\"table table-user-information\">\n            <tbody>\n              <tr>\n                <td>\n                  <strong>\n                    <span class=\"glyphicon glyphicon-user text-primary\"></span>\n                    Name:\n                  </strong>\n                </td>\n                <td class=\"text-primary\">\n                  {{ getUserName }}\n                </td>\n              </tr>\n            </tbody>\n          </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n  name: 'DataProviderInterface-UserProfile',\n  props: [],\n  data() {\n    return {\n      values: {},\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getUserName',\n    ]),\n  },\n  methods: {},\n  created() {},\n};\n</script>\n\n<style scoped>\n.inf-content{\n  border:1px solid #DDDDDD;\n  -webkit-border-radius:10px;\n  -moz-border-radius:10px;\n  border-radius:10px;\n  box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);\n}\n\n.table-header {\n  padding: 0.75rem;\n}\n</style>\n"],"names":["_sfc_main","mapGetters","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_cache","_createElementVNode","_createTextVNode","_toDisplayString","_ctx"],"mappings":";;;;AAiCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAE;AAAA,EACT,OAAO;AACL,WAAO;AAAA,MACL,QAAQ,CAAE;AAAA;EAEb;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS,CAAE;AAAA,EACX,UAAU;AAAA,EAAE;AACd,GA/COC,IAAA,EAAA,OAAM,oFAAmF,GAEvFC,IAAA,EAAA,OAAM,yBAAwB,GAC5BC,IAAA,EAAA,OAAM,MAAK,GACTC,IAAA,EAAA,OAAM,YAAW,GAEfC,IAAA,EAAA,OAAM,mBAAkB,GACtBC,IAAA,EAAA,OAAM,+BAA8B,GASjCC,IAAA,EAAA,OAAM,eAAc;;AAhBtC,SAAAC,EAAA,GAAAC,EA0BM,OA1BNR,GA0BM;AAAA,IAzBJS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAA0C,MAAtC,EAAA,OAAM,iBAAgB,GAAC,cAAU,EAAA;AAAA,IAFzCD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,IAGID,EAuBM,OAvBNT,GAuBM;AAAA,MAtBJS,EAqBM,OArBNR,GAqBM;AAAA,QApBJQ,EAmBM,OAnBNP,GAmBM;AAAA,UAlBJM,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAsD,UAA9C,EAAA,OAAM,eAAc,GAAC,oBAAgB,EAAA;AAAA,0BAASA,EAAI,MAAA,MAAA,MAAA,EAAA;AAAA,UANpED,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,UAOUD,EAgBM,OAhBNN,GAgBM;AAAA,YAfNM,EAcQ,SAdRL,GAcQ;AAAA,cAbNK,EAYQ,SAAA,MAAA;AAAA,gBAXNA,EAUK,MAAA,MAAA;AAAA,kCATHA,EAKK,MAAA,MAAA;AAAA,oBAJHA,EAGS,UAAA,MAAA;AAAA,sBAFPA,EAA2D,QAAA,EAArD,OAAM,wCAAuC,CAAA;AAAA,sBAbvEC,EAa+E;AAAA;AAAA,mBAE7D;AAAA;;kBAflBF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,kBAiBgBD,EAEK,MAFLJ,GAEKM,EADAC,EAAW,WAAA,GAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"UserProfilePage.vue.mjs","sources":["../../../lib/data-provider-interface/views/UserProfilePage.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between content\">\n    <h1 class=\"small-headline\">My Profile</h1>\n    <div class=\"panel-body inf-content\">\n      <div class=\"row\">\n        <div class=\"col-md-12\">\n          <strong class=\"table-header\">User Information</strong><br>\n          <div class=\"table-responsive\">\n            <table class=\"table table-user-information\">\n              <tbody>\n                <tr>\n                  <td>\n                    <strong>\n                      <span class=\"glyphicon glyphicon-user text-primary\"></span>\n                      Name:\n                    </strong>\n                  </td>\n                  <td class=\"text-primary\">\n                    {{ getUserName }}\n                  </td>\n\n                </tr>\n                <tr>\n                  <td>\n                    <strong>\n                      <span class=\"glyphicon glyphicon-user text-primary\"></span>\n                      Roles:\n                    </strong>\n                  </td>\n                  <td class=\"text-primary\">\n                    <p v-for=\"i in getUserData['roles']\">\n                      {{ i }}\n                    </p>\n                  </td>\n\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n  name: 'DataProviderInterface-UserProfile',\n  props: [],\n  data() {\n    return {\n      values: {},\n    };\n  },\n  computed: {\n    ...mapGetters('auth', [\n      'getUserName',\n      'getUserData'\n    ]),\n  },\n  methods: {},\n  created() { },\n};\n</script>\n\n<style scoped>\n.inf-content {\n  border: 1px solid #DDDDDD;\n  -webkit-border-radius: 10px;\n  -moz-border-radius: 10px;\n  border-radius: 10px;\n  box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);\n}\n\n.table-header {\n  padding: 0.75rem;\n}\n</style>\n"],"names":["_sfc_main","mapGetters","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_openBlock","_createElementBlock","_cache","_createElementVNode","_createTextVNode","_toDisplayString","_ctx","_Fragment","_renderList","i"],"mappings":";;;;AAgDA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO,CAAE;AAAA,EACT,OAAO;AACL,WAAO;AAAA,MACL,QAAQ,CAAE;AAAA;EAEb;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS,CAAE;AAAA,EACX,UAAU;AAAA,EAAG;AACf,GA/DOC,IAAA,EAAA,OAAM,oFAAmF,GAEvFC,IAAA,EAAA,OAAM,yBAAwB,GAC5BC,IAAA,EAAA,OAAM,MAAK,GACTC,IAAA,EAAA,OAAM,YAAW,GAEfC,IAAA,EAAA,OAAM,mBAAkB,GACpBC,IAAA,EAAA,OAAM,+BAA8B,GASjCC,IAAA,EAAA,OAAM,eAAc,GAYpBC,IAAA,EAAA,OAAM,eAAc;;AA5BxC,SAAAC,EAAA,GAAAC,EAyCM,OAzCNT,GAyCM;AAAA,IAxCJU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAA0C,MAAtC,EAAA,OAAM,iBAAgB,GAAC,cAAU,EAAA;AAAA,IAFzCD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,IAGID,EAsCM,OAtCNV,GAsCM;AAAA,MArCJU,EAoCM,OApCNT,GAoCM;AAAA,QAnCJS,EAkCM,OAlCNR,GAkCM;AAAA,UAjCJO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAsD,UAA9C,EAAA,OAAM,eAAc,GAAC,oBAAgB,EAAA;AAAA,0BAASA,EAAI,MAAA,MAAA,MAAA,EAAA;AAAA,UANpED,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,UAOUD,EA+BM,OA/BNP,GA+BM;AAAA,YA9BJO,EA6BQ,SA7BRN,GA6BQ;AAAA,cA5BNM,EA2BQ,SAAA,MAAA;AAAA,gBA1BNA,EAWK,MAAA,MAAA;AAAA,kCAVHA,EAKK,MAAA,MAAA;AAAA,oBAJHA,EAGS,UAAA,MAAA;AAAA,sBAFPA,EAA2D,QAAA,EAArD,OAAM,wCAAuC,CAAA;AAAA,sBAbzEC,EAaiF;AAAA;AAAA,qBAE7D;AAAA;;kBAfpBF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,kBAiBkBD,EAEK,MAFLL,GAEKO,EADAC,EAAW,WAAA,GAAA,CAAA;AAAA;gBAlBlCJ,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,gBAsBgBD,EAaK,MAAA,MAAA;AAAA,kCAZHA,EAKK,MAAA,MAAA;AAAA,oBAJHA,EAGS,UAAA,MAAA;AAAA,sBAFPA,EAA2D,QAAA,EAArD,OAAM,wCAAuC,CAAA;AAAA,sBAzBzEC,EAyBiF;AAAA;AAAA,qBAE7D;AAAA;;kBA3BpBF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAE,EAAA;AAAA,kBA6BkBD,EAIK,MAJLJ,GAIK;AAAA,qBAHHC,EAAA,EAAA,GAAAC,EAEIM,GAhCxB,MAAAC,EA8BmCF,EAAW,YAAA,OA9B9C,CA8B8BG,OAAVT,EAAA,GAAAC,EAEI,aADCQ,CAAC,GAAA,CAAA;;;;;;;;;;;;"}

package/dist/datasetDetails/distributions/Distributions.vue.d.ts

@@ -48,6 +48,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     previewedDistDownloadUrl: string;
     previewedDistFormat: string;
     selectedDistribution: null;
+    showVisualisation: any;
 }, {
     getCatalog: import('vuex').Computed;
     getLanguages: import('vuex').Computed;