npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.4.29 → 4.5.0 - Mend

@piveau/piveau-hub-ui-modules 4.4.29 → 4.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

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

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

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

	@@ -1 +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 } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\nimport { useTed } from '../../composables/useTed';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\n\nconst props = defineProps({\n context: Object,\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();\nconst ted = useTed();\n\nconst man = ref(false)\nconst vocSearch = ref(false)\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 () => {\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\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 store.dispatch('dpiStore/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 store.dispatch('dpiStore/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// 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 \">{{ props.context.value.name }}</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=\"props.context.node.input(el); inputText = el.name; activeInput('showVocEntries'); showTable.third = false; saveToLocal(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","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","t","locale","useI18n","ted","useTed","man","vocSearch","vocabularyOnly","computed","_b","_a","watch","getAutocompleteSuggestions","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"],"mappings":"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"}
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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"}