@piveau/piveau-hub-ui-modules 4.4.0-beta.2 → 4.4.0

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

@@ -1,8 +1,8 @@
-import { getCurrentInstance as ee, computed as S, ref as y, onMounted as te, watch as B, watchEffect as ne, openBlock as r, createElementBlock as i, unref as u, toDisplayString as p, createCommentVNode as $, createTextVNode as m, createElementVNode as s, withDirectives as X, isRef as N, vModelText as ae, Fragment as L, renderList as V, vShow as oe, normalizeClass as se } from "vue";
-import { useStore as le } from "vuex";
-import { getTranslationFor as O } from "../../utils/helpers.mjs";
+import { getCurrentInstance as ee, computed as L, ref as y, onMounted as te, watch as W, watchEffect as ne, openBlock as r, createElementBlock as i, unref as u, toDisplayString as v, createCommentVNode as N, createTextVNode as p, createElementVNode as s, withDirectives as B, isRef as O, vModelText as ae, Fragment as S, renderList as V, vShow as oe, normalizeClass as le } from "vue";
+import { useStore as se } from "vuex";
+import { getTranslationFor as $ } from "../../utils/helpers.mjs";
 import { getNode as re } from "@formkit/core";
-import { onClickOutside as H } from "../../external/@vueuse/core/index";
+import { onClickOutside as X } from "../../external/@vueuse/core/index";
 import { useI18n as ie } from "vue-i18n";
 import ce from "qs";
 import ue from "axios";
@@ -15,23 +15,23 @@ const de = { class: "formkitProperty" }, fe = {
 }, ge = { class: "autocompleteInputSingleValue" }, ye = { key: 1 }, xe = { class: "d-flex align-items-center justify-content-center formkit-inner mb-2" }, _e = ["placeholder"], ke = ["onClick"], be = {
   key: 0,
   class: "d-flex flex-wrap"
-}, we = { class: "activeResultsAutocompleteWrapper" }, Ce = ["onClick"], Ie = ["onClick"], Se = { class: "w-100 mt-4" }, Le = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Ve = {
+}, we = { class: "activeResultsAutocompleteWrapper" }, Ce = ["onClick"], Ie = ["onClick"], Le = { class: "w-100 mt-4" }, Se = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Ve = {
   key: 0,
   class: "annifresultContainer"
 }, Te = ["onClick"], Ae = { class: "d-flex" }, Pe = {
   key: 1,
   class: "d-flex flex-wrap"
-}, $e = ["onClick"], Ne = { class: "formkit-wrapper" }, Oe = { class: "formkit-help" }, We = {
+}, Ne = ["onClick"], Oe = { class: "formkit-wrapper" }, $e = ["innerHTML"], He = {
   __name: "AutocompleteInput",
   props: {
     context: Object
   },
   setup(J) {
     let x = ee().appContext.app.config.globalProperties.$env;
-    const a = J, R = le(), { t: j, locale: E } = ie();
-    let h = S(() => a.context.value), d, _ = a.context.attrs.voc, z = S(() => j("message.dataupload.info.searchVocabulary")), G = S(() => j("message.dataupload.info.matchesNothingFound")), w = y({
+    const a = J, R = se(), { t: j, locale: M } = ie();
+    let h = L(() => a.context.value), d, _ = a.context.attrs.voc, z = L(() => j("message.dataupload.info.searchVocabulary")), G = L(() => j("message.dataupload.info.matchesNothingFound")), w = y({
       value: { name: z }
-    }), f = y(), M = y(null), k = y({}), v = [], C = [], q = y({
+    }), f = y(), E = y(null), k = y({}), m = [], C = [], q = y({
       value: !1
     });
     y();
@@ -39,22 +39,22 @@ const de = { class: "formkitProperty" }, fe = {
     te(async () => {
       k.value = "";
     });
-    let D = S(() => {
+    let D = L(() => {
       try {
         if (a.context.attrs.class.includes("inDistribution"))
           return !0;
       } catch {
       }
     });
-    B(w, async () => {
-    }), B(T, async () => {
+    W(w, async () => {
+    }), W(T, async () => {
     });
     const U = async (t) => {
       if (t != null) {
         let n = _ === "iana-media-types" || _ === "spdx-checksum-algorithm", e;
         return await R.dispatch("dpiStore/requestResourceName", { voc: _, uri: t, envs: x }).then(
           (o) => {
-            a.context.attrs.property === "dcatde:politicalGeocodingURI" ? o != null && (e = n ? o.data.result.results.filter((l) => l.resource === t).map((l) => l.alt_label)[0].en : O(o.data.result.alt_label, "en", [])) : o != null && (e = n ? o.data.result.results.filter((l) => l.resource === t).map((l) => l.pref_label)[0].en : O(o.data.result.pref_label, "en", []));
+            a.context.attrs.property === "dcatde:politicalGeocodingURI" ? o != null && (e = n ? o.data.result.results.filter((l) => l.resource === t).map((l) => l.alt_label)[0].en : $(o.data.result.alt_label, "en", [])) : o != null && (e = n ? o.data.result.results.filter((l) => l.resource === t).map((l) => l.pref_label)[0].en : $(o.data.result.pref_label, "en", []));
           }
         ), e;
       }
@@ -83,9 +83,9 @@ const de = { class: "formkitProperty" }, fe = {
           } catch {
           }
         }
-      window.removeEventListener("click", H);
+      window.removeEventListener("click", X);
     }
-    H(M, (t) => f.value = !1);
+    X(E, (t) => f.value = !1);
     let F = async (t, n) => {
       let e = 10;
       n != null && (e = e + 10);
@@ -130,12 +130,12 @@ const de = { class: "formkitProperty" }, fe = {
     a.context.classes.outer += " autocompleteInput " + a.context.attrs.identifier;
     const P = async (t) => {
       if (Object.keys(t).length !== 1) {
-        if (h.value.length > 0 && (v = h.value), a.context.attrs.multiple)
-          if (v.length != 0) {
-            let n = { name: t.name, resource: t.resource }, e = v.filter((o) => o.name != t.name);
+        if (h.value.length > 0 && (m = h.value), a.context.attrs.multiple)
+          if (m.length != 0) {
+            let n = { name: t.name, resource: t.resource }, e = m.filter((o) => o.name != t.name);
             e.push(n), d = e, await a.context.node.input(d);
           } else
-            v.push({ name: t.name, resource: t.resource }), d = v, await a.context.node.input(d);
+            m.push({ name: t.name, resource: t.resource }), d = m, await a.context.node.input(d);
         else {
           if (t.resource === "invalid")
             return;
@@ -145,9 +145,9 @@ const de = { class: "formkitProperty" }, fe = {
       }
     }, Y = async (t) => {
       let n = t.target.value;
-      console.log(E), await R.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: _, text: n, base: x.api.baseUrl }).then((e) => {
+      console.log(M), await R.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: _, text: n, base: x.api.baseUrl }).then((e) => {
         const o = e.data.result.results.map((c) => ({
-          name: O(c.pref_label, E.value, []) + " (" + c.id + ")",
+          name: $(c.pref_label, M.value, []) + " (" + c.id + ")",
           resource: c.resource
         }));
         o.length === 0 ? w.value = { value: { name: G } } : w.value = o;
@@ -156,55 +156,55 @@ const de = { class: "formkitProperty" }, fe = {
     function Z(t) {
       a.context.node.input({}), P("erase");
     }
-    function W(t) {
-      x.content.dataProviderInterface.annifIntegration && I(), h.value.length > 0 && (v = h.value), v.splice(v.findIndex((n) => n.name == t.name), 1), d = v, a.context.node.input(d), A();
+    function H(t) {
+      x.content.dataProviderInterface.annifIntegration && I(), h.value.length > 0 && (m = h.value), m.splice(m.findIndex((n) => n.name == t.name), 1), d = m, a.context.node.input(d), A();
     }
     return (t, n) => (r(), i("div", de, [
-      u(D) ? (r(), i("h4", fe, p(t.$t("message.dataupload.distributions." + a.context.attrs.identifier + ".label")), 1)) : $("", !0),
-      m(),
-      a.context.attrs.identifier != "licence" && !u(D) ? (r(), i("h4", pe, p(t.$t("message.dataupload.datasets." + a.context.attrs.identifier + ".label")), 1)) : $("", !0),
-      m(),
+      u(D) ? (r(), i("h4", fe, v(t.$t("message.dataupload.distributions." + a.context.attrs.identifier + ".label")), 1)) : N("", !0),
+      p(),
+      a.context.attrs.identifier != "licence" && !u(D) ? (r(), i("h4", pe, v(t.$t("message.dataupload.datasets." + a.context.attrs.identifier + ".label")), 1)) : N("", !0),
+      p(),
       s("div", me, [
         s("div", ve, [
           !a.context.attrs.multiple && a.context.value.name ? (r(), i("div", he, [
-            s("a", ge, p(a.context.value.name), 1),
-            m(),
+            s("a", ge, v(a.context.value.name), 1),
+            p(),
             s("div", {
               class: "removeX",
               onClick: Z
             })
           ])) : (r(), i("div", ye, [
             s("div", xe, [
-              X(s("input", {
+              B(s("input", {
                 class: "autocompleteInputfield",
                 placeholder: a.context.attrs.placeholder,
-                "onUpdate:modelValue": n[0] || (n[0] = (e) => N(k) ? k.value = e : k = e),
+                "onUpdate:modelValue": n[0] || (n[0] = (e) => O(k) ? k.value = e : k = e),
                 type: "text",
                 onKeyup: n[1] || (n[1] = (e) => Y(e)),
-                onClick: n[2] || (n[2] = (e) => N(f) ? f.value = !u(f) : f = !u(f))
+                onClick: n[2] || (n[2] = (e) => O(f) ? f.value = !u(f) : f = !u(f))
               }, null, 40, _e), [
                 [ae, u(k)]
               ])
             ]),
-            m(),
-            X(s("ul", {
+            p(),
+            B(s("ul", {
               ref_key: "dropdownList",
-              ref: M,
+              ref: E,
               class: "autocompleteResultList"
             }, [
-              (r(!0), i(L, null, V(u(w), (e) => (r(), i("li", {
+              (r(!0), i(S, null, V(u(w), (e) => (r(), i("li", {
                 key: e,
                 onClick: (o) => {
-                  P(e), N(f) ? f.value = !u(f) : f = !u(f);
+                  P(e), O(f) ? f.value = !u(f) : f = !u(f);
                 },
                 class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-              }, p(e.name), 9, ke))), 128))
+              }, v(e.name), 9, ke))), 128))
             ], 512), [
               [oe, u(f)]
             ]),
-            m(),
+            p(),
             u(x).content.dataProviderInterface.annifIntegration && a.context.attrs.annifTheme ? (r(), i("div", be, [
-              (r(!0), i(L, null, V(u(h), (e) => (r(), i("div", { key: e }, [
+              (r(!0), i(S, null, V(u(h), (e) => (r(), i("div", { key: e }, [
                 s("div", we, [
                   s("div", {
                     class: "d-flex",
@@ -212,65 +212,66 @@ const de = { class: "formkitProperty" }, fe = {
                       e.activeValue = !e.activeValue;
                     }
                   }, [
-                    s("span", null, p(e.name), 1),
-                    m(),
+                    s("span", null, v(e.name), 1),
+                    p(),
                     s("div", {
                       class: "removeX",
-                      onClick: (o) => W(e)
+                      onClick: (o) => H(e)
                     }, null, 8, Ie)
                   ], 8, Ce)
                 ])
               ]))), 128)),
-              m(),
-              s("div", Se, [
-                s("div", Le, [
-                  s("h3", null, p(a.context.label) + " - " + p(t.$t("message.dataupload.info.suggestions")), 1),
-                  m(),
-                  s("span", null, p(t.$t("message.dataupload.info.suggestionText")), 1),
-                  m(),
+              p(),
+              s("div", Le, [
+                s("div", Se, [
+                  s("h3", null, v(t.$t("message.dataupload.info.suggestions")), 1),
+                  p(),
                   s("button", {
                     class: "navlikeButton",
                     type: "button",
                     onClick: n[3] || (n[3] = (e) => {
                       I(), u(q).value = !0;
                     })
-                  }, p(t.$t("message.dataupload.info.tryIt")), 1)
+                  }, v(t.$t("message.dataupload.info.tryIt")), 1)
                 ]),
-                m(),
+                p(),
                 u(q).value ? (r(), i("div", Ve, [
-                  (r(!0), i(L, null, V(u(T), (e) => (r(), i("div", {
+                  (r(!0), i(S, null, V(u(T), (e) => (r(), i("div", {
                     key: e,
                     class: "d-flex"
                   }, [
                     s("div", {
-                      class: se(["activeResultsAutocompleteWrapper annifResults", { loadMore: e.resource === "invalid" }]),
+                      class: le(["activeResultsAutocompleteWrapper annifResults", { loadMore: e.resource === "invalid" }]),
                       onClick: (o) => {
                         e.activeValue = !e.activeValue, K(e);
                       }
                     }, [
                       s("div", Ae, [
-                        s("span", null, p(e.name), 1)
+                        s("span", null, v(e.name), 1)
                       ])
                     ], 10, Te)
                   ]))), 128))
-                ])) : $("", !0)
+                ])) : N("", !0)
               ])
             ])) : (r(), i("div", Pe, [
-              (r(!0), i(L, null, V(a.context.value, (e) => (r(), i("div", {
+              (r(!0), i(S, null, V(a.context.value, (e) => (r(), i("div", {
                 class: "activeResultsAutocompleteWrapper",
                 key: e
               }, [
-                s("span", null, p(e.name), 1),
-                m(),
+                s("span", null, v(e.name), 1),
+                p(),
                 s("div", {
                   class: "removeX",
-                  onClick: (o) => W(e)
-                }, null, 8, $e)
+                  onClick: (o) => H(e)
+                }, null, 8, Ne)
               ]))), 128))
             ])),
-            m(),
-            s("div", Ne, [
-              s("div", Oe, p(a.context.help), 1)
+            p(),
+            s("div", Oe, [
+              s("div", {
+                innerHTML: a.context.help,
+                class: "formkit-help"
+              }, null, 8, $e)
             ])
           ]))
         ])
@@ -279,6 +280,6 @@ const de = { class: "formkitProperty" }, fe = {
   }
 };
 export {
-  We as default
+  He 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\">{{ $t('message.dataupload.datasets.' +\n      props.context.attrs.identifier + '.label') }}</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            <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          <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>{{ props.context.label }} - {{ $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          <div class=\"formkit-wrapper\">\n            <div class=\"formkit-help\">{{ props.context.help }}</div>\n          </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  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\nconsole.log(locale);\n\n\n  await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: voc, text: innerText, base: instance.api.baseUrl }).then((response) => {\n    const results = response.data.result.results.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>"],"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":"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"}
+{"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\">{{ $t('message.dataupload.datasets.' +\n      props.context.attrs.identifier + '.label') }}</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            <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          <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          <div class=\"formkit-wrapper\">\n            <div v-html=\"props.context.help\" class=\"formkit-help\"></div>\n          </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  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\nconsole.log(locale);\n\n\n  await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: voc, text: innerText, base: instance.api.baseUrl }).then((response) => {\n    const results = response.data.result.results.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":"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"}