@piveau/piveau-hub-ui-modules 4.5.4 → 4.5.6

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

@@ -1,13 +1,13 @@
-import { getCurrentInstance as ie, ref as u, computed as v, watchEffect as ne, watch as A, onMounted as re, nextTick as ce, reactive as de, openBlock as l, createElementBlock as i, unref as y, createElementVNode as c, toDisplayString as m, createTextVNode as d, withDirectives as q, vShow as ue, createCommentVNode as I, Fragment as L, renderList as S, isRef as R, vModelText as pe } from "vue";
-import { useStore as ve } from "vuex";
-import { getTranslationFor as z } from "../../utils/helpers.mjs";
-import { onClickOutside as G } from "../../external/@vueuse/core/index";
-import { useRoute as me } from "vue-router";
-import { useI18n as fe } from "vue-i18n";
-import { useTed as ye } from "../../composables/useTed.mjs";
-import { useAutocomplete as ge } from "../composables/aucotomplete.mjs";
-import { useRequestUriName as he } from "../composables/useRequestUriName.mjs";
-import { useDpiContext as be } from "../composables/useDpiContext.mjs";
+import { getCurrentInstance as re, ref as d, computed as v, watchEffect as ce, watch as L, onMounted as de, nextTick as ue, reactive as pe, openBlock as l, createElementBlock as i, unref as y, createElementVNode as c, toDisplayString as m, createTextVNode as u, withDirectives as S, vShow as ve, createCommentVNode as I, vModelText as J, Fragment as G, renderList as E, isRef as R } from "vue";
+import { useStore as me } from "vuex";
+import { getTranslationFor as W } from "../../utils/helpers.mjs";
+import { onClickOutside as N } from "../../external/@vueuse/core/index";
+import { useRoute as fe } from "vue-router";
+import { useI18n as ye } from "vue-i18n";
+import { useTed as ge } from "../../composables/useTed.mjs";
+import { useAutocomplete as he } from "../composables/aucotomplete.mjs";
+import { useRequestUriName as be } from "../composables/useRequestUriName.mjs";
+import { useDpiContext as Ie } from "../composables/useDpiContext.mjs";
 import "@formkit/core";
 import "merge-anything";
 import "../../configurations/config-schema/apiSchema.mjs";
@@ -20,63 +20,65 @@ import "../../configurations/config-schema/themesSchema.mjs";
 import "../../configurations/config-schema/trackerSchema.mjs";
 import "../../configurations/config-schema/configSchema.mjs";
 import "./SpatialInput.vue2.mjs";
-import Ie from "../../_virtual/_plugin-vue_export-helper.mjs";
-import { whenever as ke } from "../../external/@vueuse/shared/index";
-const Ce = { class: "d-flex flex-column w-100 spatialWrap" }, xe = {
+import ke from "../../_virtual/_plugin-vue_export-helper.mjs";
+import { whenever as Ce } from "../../external/@vueuse/shared/index";
+const xe = { class: "d-flex flex-column w-100 spatialWrap" }, we = {
   key: 0,
   class: "d-flex formkit-inner mx-3 mb-3"
-}, we = { class: "autocompleteInputSingleValue" }, $e = { key: 1 }, Re = { class: "w-100 d-flex" }, Ue = {
+}, $e = { class: "autocompleteInputSingleValue" }, Re = { key: 1 }, Ue = { class: "w-100 d-flex" }, Ke = {
   key: 0,
   class: "d-flex position-relative m-3 w-100"
-}, Ke = { class: "w-100" }, Te = ["placeholder"], Ve = {
+}, Te = { class: "w-100" }, Ve = ["placeholder"], Ae = {
   key: 1,
   class: "d-flex position-relative m-3 w-100"
-}, Ae = { class: "w-100" }, Le = {
+}, Le = { class: "w-100" }, Se = {
   key: 2,
   class: "d-flex position-relative m-3 w-100"
-}, Se = { class: "w-100" }, Ge = ["placeholder"], _e = ["onClick"], Ee = {
+}, Ge = { class: "w-100" }, Ee = ["placeholder"], Ne = ["onClick"], De = {
   key: 0,
   class: "m-3"
-}, Ne = {
+}, Me = {
   key: 0,
   class: "w-100"
-}, De = ["placeholder"], Me = ["onClick"], Fe = {
+}, _e = ["placeholder"], Fe = ["onClick"], Oe = {
   __name: "SpatialInput",
   props: {
     context: Object
   },
-  setup(J) {
-    let _ = ie().appContext.app.config.globalProperties.$env, E = me();
-    const W = be(), o = J, { requestAutocompleteSuggestions: N } = ge();
-    let x = u([]), n = u({}), g = u({}), w = u({}), U = u({});
-    ve();
-    const { t: Z, locale: K } = fe({ inheritLocale: !0, useScope: "global" }), p = ye(), k = u(!1), C = u(!1), D = v(() => {
-      var e;
-      return !!((e = W.value.edit) != null && e.enabled);
-    }), h = v(() => !!D.value && o.context.value.resource), T = v(() => h.value ? h.value.split("/")[h.value.split("/").length - 2] : ""), X = v(() => {
-      if (!T.value)
+  setup(Z) {
+    let D = re().appContext.app.config.globalProperties.$env, M = fe();
+    const X = Ie(), o = Z, { requestAutocompleteSuggestions: _ } = he();
+    let x = d([]);
+    const U = d("");
+    let n = d({}), g = d({}), w = d({}), K = d({});
+    me();
+    const { t: H, locale: T } = ye({ inheritLocale: !0, useScope: "global" }), p = ge(), k = d(!1), C = d(!1), F = v(() => {
+      var t;
+      return !!((t = X.value.edit) != null && t.enabled);
+    }), h = v(() => !!F.value && o.context.value.resource), V = v(() => h.value ? h.value.split("/")[h.value.split("/").length - 2] : ""), Q = v(() => {
+      if (!V.value)
         return "";
-      const e = o.context.attrs.identifier === "politicalGeocodingURI" ? "political-geocoding-" : "", t = T.value.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-      return `${e}${t}`;
-    }), H = v(() => {
-      const t = T.value.replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase().split(" ").map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
-      return Z(`message.dataupload.datasets.conditional.${t}`);
-    }), { execute: Q, state: M, isLoading: Y } = he({
-      voc: X,
+      const t = o.context.attrs.identifier === "politicalGeocodingURI" ? "political-geocoding-" : "", e = V.value.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+      return `${t}${e}`;
+    }), Y = v(() => {
+      const e = V.value.replace(/([a-z])([A-Z])/g, "$1 $2").toLowerCase().split(" ").map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
+      return H(`message.dataupload.datasets.conditional.${e}`);
+    }), { execute: ee, state: O, isLoading: te } = be({
+      voc: Q,
       res: v(() => o.context.value.resource),
       // property: 'dcatde:politicalGeocodingURI',
       property: v(() => o.context.attrs.identifier === "politicalGeocodingURI" ? "dcatde:politicalGeocodingURI" : "dct:spatial"),
-      locale: K
-    }), V = v(() => D.value && !Y.value && h.value && M.value ? `${H.value}: ${M.value} (${h.value.split("/").pop()})` : ""), F = u(!1);
-    ne(() => {
-      F.value || h.value && (F.value = !0, Q());
-    }, { immediate: !0 }), ke(V, () => {
-      const e = { name: V.value, resource: h.value };
-      o.context.node.input(e);
+      locale: T
+    }), A = v(() => F.value && !te.value && h.value && O.value ? `${Y.value}: ${O.value} (${h.value.split("/").pop()})` : ""), P = d(!1);
+    ce(() => {
+      P.value || h.value && (P.value = !0, ee());
+    }, { immediate: !0 }), Ce(A, () => {
+      const t = { name: A.value, resource: h.value };
+      o.context.node.input(t);
     });
-    const O = v(() => {
-      var e, t;
-      return !!((t = (e = o.context) == null ? void 0 : e.attrs) != null && t.vocabularyOnly);
+    const B = v(() => {
+      var t, e;
+      return !!((e = (t = o.context) == null ? void 0 : t.attrs) != null && e.vocabularyOnly);
     });
     o.context.attrs.identifier === "politicalGeocodingURI" && x.value.push(
       { item: "Municipality Key", active: !1, placeholder: p("message.dataupload.datasets.conditional.Municipality Key", "Municipality Key") },
@@ -89,39 +91,39 @@ const Ce = { class: "d-flex flex-column w-100 spatialWrap" }, xe = {
       { item: "Country", active: !1, placeholder: p("message.dataupload.datasets.conditional.Country", "Country") },
       { item: "Place", active: !1, placeholder: p("message.dataupload.datasets.conditional.Place", "Place") },
       { item: "Continent", active: !1, placeholder: p("message.dataupload.datasets.conditional.Continent", "Continent") }
-    ), A(n, async () => {
-      oe();
-    }), A(g, async (e, t) => {
-      e !== t && (g.value = g.value.toLowerCase());
-    }), A(U, async () => {
-      o.context.node.input({ name: U, resource: U });
-    }), re(async () => {
-      w = [{ name: p("message.dataupload.info.searchVocabulary", "--- Type in anything for a live search of the vocabulary ---").value, resource: "invalid" }], await ce(), o.context.value.name === void 0 || o.context.value.name === "" ? s.activeValue = !1 : s.activeValue = !0, O.value && (f("showTable"), C.value = !0, k.value && (k.value = !1));
+    ), L(n, async () => {
+      le();
+    }), L(g, async (t, e) => {
+      t !== e && (g.value = g.value.toLowerCase());
+    }), L(K, async () => {
+      o.context.node.input({ name: K, resource: K });
+    }), de(async () => {
+      w = [{ name: p("message.dataupload.info.searchVocabulary", "--- Type in anything for a live search of the vocabulary ---").value, resource: "invalid" }], await ue(), o.context.value.name === void 0 || o.context.value.name === "" ? s.activeValue = !1 : s.activeValue = !0, B.value && (f("showTable"), C.value = !0, k.value && (k.value = !1));
     });
-    function ee() {
-      x.value.forEach((e) => {
-        e.active = !1;
+    function ae() {
+      x.value.forEach((t) => {
+        t.active = !1;
       });
     }
-    function te(e) {
+    function oe(t) {
       s.activeValue = !1, o.context.node.input({});
     }
-    function ae(e) {
-      let t = JSON.parse(localStorage.getItem(`dpi_${E.params.property}`)), a;
-      o.context.attrs.identifier === "politicalGeocodingURI" ? a = t.Advised["dcatde:politicalGeocodingURI"] : a = t.Advised["dct:spatial"], a.forEach((r, $) => {
+    function se(t) {
+      let e = JSON.parse(localStorage.getItem(`dpi_${M.params.property}`)), a;
+      o.context.attrs.identifier === "politicalGeocodingURI" ? a = e.Advised["dcatde:politicalGeocodingURI"] : a = e.Advised["dct:spatial"], a.forEach((r, $) => {
         Object.keys(r).length === 0 && a.splice($, 1);
-      }), a.push(o.context.node._value), o.context.attrs.identifier === "politicalGeocodingURI" ? t.Advised["dcatde:politicalGeocodingURI"] = a : t.Advised["dct:spatial"] = a, localStorage.setItem(`dpi_${E.params.property}`, JSON.stringify(t));
+      }), a.push(o.context.node._value), o.context.attrs.identifier === "politicalGeocodingURI" ? e.Advised["dcatde:politicalGeocodingURI"] = a : e.Advised["dct:spatial"] = a, localStorage.setItem(`dpi_${M.params.property}`, JSON.stringify(e));
     }
-    const oe = async () => {
-      var t;
-      let e = (t = g.value) == null ? void 0 : t.toLowerCase();
+    const le = async () => {
+      var e;
+      let t = (e = g.value) == null ? void 0 : e.toLowerCase();
       if (o.context.attrs.identifier === "politicalGeocodingURI") {
-        e = "political-geocoding-" + e.toLowerCase().replaceAll(" ", "-");
+        t = "political-geocoding-" + t.toLowerCase().replaceAll(" ", "-");
         try {
           let a = n.value;
-          await N({ voc: e, text: a, base: _.api.baseUrl }).then((r) => {
+          await _({ voc: t, text: a, base: D.api.baseUrl }).then((r) => {
             w = r.data.result.results.map((b) => ({
-              name: z(b.alt_label, K.value, []) + " (" + b.id + ")",
+              name: W(b.alt_label, T.value, []) + " (" + b.id + ")",
               resource: b.resource
             }));
           });
@@ -130,163 +132,166 @@ const Ce = { class: "d-flex flex-column w-100 spatialWrap" }, xe = {
       } else
         try {
           let a = n.value;
-          await N({ voc: e, text: a, base: _.api.baseUrl }).then((r) => {
+          await _({ voc: t, text: a, base: D.api.baseUrl }).then((r) => {
             w = r.data.result.results.map((b) => ({
-              name: z(b.pref_label, K.value, []) + " (" + b.id + ")",
+              name: W(b.pref_label, T.value, []) + " (" + b.id + ")",
               resource: b.resource
             }));
           });
         } catch {
         }
     };
-    var s = de({
+    var s = pe({
       first: !1,
       second: !1,
       third: !1,
       activeValue: !1
     });
-    const P = u(null), B = u(null), j = u(null);
-    G(P, (e) => s.first = !1), G(B, (e) => s.second = !1), G(j, (e) => s.third = !1);
-    function f(e) {
-      e === "showTable" && (s.first = !s.first), e === "showVocTable" && (s.second = !s.second), e === "showVocEntries" && (s.third === !0 || (s.third = !s.third));
+    const j = d(null), q = d(null), z = d(null);
+    N(j, (t) => s.first = !1), N(q, (t) => s.second = !1), N(z, (t) => s.third = !1);
+    function f(t) {
+      t === "showTable" && (s.first = !s.first), t === "showVocTable" && (s.second = !s.second), t === "showVocEntries" && (s.third === !0 || (s.third = !s.third));
     }
-    function se(e) {
-      o.context.node.input({ name: e.target.value, resource: e.target.value });
+    function ie(t) {
+      o.context.node.input({ name: t.target.value, resource: t.target.value });
     }
-    function le(e) {
-      o.context.node.input(e), n.value = e.name, f("showVocEntries"), s.third = !1, ae();
+    function ne(t) {
+      o.context.node.input(t), n.value = t.name, f("showVocEntries"), s.third = !1, se();
     }
-    return (e, t) => (l(), i("div", Ce, [
-      !o.context.attrs.multiple && y(s).activeValue ? (l(), i("div", xe, [
-        c("a", we, m(V.value), 1),
-        t[7] || (t[7] = d()),
+    return (t, e) => (l(), i("div", xe, [
+      !o.context.attrs.multiple && y(s).activeValue ? (l(), i("div", we, [
+        c("a", $e, m(A.value), 1),
+        e[8] || (e[8] = u()),
         c("div", {
           class: "removeX",
-          onClick: te
+          onClick: oe
         })
-      ])) : (l(), i("div", $e, [
-        c("div", Re, [
-          O.value ? I("", !0) : (l(), i("div", Ue, [
-            c("label", Ke, [
-              d(m(e.$t("message.dataupload.info.preferredInput")) + " ", 1),
+      ])) : (l(), i("div", Re, [
+        c("div", Ue, [
+          B.value ? I("", !0) : (l(), i("div", Ke, [
+            c("label", Te, [
+              u(m(t.$t("message.dataupload.info.preferredInput")) + " ", 1),
               c("input", {
                 id: "I1",
                 type: "text",
                 class: "selectInputField formkit-inner",
                 readonly: "readonly",
-                placeholder: e.$t("message.dataupload.info.preferredInput"),
-                onClick: t[0] || (t[0] = (a) => f("showTable"))
-              }, null, 8, Te)
+                placeholder: t.$t("message.dataupload.info.preferredInput"),
+                onClick: e[0] || (e[0] = (a) => f("showTable"))
+              }, null, 8, Ve)
             ]),
-            t[9] || (t[9] = d()),
-            q(c("ul", {
+            e[10] || (e[10] = u()),
+            S(c("ul", {
               ref_key: "I1",
-              ref: P,
+              ref: j,
               class: "spatialListUpload"
             }, [
               c("li", {
-                onClick: t[1] || (t[1] = (a) => {
+                onClick: e[1] || (e[1] = (a) => {
                   f("showTable"), k.value = !0, C.value && (C.value = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
-              }, m(e.$t("message.dataupload.datasets.conditional.manually")), 1),
-              t[8] || (t[8] = d()),
+              }, m(t.$t("message.dataupload.datasets.conditional.manually")), 1),
+              e[9] || (e[9] = u()),
               c("li", {
-                onClick: t[2] || (t[2] = (a) => {
+                onClick: e[2] || (e[2] = (a) => {
                   f("showTable"), C.value = !0, k.value && (k.value = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
-              }, m(e.$t("message.dataupload.datasets.conditional.vocabulary")), 1)
+              }, m(t.$t("message.dataupload.datasets.conditional.vocabulary")), 1)
             ], 512), [
-              [ue, y(s).first]
+              [ve, y(s).first]
             ])
           ])),
-          t[11] || (t[11] = d()),
-          k.value ? (l(), i("div", Ve, [
-            c("label", Ae, [
-              d(m(e.$te("message.dataupload.datasets.isReferencedByUrl.placeholder") ? e.$t("message.dataupload.datasets.isReferencedByUrl.placeholder") : "Provide an URL") + " ", 1),
+          e[12] || (e[12] = u()),
+          k.value ? (l(), i("div", Ae, [
+            c("label", Le, [
+              u(m(t.$te("message.dataupload.datasets.isReferencedByUrl.placeholder") ? t.$t("message.dataupload.datasets.isReferencedByUrl.placeholder") : "Provide an URL") + " ", 1),
               c("input", {
                 type: "URL",
                 class: "selectInputField formkit-inner",
                 placeholder: "URL",
-                onInput: t[3] || (t[3] = (a) => se(a))
+                onInput: e[3] || (e[3] = (a) => ie(a))
               }, null, 32)
             ])
           ])) : I("", !0),
-          t[12] || (t[12] = d()),
-          C.value ? (l(), i("div", Le, [
-            c("label", Se, [
-              d(m(e.$te("message.dataupload.datasets.contributorType.placeholder") ? e.$t("message.dataupload.datasets.contributorType.placeholder") : "Choose type of vocabulary") + " ", 1),
-              c("input", {
+          e[13] || (e[13] = u()),
+          C.value ? (l(), i("div", Se, [
+            c("label", Ge, [
+              u(m(t.$te("message.dataupload.datasets.contributorType.placeholder") ? t.$t("message.dataupload.datasets.contributorType.placeholder") : "Choose type of vocabulary") + " ", 1),
+              S(c("input", {
                 id: "I2",
                 type: "text",
                 class: "selectInputField formkit-inner",
                 readonly: "readonly",
-                placeholder: e.$te("message.dataupload.datasets.accessRights.placeholder") ? e.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary",
-                onClick: t[4] || (t[4] = (a) => {
+                "onUpdate:modelValue": e[4] || (e[4] = (a) => U.value = a),
+                placeholder: t.$te("message.dataupload.datasets.accessRights.placeholder") ? t.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary",
+                onClick: e[5] || (e[5] = (a) => {
                   f("showVocTable");
                 })
-              }, null, 8, Ge)
+              }, null, 8, Ee), [
+                [J, U.value]
+              ])
             ]),
-            t[10] || (t[10] = d()),
+            e[11] || (e[11] = u()),
             y(s).second ? (l(), i("ul", {
               key: 0,
               ref_key: "I2",
-              ref: B,
+              ref: q,
               class: "spatialListUpload"
             }, [
-              (l(!0), i(L, null, S(y(x), (a) => (l(), i("li", {
+              (l(!0), i(G, null, E(y(x), (a) => (l(), i("li", {
                 key: a,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
                 onClick: (r) => {
-                  ee(), a.active = !a.active, f("showVocTable"), R(n) ? n.value = "" : n = "", R(g) ? g.value = a.item : g = a.item;
+                  ae(), a.active = !a.active, f("showVocTable"), R(n) ? n.value = "" : n = "", R(g) ? g.value = a.item : g = a.item, U.value = a.placeholder;
                 }
-              }, m(e.$t("message.dataupload.datasets.conditional." + a.item)), 9, _e))), 128))
+              }, m(t.$t("message.dataupload.datasets.conditional." + a.item)), 9, Ne))), 128))
             ], 512)) : I("", !0)
           ])) : I("", !0)
         ]),
-        t[14] || (t[14] = d()),
-        C.value ? (l(), i("div", Ee, [
-          (l(!0), i(L, null, S(y(x), (a) => (l(), i("div", {
+        e[15] || (e[15] = u()),
+        C.value ? (l(), i("div", De, [
+          (l(!0), i(G, null, E(y(x), (a) => (l(), i("div", {
             key: a,
             class: "position-relative"
           }, [
-            a.active ? (l(), i("label", Ne, [
-              d(m(e.$te("message.dataupload.datasets.accessRights.placeholder") ? e.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary") + " ", 1),
-              q(c("input", {
+            a.active ? (l(), i("label", Me, [
+              u(m(a.placeholder ? a.placeholder : t.$t("message.dataupload.datasets.conditional." + a.item)) + " ", 1),
+              S(c("input", {
                 id: "I3",
                 type: "text",
-                "onUpdate:modelValue": t[5] || (t[5] = (r) => R(n) ? n.value = r : n = r),
+                "onUpdate:modelValue": e[6] || (e[6] = (r) => R(n) ? n.value = r : n = r),
                 class: "selectInputField formkit-inner",
-                placeholder: a.placeholder ?? "",
-                onClick: t[6] || (t[6] = (r) => {
+                placeholder: t.$te("message.dataupload.datasets.accessRights.placeholder") ? t.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary",
+                onClick: e[7] || (e[7] = (r) => {
                   f("showVocEntries"), R(n) ? n.value = "" : n = "";
                 })
-              }, null, 8, De), [
-                [pe, y(n)]
+              }, null, 8, _e), [
+                [J, y(n)]
               ])
             ])) : I("", !0),
-            t[13] || (t[13] = d()),
+            e[14] || (e[14] = u()),
             y(s).third && a.active ? (l(), i("ul", {
               key: 1,
               ref_for: !0,
               ref_key: "I3",
-              ref: j,
+              ref: z,
               class: "spatialListUpload"
             }, [
-              (l(!0), i(L, null, S(y(w), (r) => (l(), i("li", {
+              (l(!0), i(G, null, E(y(w), (r) => (l(), i("li", {
                 key: r,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
-                onClick: ($) => le(r)
-              }, m(r.name), 9, Me))), 128))
+                onClick: ($) => ne(r)
+              }, m(r.name), 9, Fe))), 128))
             ], 512)) : I("", !0)
           ]))), 128))
         ])) : I("", !0)
       ]))
     ]));
   }
-}, ut = /* @__PURE__ */ Ie(Fe, [["__scopeId", "data-v-6cab5868"]]);
+}, pt = /* @__PURE__ */ ke(Oe, [["__scopeId", "data-v-c7b8d84d"]]);
 export {
-  ut as default
+  pt as default
 };
 //# sourceMappingURL=SpatialInput.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside, whenever } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport { useTed } from '../../composables/useTed';\nimport { useAutocomplete } from '../composables/aucotomplete';\nimport { useRequestUriName } from '../composables/useRequestUriName';\nimport { useDpiContext } from '../composables';\n\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\nconst dpiContext = useDpiContext();\n\nconst props = defineProps({\n    context: Object,\n})\n\nconst { requestAutocompleteSuggestions } = useAutocomplete()\n\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\nconst { t, locale } = useI18n({ inheritLocale: true, useScope: 'global' });\nconst ted = useTed();\n\nconst man = ref(false)\nconst vocSearch = ref(false)\n\nconst isEdit = computed(() => !!dpiContext.value.edit?.enabled)\nconst resourceNameWhenEditing = computed(() => !!isEdit.value && props.context.value.resource)\n// e.g. extract \"municipalityKey\" (second to last) out of resourceName\nconst keyFromResourceName = computed(() => {\n    if (resourceNameWhenEditing.value) {\n        return resourceNameWhenEditing.value.split('/')[resourceNameWhenEditing.value.split('/').length - 2]\n    }\n    return ''\n})\nconst spatialVocabName = computed(() => {\n  if (!keyFromResourceName.value) {\n    return ''\n  }\n\n  const maybePrefix = props.context.attrs.identifier === 'politicalGeocodingURI'\n    ? 'political-geocoding-'\n    // todo: extend this for other vocabularies\n    : ''\n\n  // transform key from camelCase to kebab-case\n  const vocabKey = keyFromResourceName.value.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()\n  return `${maybePrefix}${vocabKey}`\n})\n\nconst translatedResourceName = computed(() => {\n  // transform key 'districtKey' to 'District Key'\n  const vocabKey = keyFromResourceName.value.replace(/([a-z])([A-Z])/g, '$1 $2').toLowerCase()\n  // make first letters of each word uppercase\n  const vocabKeyUpper = vocabKey.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ')\n  return t(`message.dataupload.datasets.conditional.${vocabKeyUpper}`)\n})\n\nconst { execute, state, isLoading } = useRequestUriName({\n  voc: spatialVocabName,\n  res: computed(() => props.context.value.resource),\n  // property: 'dcatde:politicalGeocodingURI',\n  property: computed(() => props.context.attrs.identifier === 'politicalGeocodingURI' ? 'dcatde:politicalGeocodingURI' : 'dct:spatial'),  \n  locale,\n})\n\nconst restoredValueFromEditMode = computed(() => {\n  if (isEdit.value && !isLoading.value && resourceNameWhenEditing.value && state.value) {\n    return `${translatedResourceName.value}: ${state.value} (${resourceNameWhenEditing.value.split('/').pop()})`\n  }\n\n  return ''\n})\n\nconst once = ref(false)\nwatchEffect(() => {\n  if (once.value) return;\n\n  if (!!resourceNameWhenEditing.value) {\n    once.value = true\n    execute()\n  }\n}, { immediate: true })\n\nwhenever(restoredValueFromEditMode, () => {\n  const v = { name: restoredValueFromEditMode.value, resource: resourceNameWhenEditing.value }\n  props.context.node.input(v)\n})\n\n// If true, then:\n// - hides the select input for manual and vocabulary\n// - pre-selects the vocabulary option\n// When using formkit schema, enable this option by setting vocabularyOnly to true\n// {\n//     $formkit: 'spatialinput',\n//     name: 'dcatde:politicalGeocodingURI',\n//     identifier: 'politicalGeocodingURI',\n//     vocabularyOnly: true,\n// }\nconst vocabularyOnly = computed(() => !!props.context?.attrs?.vocabularyOnly)\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push(\n        { item: 'Municipality Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Municipality Key', 'Municipality Key') },\n        { item: 'Regional Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Regional Key', 'Regional Key') },\n        { item: 'Municipal Association Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Municipal Association Key', 'Municipal Association Key') },\n        { item: 'District Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.District Key', 'District Key') },\n        { item: 'Government District Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Government District Key', 'Government District Key') },\n        { item: 'State Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.State Key', 'State Key') },\n    )\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push(\n        { item: 'Country', active: false, placeholder: ted('message.dataupload.datasets.conditional.Country', 'Country') },\n        { item: 'Place', active: false, placeholder: ted('message.dataupload.datasets.conditional.Place', 'Place') },\n        { item: 'Continent', active: false, placeholder: ted('message.dataupload.datasets.conditional.Continent', 'Continent') },\n    )\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async (newValue, oldValue) => {\n    if (newValue === oldValue) { return }\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: ted('message.dataupload.info.searchVocabulary', '--- Type in anything for a live search of the vocabulary ---').value, resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n    if (vocabularyOnly.value) {\n        activeInput('showTable'); vocSearch.value = true; if (man.value) { man.value = false }\n    }\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n\n    let vocCache = voc.value?.toLowerCase()\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await requestAutocompleteSuggestions({ voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, locale.value, []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await requestAutocompleteSuggestions({ voc: vocCache, text: text, 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                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n\nfunction handleSpatielListClick(el) {\n  props.context.node.input(el);\n  inputText.value = el.name;\n  activeInput('showVocEntries');\n  showTable.third = false;\n  saveToLocal(el)\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ restoredValueFromEditMode }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div v-if=\"!vocabularyOnly\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> {{ $t('message.dataupload.info.preferredInput') }}\n                        <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                            @click=\"activeInput('showTable')\" />\n                    </label>\n\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.manually') }}\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.vocabulary') }}\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\">\n                        <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                        {{ $te('message.dataupload.datasets.isReferencedByUrl.placeholder') ? $t('message.dataupload.datasets.isReferencedByUrl.placeholder') : 'Provide an URL' }}\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    <label class=\"w-100\"> {{ $te('message.dataupload.datasets.contributorType.placeholder') ? $t('message.dataupload.datasets.contributorType.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary'\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item\">\n                            {{ $t('message.dataupload.datasets.conditional.' + el.item) }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    {{ $te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.placeholder ?? ''\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\"\n                        >\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"handleSpatielListClick(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n        left: 0;\n        top: 78px;\n    }\n}\n</style>\n"],"names":["instance","getCurrentInstance","route","useRoute","dpiContext","useDpiContext","props","__props","requestAutocompleteSuggestions","useAutocomplete","listOfVoc","ref","inputText","voc","matches","manURL","useStore","t","locale","useI18n","ted","useTed","man","vocSearch","isEdit","computed","_a","resourceNameWhenEditing","keyFromResourceName","spatialVocabName","maybePrefix","vocabKey","translatedResourceName","vocabKeyUpper","word","execute","state","isLoading","useRequestUriName","restoredValueFromEditMode","once","watchEffect","whenever","v","vocabularyOnly","_b","watch","getAutocompleteSuggestions","newValue","oldValue","onMounted","nextTick","showTable","activeInput","closeAll","element","removeProperty","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","manURLInput","handleSpatielListClick"],"mappings":"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"}
+{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside, whenever } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport { useTed } from '../../composables/useTed';\nimport { useAutocomplete } from '../composables/aucotomplete';\nimport { useRequestUriName } from '../composables/useRequestUriName';\nimport { useDpiContext } from '../composables';\n\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\nconst dpiContext = useDpiContext();\n\nconst props = defineProps({\n    context: Object,\n})\n\nconst { requestAutocompleteSuggestions } = useAutocomplete()\n\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nconst typeText = ref('')\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\nconst { t, locale } = useI18n({ inheritLocale: true, useScope: 'global' });\nconst ted = useTed();\n\nconst man = ref(false)\nconst vocSearch = ref(false)\n\nconst isEdit = computed(() => !!dpiContext.value.edit?.enabled)\nconst resourceNameWhenEditing = computed(() => !!isEdit.value && props.context.value.resource)\n// e.g. extract \"municipalityKey\" (second to last) out of resourceName\nconst keyFromResourceName = computed(() => {\n    if (resourceNameWhenEditing.value) {\n        return resourceNameWhenEditing.value.split('/')[resourceNameWhenEditing.value.split('/').length - 2]\n    }\n    return ''\n})\nconst spatialVocabName = computed(() => {\n  if (!keyFromResourceName.value) {\n    return ''\n  }\n\n  const maybePrefix = props.context.attrs.identifier === 'politicalGeocodingURI'\n    ? 'political-geocoding-'\n    // todo: extend this for other vocabularies\n    : ''\n\n  // transform key from camelCase to kebab-case\n  const vocabKey = keyFromResourceName.value.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()\n  return `${maybePrefix}${vocabKey}`\n})\n\nconst translatedResourceName = computed(() => {\n  // transform key 'districtKey' to 'District Key'\n  const vocabKey = keyFromResourceName.value.replace(/([a-z])([A-Z])/g, '$1 $2').toLowerCase()\n  // make first letters of each word uppercase\n  const vocabKeyUpper = vocabKey.split(' ').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ')\n  return t(`message.dataupload.datasets.conditional.${vocabKeyUpper}`)\n})\n\nconst { execute, state, isLoading } = useRequestUriName({\n  voc: spatialVocabName,\n  res: computed(() => props.context.value.resource),\n  // property: 'dcatde:politicalGeocodingURI',\n  property: computed(() => props.context.attrs.identifier === 'politicalGeocodingURI' ? 'dcatde:politicalGeocodingURI' : 'dct:spatial'),  \n  locale,\n})\n\nconst restoredValueFromEditMode = computed(() => {\n  if (isEdit.value && !isLoading.value && resourceNameWhenEditing.value && state.value) {\n    return `${translatedResourceName.value}: ${state.value} (${resourceNameWhenEditing.value.split('/').pop()})`\n  }\n\n  return ''\n})\n\nconst once = ref(false)\nwatchEffect(() => {\n  if (once.value) return;\n\n  if (!!resourceNameWhenEditing.value) {\n    once.value = true\n    execute()\n  }\n}, { immediate: true })\n\nwhenever(restoredValueFromEditMode, () => {\n  const v = { name: restoredValueFromEditMode.value, resource: resourceNameWhenEditing.value }\n  props.context.node.input(v)\n})\n\n// If true, then:\n// - hides the select input for manual and vocabulary\n// - pre-selects the vocabulary option\n// When using formkit schema, enable this option by setting vocabularyOnly to true\n// {\n//     $formkit: 'spatialinput',\n//     name: 'dcatde:politicalGeocodingURI',\n//     identifier: 'politicalGeocodingURI',\n//     vocabularyOnly: true,\n// }\nconst vocabularyOnly = computed(() => !!props.context?.attrs?.vocabularyOnly)\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push(\n        { item: 'Municipality Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Municipality Key', 'Municipality Key') },\n        { item: 'Regional Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Regional Key', 'Regional Key') },\n        { item: 'Municipal Association Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Municipal Association Key', 'Municipal Association Key') },\n        { item: 'District Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.District Key', 'District Key') },\n        { item: 'Government District Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.Government District Key', 'Government District Key') },\n        { item: 'State Key', active: false, placeholder: ted('message.dataupload.datasets.conditional.State Key', 'State Key') },\n    )\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push(\n        { item: 'Country', active: false, placeholder: ted('message.dataupload.datasets.conditional.Country', 'Country') },\n        { item: 'Place', active: false, placeholder: ted('message.dataupload.datasets.conditional.Place', 'Place') },\n        { item: 'Continent', active: false, placeholder: ted('message.dataupload.datasets.conditional.Continent', 'Continent') },\n    )\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async (newValue, oldValue) => {\n    if (newValue === oldValue) { return }\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: ted('message.dataupload.info.searchVocabulary', '--- Type in anything for a live search of the vocabulary ---').value, resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n    if (vocabularyOnly.value) {\n        activeInput('showTable'); vocSearch.value = true; if (man.value) { man.value = false }\n    }\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n\n    let vocCache = voc.value?.toLowerCase()\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await requestAutocompleteSuggestions({ voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, locale.value, []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await requestAutocompleteSuggestions({ voc: vocCache, text: text, 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                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n\nfunction handleSpatielListClick(el) {\n  props.context.node.input(el);\n  inputText.value = el.name;\n  activeInput('showVocEntries');\n  showTable.third = false;\n  saveToLocal(el)\n}\n\nfunction submitType() {\n    activeInput('showVocTable');\n\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ restoredValueFromEditMode }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div v-if=\"!vocabularyOnly\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> {{ $t('message.dataupload.info.preferredInput') }}\n                        <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                            @click=\"activeInput('showTable')\" />\n                    </label>\n\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.manually') }}\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.vocabulary') }}\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\">\n                        <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                        {{ $te('message.dataupload.datasets.isReferencedByUrl.placeholder') ? $t('message.dataupload.datasets.isReferencedByUrl.placeholder') : 'Provide an URL' }}\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    <label class=\"w-100\"> {{ $te('message.dataupload.datasets.contributorType.placeholder') ? $t('message.dataupload.datasets.contributorType.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\" v-model=\"typeText\"\n                            :placeholder=\"$te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary'\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item; typeText = el.placeholder\">\n                            {{ $t('message.dataupload.datasets.conditional.' + el.item) }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    <!-- {{ $te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary' }}  -->\n                    {{ el.placeholder ? el.placeholder : $t('message.dataupload.datasets.conditional.' + el.item) }}\n                        <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"$te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary'\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\"\n                        >\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"handleSpatielListClick(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n        left: 0;\n        top: 78px;\n    }\n}\n</style>\n"],"names":["instance","getCurrentInstance","route","useRoute","dpiContext","useDpiContext","props","__props","requestAutocompleteSuggestions","useAutocomplete","listOfVoc","ref","typeText","inputText","voc","matches","manURL","useStore","t","locale","useI18n","ted","useTed","man","vocSearch","isEdit","computed","_a","resourceNameWhenEditing","keyFromResourceName","spatialVocabName","maybePrefix","vocabKey","translatedResourceName","vocabKeyUpper","word","execute","state","isLoading","useRequestUriName","restoredValueFromEditMode","once","watchEffect","whenever","v","vocabularyOnly","_b","watch","getAutocompleteSuggestions","newValue","oldValue","onMounted","nextTick","showTable","activeInput","closeAll","element","removeProperty","e","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","manURLInput","handleSpatielListClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,QAAIA,IAAWC,GAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB,MACvEC,IAAQC,GAAQ;AACpB,UAAMC,IAAaC,GAAa,GAE1BC,IAAQC,GAIR,EAAE,gCAAAC,EAAgC,IAAGC,GAAgB;AAG3D,QAAIC,IAAYC,EAAI,EAAE;AACtB,UAAMC,IAAWD,EAAI,EAAE;AACvB,QAAIE,IAAYF,EAAI,EAAE,GAClBG,IAAMH,EAAI,EAAE,GACZI,IAAUJ,EAAI,EAAE,GAChBK,IAASL,EAAI,EAAE;AACL,IAAAM,GAAU;AACxB,UAAM,EAAE,GAAAC,GAAG,QAAAC,EAAQ,IAAGC,GAAQ,EAAE,eAAe,IAAM,UAAU,SAAQ,CAAE,GACnEC,IAAMC,GAAM,GAEZC,IAAMZ,EAAI,EAAK,GACfa,IAAYb,EAAI,EAAK,GAErBc,IAASC,EAAS;;AAAM,cAAC,GAACC,IAAAvB,EAAW,MAAM,SAAjB,QAAAuB,EAAuB;AAAA,KAAO,GACxDC,IAA0BF,EAAS,MAAM,CAAC,CAACD,EAAO,SAASnB,EAAM,QAAQ,MAAM,QAAQ,GAEvFuB,IAAsBH,EAAS,MAC7BE,EAAwB,QACjBA,EAAwB,MAAM,MAAM,GAAG,EAAEA,EAAwB,MAAM,MAAM,GAAG,EAAE,SAAS,CAAC,IAEhG,EACV,GACKE,IAAmBJ,EAAS,MAAM;AACtC,UAAI,CAACG,EAAoB;AACvB,eAAO;AAGT,YAAME,IAAczB,EAAM,QAAQ,MAAM,eAAe,0BACnD,yBAEA,IAGE0B,IAAWH,EAAoB,MAAM,QAAQ,mBAAmB,OAAO,EAAE,YAAY;AAC3F,aAAO,GAAGE,CAAW,GAAGC,CAAQ;AAAA,IAClC,CAAC,GAEKC,IAAyBP,EAAS,MAAM;AAI5C,YAAMQ,IAFWL,EAAoB,MAAM,QAAQ,mBAAmB,OAAO,EAAE,YAAY,EAE5D,MAAM,GAAG,EAAE,IAAI,CAAAM,MAAQA,EAAK,OAAO,CAAC,EAAE,YAAa,IAAGA,EAAK,MAAM,CAAC,CAAC,EAAE,KAAK,GAAG;AAC5G,aAAOjB,EAAE,2CAA2CgB,CAAa,EAAE;AAAA,IACrE,CAAC,GAEK,EAAE,SAAAE,IAAS,OAAAC,GAAO,WAAAC,GAAS,IAAKC,GAAkB;AAAA,MACtD,KAAKT;AAAA,MACL,KAAKJ,EAAS,MAAMpB,EAAM,QAAQ,MAAM,QAAQ;AAAA;AAAA,MAEhD,UAAUoB,EAAS,MAAMpB,EAAM,QAAQ,MAAM,eAAe,0BAA0B,iCAAiC,aAAa;AAAA,MACpI,QAAAa;AAAA,IACF,CAAC,GAEKqB,IAA4Bd,EAAS,MACrCD,EAAO,SAAS,CAACa,GAAU,SAASV,EAAwB,SAASS,EAAM,QACtE,GAAGJ,EAAuB,KAAK,KAAKI,EAAM,KAAK,KAAKT,EAAwB,MAAM,MAAM,GAAG,EAAE,IAAG,CAAE,MAGpG,EACR,GAEKa,IAAO9B,EAAI,EAAK;AACtB,IAAA+B,GAAY,MAAM;AAChB,MAAID,EAAK,SAEHb,EAAwB,UAC5Ba,EAAK,QAAQ,IACbL,GAAQ;AAAA,IAEZ,GAAG,EAAE,WAAW,IAAM,GAEtBO,GAASH,GAA2B,MAAM;AACxC,YAAMI,IAAI,EAAE,MAAMJ,EAA0B,OAAO,UAAUZ,EAAwB,MAAM;AAC3F,MAAAtB,EAAM,QAAQ,KAAK,MAAMsC,CAAC;AAAA,IAC5B,CAAC;AAYD,UAAMC,IAAiBnB,EAAS;;AAAM,cAAC,GAACoB,KAAAnB,IAAArB,EAAM,YAAN,gBAAAqB,EAAe,UAAf,QAAAmB,EAAsB;AAAA,KAAc;AAE5E,IAAIxC,EAAM,QAAQ,MAAM,eAAe,2BACnCI,EAAU,MAAM;AAAA,MACZ,EAAE,MAAM,oBAAoB,QAAQ,IAAO,aAAaW,EAAI,4DAA4D,kBAAkB,EAAG;AAAA,MAC7I,EAAE,MAAM,gBAAgB,QAAQ,IAAO,aAAaA,EAAI,wDAAwD,cAAc,EAAG;AAAA,MACjI,EAAE,MAAM,6BAA6B,QAAQ,IAAO,aAAaA,EAAI,qEAAqE,2BAA2B,EAAG;AAAA,MACxK,EAAE,MAAM,gBAAgB,QAAQ,IAAO,aAAaA,EAAI,wDAAwD,cAAc,EAAG;AAAA,MACjI,EAAE,MAAM,2BAA2B,QAAQ,IAAO,aAAaA,EAAI,mEAAmE,yBAAyB,EAAG;AAAA,MAClK,EAAE,MAAM,aAAa,QAAQ,IAAO,aAAaA,EAAI,qDAAqD,WAAW,EAAG;AAAA,IAC5H,GAGAf,EAAM,QAAQ,MAAM,eAAe,aACnCI,EAAU,MAAM;AAAA,MACZ,EAAE,MAAM,WAAW,QAAQ,IAAO,aAAaW,EAAI,mDAAmD,SAAS,EAAG;AAAA,MAClH,EAAE,MAAM,SAAS,QAAQ,IAAO,aAAaA,EAAI,iDAAiD,OAAO,EAAG;AAAA,MAC5G,EAAE,MAAM,aAAa,QAAQ,IAAO,aAAaA,EAAI,qDAAqD,WAAW,EAAG;AAAA,IAC5H,GAGJ0B,EAAMlC,GAAW,YAAY;AACzB,MAAAmC;IACJ,CAAC,GACDD,EAAMjC,GAAK,OAAOmC,GAAUC,MAAa;AACrC,MAAID,MAAaC,MACjBpC,EAAI,QAAQA,EAAI,MAAM,YAAW;AAAA,IACrC,CAAC,GACDiC,EAAM/B,GAAQ,YAAY;AACtB,MAAAV,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAQU,GAAQ,UAAYA,GAAQ;AAAA,IACnE,CAAC,GACDmC,GAAU,YAAY;AAClB,MAAApC,IAAU,CAAC,EAAE,MAAMM,EAAI,4CAA4C,8DAA8D,EAAE,OAAO,UAAU,WAAW,GAE/J,MAAM+B,GAAS,GAEX9C,EAAM,QAAQ,MAAM,SAAS,UAAaA,EAAM,QAAQ,MAAM,SAAS,KACvE+C,EAAU,cAAc,KACrBA,EAAU,cAAc,IAG3BR,EAAe,UACfS,EAAY,WAAW,GAAG9B,EAAU,QAAQ,IAAUD,EAAI,UAASA,EAAI,QAAQ;AAAA,IAGvF,CAAC;AAED,aAASgC,KAAW;AAChB,MAAA7C,EAAU,MAAM,QAAQ,CAAA8C,MAAW;AAC/B,QAAAA,EAAQ,SAAS;AAAA,MACzB,CAAK;AAAA,IACL;AACA,aAASC,GAAeC,GAAG;AAEvB,MAAAL,EAAU,cAAc,IACxB/C,EAAM,QAAQ,KAAK,MAAM,CAAA,CAAE;AAAA,IAC/B;AACA,aAASqD,GAAYC,GAAI;AAErB,UAAIC,IAAqB,KAAK,MAAM,aAAa,QAAQ,OAAO3D,EAAM,OAAO,QAAQ,EAAE,CAAC,GACpF4D;AACJ,MAAIxD,EAAM,QAAQ,MAAM,eAAe,0BACnCwD,IAAMD,EAAmB,QAAQ,8BAA8B,IAE9DC,IAAMD,EAAmB,QAAQ,aAAa,GAEnDC,EAAI,QAAQ,CAACN,GAASO,MAAU;AAC5B,QAAI,OAAO,KAAKP,CAAO,EAAE,WAAW,KAChCM,EAAI,OAAOC,GAAO,CAAC;AAAA,MAE/B,CAAK,GACDD,EAAI,KAAKxD,EAAM,QAAQ,KAAK,MAAM,GAC9BA,EAAM,QAAQ,MAAM,eAAe,0BACnCuD,EAAmB,QAAQ,8BAA8B,IAAIC,IAE5DD,EAAmB,QAAQ,aAAa,IAAIC,GAEjD,aAAa,QAAQ,OAAO5D,EAAM,OAAO,QAAQ,IAAI,KAAK,UAAU2D,CAAkB,CAAC;AAAA,IAC3F;AACA,UAAMb,KAA6B,YAAY;;AAE3C,UAAIgB,KAAWrC,IAAAb,EAAI,UAAJ,gBAAAa,EAAW;AAE1B,UAAIrB,EAAM,QAAQ,MAAM,eAAe,yBAAyB;AAE5D,QAAA0D,IAAW,yBAAyBA,EAAS,YAAa,EAAC,WAAW,KAAK,GAAG;AAE9E,YAAI;AACA,cAAIC,IAAOpD,EAAU;AACrB,gBAAML,EAA+B,EAAE,KAAKwD,GAAU,MAAMC,GAAM,MAAMjE,EAAS,IAAI,QAAO,CAAE,EAAE,KAAK,CAACkE,MAAa;AAK/G,YAAAnD,IAJgBmD,EAAS,KAAK,OAAO,QAAQ,IAAI,CAACC,OAAO;AAAA,cACrD,MAAMC,EAAkBD,EAAE,WAAWhD,EAAO,OAAO,CAAA,CAAE,IAAI,OAAOgD,EAAE,KAAK;AAAA,cACvE,UAAUA,EAAE;AAAA,YACf,EAAC;AAAA,UAElB,CAAa;AAAA,QACJ,QAAe;AAAA,QAChB;AAAA,MACJ;AAEI,YAAI;AACA,cAAIF,IAAOpD,EAAU;AACrB,gBAAML,EAA+B,EAAE,KAAKwD,GAAU,MAAMC,GAAM,MAAMjE,EAAS,IAAI,QAAO,CAAE,EAAE,KAAK,CAACkE,MAAa;AAK/G,YAAAnD,IAJgBmD,EAAS,KAAK,OAAO,QAAQ,IAAI,CAACC,OAAO;AAAA,cACrD,MAAMC,EAAkBD,EAAE,YAAYhD,EAAO,OAAO,CAAA,CAAE,IAAI,OAAOgD,EAAE,KAAK;AAAA,cACxE,UAAUA,EAAE;AAAA,YACf,EAAC;AAAA,UAElB,CAAa;AAAA,QACJ,QAAe;AAAA,QAChB;AAAA,IAGR;AAEA,QAAId,IAAYgB,GAAS;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,aAAa;AAAA,IACjB,CAAC;AAED,UAAMC,IAAK3D,EAAI,IAAI,GACb4D,IAAK5D,EAAI,IAAI,GACb6D,IAAK7D,EAAI,IAAI;AAEnB,IAAA8D,EAAeH,GAAI,CAAAI,MAASrB,EAAU,QAAQ,EAAK,GACnDoB,EAAeF,GAAI,CAAAG,MAASrB,EAAU,SAAS,EAAK,GACpDoB,EAAeD,GAAI,CAAAE,MAASrB,EAAU,QAAQ,EAAK;AACnD,aAASC,EAAYI,GAAG;AAGpB,MAAIA,MAAM,gBAAaL,EAAU,QAAQ,CAACA,EAAU,QAChDK,MAAM,mBAAgBL,EAAU,SAAS,CAACA,EAAU,SACpDK,MAAM,qBACFL,EAAU,UAAU,OAEnBA,EAAU,QAAQ,CAACA,EAAU;AAAA,IAE1C;AACA,aAASsB,GAAYjB,GAAG;AACpB,MAAApD,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAQoD,EAAE,OAAO,OAAO,UAAYA,EAAE,OAAO,MAAK,CAAE;AAAA,IACnF;AAEA,aAASkB,GAAuBhB,GAAI;AAClC,MAAAtD,EAAM,QAAQ,KAAK,MAAMsD,CAAE,GAC3B/C,EAAU,QAAQ+C,EAAG,MACrBN,EAAY,gBAAgB,GAC5BD,EAAU,QAAQ,IAClBM,GAAc;AAAA,IAChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}