@piveau/piveau-hub-ui-modules 4.4.15 → 4.4.17

package/dist/composables/useTed.d.ts

@@ -0,0 +1,15 @@
+import { MaybeRefOrGetter } from 'vue';
+
+/**
+ * A shorthand for `i18n.te(key) ? i18n.t(key) : def`.
+ *
+ * @example
+ * const ted = useTed()
+ * const label = ted('my-key', 'My Label')
+ * // label is computed and returns the translation for 'my-key' if it exists, otherwise 'My Label'
+ *
+ * @param {MaybeRefOrGetter<string>} key The key to translate
+ * @param {MaybeRefOrGetter<string>} def The default value if the key does not exist
+ * @returns {ComputedRef<string>} The translated value
+ */
+export declare function useTed(): (key: MaybeRefOrGetter<string>, def: MaybeRefOrGetter<string>) => import('vue').ComputedRef<string>;

package/dist/composables/useTed.mjs

@@ -0,0 +1,10 @@
+import { computed as u, toValue as t } from "vue";
+import { useI18n as m } from "vue-i18n";
+function s() {
+  const { t: e, te: r } = m();
+  return (o, n) => u(() => r(t(o)) ? e(t(o)) : t(n));
+}
+export {
+  s as useTed
+};
+//# sourceMappingURL=useTed.mjs.map

package/dist/composables/useTed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTed.mjs","sources":["../../lib/composables/useTed.ts"],"sourcesContent":["import { computed, MaybeRefOrGetter, toValue } from 'vue';\nimport { useI18n } from 'vue-i18n'\n\n/**\n * A shorthand for `i18n.te(key) ? i18n.t(key) : def`.\n *\n * @example\n * const ted = useTed()\n * const label = ted('my-key', 'My Label')\n * // label is computed and returns the translation for 'my-key' if it exists, otherwise 'My Label'\n *\n * @param {MaybeRefOrGetter<string>} key The key to translate\n * @param {MaybeRefOrGetter<string>} def The default value if the key does not exist\n * @returns {ComputedRef<string>} The translated value\n */\nexport function useTed() {\n  const { t, te } = useI18n();\n\n  const ted = (key: MaybeRefOrGetter<string>, def: MaybeRefOrGetter<string>) => computed(() => te(toValue(key)) ? t(toValue(key)) : toValue(def))\n\n  return ted\n}"],"names":["useTed","t","te","useI18n","key","def","computed","toValue"],"mappings":";;AAeO,SAASA,IAAS;AACvB,QAAM,EAAE,GAAAC,GAAG,IAAAC,EAAG,IAAIC,EAAQ;AAInB,SAFK,CAACC,GAA+BC,MAAkCC,EAAS,MAAMJ,EAAGK,EAAQH,CAAG,CAAC,IAAIH,EAAEM,EAAQH,CAAG,CAAC,IAAIG,EAAQF,CAAG,CAAC;AAGhJ;"}

package/dist/data-provider-interface/DataProviderInterface.vue.d.ts

@@ -313,7 +313,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     getData: import('vuex').Computed;
                 }, {
                     checkIfPropertySet(data: any, property: any): any;
-                    getDate(date: any): any;
+                    getDate(date: any): string;
                     checkIfPropertyValueSet(data: any, property: any, value: any): any;
                     reqName(URI: any): Promise<any>;
                     requestFirstEntrySuggestions: import('vuex').ActionMethod;

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

@@ -1,76 +1,88 @@
-import { getCurrentInstance as D, ref as m, watch as w, onMounted as M, nextTick as P, reactive as j, openBlock as l, createElementBlock as i, unref as p, createElementVNode as d, toDisplayString as f, createTextVNode as c, withDirectives as E, vShow as q, createCommentVNode as h, Fragment as C, renderList as S, isRef as b, vModelText as J } from "vue";
-import { useStore as W } from "vuex";
-import { getTranslationFor as G } from "../../utils/helpers.mjs";
+import { getCurrentInstance as N, ref as v, watch as w, onMounted as B, nextTick as j, reactive as q, openBlock as l, createElementBlock as i, unref as m, createElementVNode as d, toDisplayString as f, createTextVNode as c, withDirectives as G, vShow as J, createCommentVNode as g, Fragment as S, renderList as R, isRef as I, vModelText as W } from "vue";
+import { useStore as X } from "vuex";
+import { getTranslationFor as D } from "../../utils/helpers.mjs";
 import { onClickOutside as $ } from "../../external/@vueuse/core/index";
-import { useRoute as X } from "vue-router";
-import { useI18n as z } from "vue-i18n";
+import { useRoute as z } from "vue-router";
+import { useI18n as H } from "vue-i18n";
+import { useTed as Q } from "../../composables/useTed.mjs";
 import "./SpatialInput.vue2.mjs";
-import H from "../../_virtual/_plugin-vue_export-helper.mjs";
-const Q = { class: "d-flex flex-column w-100 spatialWrap" }, Y = {
+import Y from "../../_virtual/_plugin-vue_export-helper.mjs";
+const Z = { class: "d-flex flex-column w-100 spatialWrap" }, ee = {
   key: 0,
   class: "d-flex formkit-inner mx-3 mb-3"
-}, Z = { class: "autocompleteInputSingleValue" }, ee = { key: 1 }, te = { class: "w-100 d-flex" }, ae = { class: "d-flex position-relative m-3 w-100" }, se = { class: "w-100" }, oe = ["placeholder"], le = {
+}, te = { class: "autocompleteInputSingleValue" }, ae = { key: 1 }, se = { class: "w-100 d-flex" }, oe = { class: "d-flex position-relative m-3 w-100" }, le = { class: "w-100" }, ie = ["placeholder"], ne = {
   key: 0,
   class: "d-flex position-relative m-3 w-100"
-}, ie = { class: "w-100" }, ne = {
+}, re = { class: "w-100" }, de = {
   key: 1,
   class: "d-flex position-relative m-3 w-100"
-}, re = { class: "w-100" }, de = ["placeholder"], ce = ["onClick"], ue = {
+}, ce = { class: "w-100" }, ue = ["placeholder"], pe = ["onClick"], me = {
   key: 0,
   class: "m-3"
-}, pe = {
+}, fe = {
   key: 0,
   class: "w-100"
-}, fe = ["placeholder"], me = ["onClick"], ve = {
+}, ve = ["placeholder"], ye = ["onClick"], he = {
   data() {
     return {
       man: !1,
       vocSearch: !1
     };
   }
-}, ye = /* @__PURE__ */ Object.assign(ve, {
+}, ge = /* @__PURE__ */ Object.assign(he, {
   __name: "SpatialInput",
   props: {
     context: Object
   },
-  setup(O) {
-    let R = D().appContext.app.config.globalProperties.$env, U = X();
-    const n = O;
-    let g = m([]), o = m({}), v = m({}), I = m({}), k = m({});
-    const T = W(), { t: he, locale: V } = z();
-    n.context.attrs.identifier === "politicalGeocodingURI" && g.value.push({ item: "Municipality Key", active: !1 }, { item: "Regional Key", active: !1 }, { item: "Municipal Association Key", active: !1 }, { item: "District Key", active: !1 }, { item: "Government District Key", active: !1 }, { item: "State Key", active: !1 }), n.context.attrs.identifier === "spatial" && g.value.push({ item: "Country", active: !1 }, { item: "Place", active: !1 }, { item: "Continent", active: !1 }), w(o, async () => {
-      N();
-    }), w(v, async () => {
-      v.value = v.value.toLowerCase();
-    }), w(k, async () => {
-      n.context.node.input({ name: k, resource: k });
-    }), M(async () => {
-      I = [{ name: "--- Type in anything for a live search of the vocabulary ---", resource: "invalid" }], await P(), n.context.value.name === void 0 || n.context.value.name === "" ? s.activeValue = !1 : s.activeValue = !0;
+  setup(M) {
+    let T = N().appContext.app.config.globalProperties.$env, U = z();
+    const n = M;
+    let b = v([]), o = v({}), y = v({}), k = v({}), C = v({});
+    const K = X(), { t: be, locale: V } = H(), u = Q();
+    n.context.attrs.identifier === "politicalGeocodingURI" && b.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" && b.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") }
+    ), w(o, async () => {
+      F();
+    }), w(y, async () => {
+      y.value = y.value.toLowerCase();
+    }), w(C, async () => {
+      n.context.node.input({ name: C, resource: C });
+    }), B(async () => {
+      k = [{ name: u("message.dataupload.info.searchVocabulary", "--- Type in anything for a live search of the vocabulary ---").value, resource: "invalid" }], await j(), n.context.value.name === void 0 || n.context.value.name === "" ? s.activeValue = !1 : s.activeValue = !0;
     });
-    function _() {
-      g.value.forEach((t) => {
+    function E() {
+      b.value.forEach((t) => {
         t.active = !1;
       });
     }
-    function F(t) {
+    function O(t) {
       s.activeValue = !1, n.context.node.input({});
     }
-    function K(t) {
+    function _(t) {
       let e = JSON.parse(localStorage.getItem(`dpi_${U.params.property}`)), a;
-      n.context.attrs.identifier === "politicalGeocodingURI" ? a = e.Advised["dcatde:politicalGeocodingURI"] : a = e.Advised["dct:spatial"], a.forEach((r, u) => {
-        Object.keys(r).length === 0 && a.splice(u, 1);
+      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_${U.params.property}`, JSON.stringify(e));
     }
-    const N = async () => {
-      let t = v.value;
+    const F = async () => {
+      let t = y.value;
       if (n.context.attrs.identifier === "politicalGeocodingURI") {
         t = "political-geocoding-" + t.toLowerCase().replaceAll(" ", "-");
         try {
           let e = o.value;
-          await T.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: e, base: R.api.baseUrl }).then((a) => {
-            I = a.data.result.results.map((u) => ({
-              name: G(u.alt_label, V.value, []) + " (" + u.id + ")",
-              resource: u.resource
+          await K.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: e, base: T.api.baseUrl }).then((a) => {
+            k = a.data.result.results.map((p) => ({
+              name: D(p.alt_label, V.value, []) + " (" + p.id + ")",
+              resource: p.resource
             }));
           });
         } catch {
@@ -78,41 +90,41 @@ const Q = { class: "d-flex flex-column w-100 spatialWrap" }, Y = {
       } else
         try {
           let e = o.value;
-          await T.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: e, base: R.api.baseUrl }).then((a) => {
-            I = a.data.result.results.map((u) => ({
-              name: G(u.pref_label, V.value, []) + " (" + u.id + ")",
-              resource: u.resource
+          await K.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: e, base: T.api.baseUrl }).then((a) => {
+            k = a.data.result.results.map((p) => ({
+              name: D(p.pref_label, V.value, []) + " (" + p.id + ")",
+              resource: p.resource
             }));
           });
         } catch {
         }
     };
-    var s = j({
+    var s = q({
       first: !1,
       second: !1,
       third: !1,
       activeValue: !1
     });
-    const x = m(null), A = m(null), L = m(null);
+    const x = v(null), A = v(null), L = v(null);
     $(x, (t) => s.first = !1), $(A, (t) => s.second = !1), $(L, (t) => s.third = !1);
-    function y(t) {
+    function h(t) {
       t === "showTable" && (s.first = !s.first), t === "showVocTable" && (s.second = !s.second), t === "showVocEntries" && (s.third === !0 || (s.third = !s.third));
     }
-    function B(t) {
+    function P(t) {
       n.context.node.input({ name: t.target.value, resource: t.target.value });
     }
-    return (t, e) => (l(), i("div", Q, [
-      !n.context.attrs.multiple && p(s).activeValue ? (l(), i("div", Y, [
-        d("a", Z, f(n.context.value.name), 1),
+    return (t, e) => (l(), i("div", Z, [
+      !n.context.attrs.multiple && m(s).activeValue ? (l(), i("div", ee, [
+        d("a", te, f(n.context.value.name), 1),
         e[7] || (e[7] = c()),
         d("div", {
           class: "removeX",
-          onClick: F
+          onClick: O
         })
-      ])) : (l(), i("div", ee, [
-        d("div", te, [
-          d("div", ae, [
-            d("label", se, [
+      ])) : (l(), i("div", ae, [
+        d("div", se, [
+          d("div", oe, [
+            d("label", le, [
               c(f(t.$t("message.dataupload.info.preferredInput")) + " ", 1),
               d("input", {
                 id: "I1",
@@ -120,47 +132,47 @@ const Q = { class: "d-flex flex-column w-100 spatialWrap" }, Y = {
                 class: "selectInputField formkit-inner",
                 readonly: "readonly",
                 placeholder: t.$t("message.dataupload.info.preferredInput"),
-                onClick: e[0] || (e[0] = (a) => y("showTable"))
-              }, null, 8, oe)
+                onClick: e[0] || (e[0] = (a) => h("showTable"))
+              }, null, 8, ie)
             ]),
             e[9] || (e[9] = c()),
-            E(d("ul", {
+            G(d("ul", {
               ref_key: "I1",
               ref: x,
               class: "spatialListUpload"
             }, [
               d("li", {
                 onClick: e[1] || (e[1] = (a) => {
-                  y("showTable"), t.man = !0, t.vocSearch && (t.vocSearch = !1);
+                  h("showTable"), t.man = !0, t.vocSearch && (t.vocSearch = !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"), t.vocSearch = !0, t.man && (t.man = !1);
+                  h("showTable"), t.vocSearch = !0, t.man && (t.man = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
               }, f(t.$t("message.dataupload.datasets.conditional.vocabulary")), 1)
             ], 512), [
-              [q, p(s).first]
+              [J, m(s).first]
             ])
           ]),
           e[11] || (e[11] = c()),
-          t.man ? (l(), i("div", le, [
-            d("label", ie, [
+          t.man ? (l(), i("div", ne, [
+            d("label", re, [
               c(f(t.$te("message.dataupload.datasets.isReferencedByUrl.placeholder") ? t.$t("message.dataupload.datasets.isReferencedByUrl.placeholder") : "Provide an URL") + " ", 1),
               d("input", {
                 type: "URL",
                 class: "selectInputField formkit-inner",
                 placeholder: "URL",
-                onInput: e[3] || (e[3] = (a) => B(a))
+                onInput: e[3] || (e[3] = (a) => P(a))
               }, null, 32)
             ])
-          ])) : h("", !0),
+          ])) : g("", !0),
           e[12] || (e[12] = c()),
-          t.vocSearch ? (l(), i("div", ne, [
-            d("label", re, [
+          t.vocSearch ? (l(), i("div", de, [
+            d("label", ce, [
               c(f(t.$te("message.dataupload.datasets.contributorType.placeholder") ? t.$t("message.dataupload.datasets.contributorType.placeholder") : "Choose type of vocabulary") + " ", 1),
               d("input", {
                 id: "I2",
@@ -169,71 +181,71 @@ const Q = { class: "d-flex flex-column w-100 spatialWrap" }, Y = {
                 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");
+                  h("showVocTable");
                 })
-              }, null, 8, de)
+              }, null, 8, ue)
             ]),
             e[10] || (e[10] = c()),
-            p(s).second ? (l(), i("ul", {
+            m(s).second ? (l(), i("ul", {
               key: 0,
               ref_key: "I2",
               ref: A,
               class: "spatialListUpload"
             }, [
-              (l(!0), i(C, null, S(p(g), (a) => (l(), i("li", {
+              (l(!0), i(S, null, R(m(b), (a) => (l(), i("li", {
                 key: a,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
                 onClick: (r) => {
-                  _(), a.active = !a.active, y("showVocTable"), b(o) ? o.value = "" : o = "", b(v) ? v.value = a.item : v = a.item;
+                  E(), a.active = !a.active, h("showVocTable"), I(o) ? o.value = "" : o = "", I(y) ? y.value = a.item : y = a.item;
                 }
-              }, f(t.$t("message.dataupload.datasets.conditional." + a.item)), 9, ce))), 128))
-            ], 512)) : h("", !0)
-          ])) : h("", !0)
+              }, f(t.$t("message.dataupload.datasets.conditional." + a.item)), 9, pe))), 128))
+            ], 512)) : g("", !0)
+          ])) : g("", !0)
         ]),
         e[14] || (e[14] = c()),
-        t.vocSearch ? (l(), i("div", ue, [
-          (l(!0), i(C, null, S(p(g), (a) => (l(), i("div", {
+        t.vocSearch ? (l(), i("div", me, [
+          (l(!0), i(S, null, R(m(b), (a) => (l(), i("div", {
             key: a,
             class: "position-relative"
           }, [
-            a.active ? (l(), i("label", pe, [
+            a.active ? (l(), i("label", fe, [
               c(f(t.$te("message.dataupload.datasets.accessRights.placeholder") ? t.$t("message.dataupload.datasets.accessRights.placeholder") : "Choose type of vocabulary") + " ", 1),
-              E(d("input", {
+              G(d("input", {
                 id: "I3",
                 type: "text",
-                "onUpdate:modelValue": e[5] || (e[5] = (r) => b(o) ? o.value = r : o = r),
+                "onUpdate:modelValue": e[5] || (e[5] = (r) => I(o) ? o.value = r : o = r),
                 class: "selectInputField formkit-inner",
-                placeholder: a.item,
+                placeholder: a.placeholder ?? "",
                 onClick: e[6] || (e[6] = (r) => {
-                  y("showVocEntries"), b(o) ? o.value = "" : o = "";
+                  h("showVocEntries"), I(o) ? o.value = "" : o = "";
                 })
-              }, null, 8, fe), [
-                [J, p(o)]
+              }, null, 8, ve), [
+                [W, m(o)]
               ])
-            ])) : h("", !0),
+            ])) : g("", !0),
             e[13] || (e[13] = c()),
-            p(s).third && a.active ? (l(), i("ul", {
+            m(s).third && a.active ? (l(), i("ul", {
               key: 1,
               ref_for: !0,
               ref_key: "I3",
               ref: L,
               class: "spatialListUpload"
             }, [
-              (l(!0), i(C, null, S(p(I), (r) => (l(), i("li", {
+              (l(!0), i(S, null, R(m(k), (r) => (l(), i("li", {
                 key: r,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
-                onClick: (u) => {
-                  n.context.node.input(r), b(o) ? o.value = r.name : o = r.name, y("showVocEntries"), p(s).third = !1, K();
+                onClick: (p) => {
+                  n.context.node.input(r), I(o) ? o.value = r.name : o = r.name, h("showVocEntries"), m(s).third = !1, _();
                 }
-              }, f(r.name), 9, me))), 128))
-            ], 512)) : h("", !0)
+              }, f(r.name), 9, ye))), 128))
+            ], 512)) : g("", !0)
           ]))), 128))
-        ])) : h("", !0)
+        ])) : g("", !0)
       ]))
     ]));
   }
-}), Re = /* @__PURE__ */ H(ye, [["__scopeId", "data-v-1aaf750b"]]);
+}), Ke = /* @__PURE__ */ Y(ge, [["__scopeId", "data-v-4d82d7f1"]]);
 export {
-  Re as default
+  Ke 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 } 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';\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();\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push({ item: 'Municipality Key', active: false }, { item: 'Regional Key', active: false }, { item: 'Municipal Association Key', active: false }, { item: 'District Key', active: false }, { item: 'Government District Key', active: false }, { item: 'State Key', active: false })\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push({ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false })\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: '--- Type in anything for a live search of the vocabulary ---', 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});\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 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.item\"\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\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\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":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","t","locale","useI18n","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","e","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;2CAoOeA,KAAA;AAAA,EACX,OAAO;AACH,WAAO;AAAA,MACH,KAAK;AAAA,MACL,WAAW;AAAA,IACf;AAAA,EACH;AAEL;;;;;;AAlOA,QAAIC,IAAWC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB,MACvEC,IAAQC,EAAQ;AAEpB,UAAMC,IAAQC;AAId,QAAIC,IAAYC,EAAI,EAAE,GAClBC,IAAYD,EAAI,EAAE,GAClBE,IAAMF,EAAI,EAAE,GACZG,IAAUH,EAAI,EAAE,GAChBI,IAASJ,EAAI,EAAE;AACnB,UAAMK,IAAQC,EAAQ,GAChB,EAAE,GAAAC,IAAG,QAAAC,MAAWC;AAEtB,IAAIZ,EAAM,QAAQ,MAAM,eAAe,2BACnCE,EAAU,MAAM,KAAK,EAAE,MAAM,oBAAoB,QAAQ,GAAK,GAAI,EAAE,MAAM,gBAAgB,QAAQ,GAAK,GAAI,EAAE,MAAM,6BAA6B,QAAQ,GAAO,GAAE,EAAE,MAAM,gBAAgB,QAAQ,GAAO,GAAE,EAAE,MAAM,2BAA2B,QAAQ,GAAK,GAAI,EAAE,MAAM,aAAa,QAAQ,IAAO,GAGlSF,EAAM,QAAQ,MAAM,eAAe,aACnCE,EAAU,MAAM,KAAK,EAAE,MAAM,WAAW,QAAQ,MAAS,EAAE,MAAM,SAAS,QAAQ,MAAS,EAAE,MAAM,aAAa,QAAQ,IAAO,GAGnIW,EAAMT,GAAW,YAAY;AACzB,MAAAU;IACJ,CAAC,GACDD,EAAMR,GAAK,YAAY;AACnB,MAAAA,EAAI,QAAQA,EAAI,MAAM,YAAW;AAAA,IACrC,CAAC,GACDQ,EAAMN,GAAQ,YAAY;AACtB,MAAAP,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAQO,GAAQ,UAAYA,GAAQ;AAAA,IACnE,CAAC,GACDQ,EAAU,YAAY;AAClB,MAAAT,IAAU,CAAC,EAAE,MAAM,gEAAgE,UAAU,UAAS,CAAE,GAExG,MAAMU,EAAS,GAEXhB,EAAM,QAAQ,MAAM,SAAS,UAAaA,EAAM,QAAQ,MAAM,SAAS,KACvEiB,EAAU,cAAc,KACrBA,EAAU,cAAc;AAAA,IAGnC,CAAC;AAED,aAASC,IAAW;AAChB,MAAAhB,EAAU,MAAM,QAAQ,CAAAiB,MAAW;AAC/B,QAAAA,EAAQ,SAAS;AAAA,MACzB,CAAK;AAAA,IACL;AACA,aAASC,EAAeC,GAAG;AAEvB,MAAAJ,EAAU,cAAc,IACxBjB,EAAM,QAAQ,KAAK,MAAM,CAAA,CAAE;AAAA,IAC/B;AACA,aAASsB,EAAYC,GAAI;AAErB,UAAIC,IAAqB,KAAK,MAAM,aAAa,QAAQ,OAAO1B,EAAM,OAAO,QAAQ,EAAE,CAAC,GACpF2B;AACJ,MAAIzB,EAAM,QAAQ,MAAM,eAAe,0BACnCyB,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,KAAKzB,EAAM,QAAQ,KAAK,MAAM,GAC9BA,EAAM,QAAQ,MAAM,eAAe,0BACnCwB,EAAmB,QAAQ,8BAA8B,IAAIC,IAE5DD,EAAmB,QAAQ,aAAa,IAAIC,GAEjD,aAAa,QAAQ,OAAO3B,EAAM,OAAO,QAAQ,IAAI,KAAK,UAAU0B,CAAkB,CAAC;AAAA,IAC3F;AACA,UAAMV,IAA6B,YAAY;AAE3C,UAAIa,IAAWtB,EAAI;AAEnB,UAAIL,EAAM,QAAQ,MAAM,eAAe,yBAAyB;AAE5D,QAAA2B,IAAW,yBAAyBA,EAAS,YAAa,EAAC,WAAW,KAAK,GAAG;AAE9E,YAAI;AACA,cAAIC,IAAOxB,EAAU;AACrB,gBAAMI,EAAM,SAAS,2CAA2C,EAAE,KAAKmB,GAAU,MAAMC,GAAM,MAAMhC,EAAS,IAAI,QAAS,CAAA,EAAE,KAAK,CAACiC,MAAa;AAK1I,YAAAvB,IAJgBuB,EAAS,KAAK,OAAO,QAAQ,IAAI,CAACC,OAAO;AAAA,cACrD,MAAMC,EAAkBD,EAAE,WAAWnB,EAAO,OAAO,CAAA,CAAE,IAAI,OAAOmB,EAAE,KAAK;AAAA,cACvE,UAAUA,EAAE;AAAA,YACf,EAAC;AAAA,UAElB,CAAa;AAAA,QACJ,QAAe;AAAA,QAChB;AAAA,MACJ;AAEI,YAAI;AACA,cAAIF,IAAOxB,EAAU;AACrB,gBAAMI,EAAM,SAAS,2CAA2C,EAAE,KAAKmB,GAAU,MAAMC,GAAM,MAAMhC,EAAS,IAAI,QAAS,CAAA,EAAE,KAAK,CAACiC,MAAa;AAK1I,YAAAvB,IAJgBuB,EAAS,KAAK,OAAO,QAAQ,IAAI,CAACC,OAAO;AAAA,cACrD,MAAMC,EAAkBD,EAAE,YAAYnB,EAAO,OAAO,CAAA,CAAE,IAAI,OAAOmB,EAAE,KAAK;AAAA,cACxE,UAAUA,EAAE;AAAA,YACf,EAAC;AAAA,UAElB,CAAa;AAAA,QACJ,QAAe;AAAA,QAChB;AAAA,IAGR;AAEA,QAAIb,IAAYe,EAAS;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,aAAa;AAAA,IACjB,CAAC;AAED,UAAMC,IAAK9B,EAAI,IAAI,GACb+B,IAAK/B,EAAI,IAAI,GACbgC,IAAKhC,EAAI,IAAI;AAEnB,IAAAiC,EAAeH,GAAI,CAAAI,MAASpB,EAAU,QAAQ,EAAK,GACnDmB,EAAeF,GAAI,CAAAG,MAASpB,EAAU,SAAS,EAAK,GACpDmB,EAAeD,GAAI,CAAAE,MAASpB,EAAU,QAAQ,EAAK;AACnD,aAASqB,EAAYjB,GAAG;AAGpB,MAAIA,MAAM,gBAAaJ,EAAU,QAAQ,CAACA,EAAU,QAChDI,MAAM,mBAAgBJ,EAAU,SAAS,CAACA,EAAU,SACpDI,MAAM,qBACFJ,EAAU,UAAU,OAEnBA,EAAU,QAAQ,CAACA,EAAU;AAAA,IAE1C;AACA,aAASsB,EAAYlB,GAAG;AACpB,MAAArB,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAQqB,EAAE,OAAO,OAAO,UAAYA,EAAE,OAAO,MAAK,CAAE;AAAA,IACnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\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});\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 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\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\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":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","t","locale","useI18n","ted","useTed","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","e","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":"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"}

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

@@ -273,7 +273,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 getData: import('vuex').Computed;
             }, {
                 checkIfPropertySet(data: any, property: any): any;
-                getDate(date: any): any;
+                getDate(date: any): string;
                 checkIfPropertyValueSet(data: any, property: any, value: any): any;
                 reqName(URI: any): Promise<any>;
                 requestFirstEntrySuggestions: import('vuex').ActionMethod;

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

@@ -220,7 +220,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     getData: import('vuex').Computed;
 }, {
     checkIfPropertySet(data: any, property: any): any;
-    getDate(date: any): any;
+    getDate(date: any): string;
     checkIfPropertyValueSet(data: any, property: any, value: any): any;
     reqName(URI: any): Promise<any>;
     requestFirstEntrySuggestions: import('vuex').ActionMethod;

package/dist/data-provider-interface/views/OverviewPage/DatasetOverview.vue.mjs

@@ -96,6 +96,8 @@ const k = {
       return t[e] != null ? t[e] : "-";
     },
     getDate(t) {
+      if (!(t instanceof Date) || isNaN(t.getTime()))
+        return "-";
       let e = {};
       return this.dpiLocale === "de" ? (e = { year: "numeric", month: "long", day: "numeric" }, t.toLocaleDateString("de-DE", e)) : (e = { year: "numeric", month: "long", day: "numeric" }, t.toLocaleDateString("en-EN", e));
     },
@@ -120,7 +122,7 @@ const k = {
 }, _ = {
   key: 0,
   class: "mt-2"
-}, S = { class: "overviewHeader p-3" }, V = { class: "firstRow d-flex" }, q = { class: "datasetNotation dsd-title-tag d-flex align-items-center" }, x = { class: "dsTitle" }, E = { class: "secondRow d-flex justify-content-between" }, B = { class: "dsCatalogue" }, N = { href: "" }, O = { class: "dsPublisher" }, T = { class: "dsIssued" }, G = { class: "dsUpdated" }, j = { class: "dsMainWrap d-flex flex-column mt-3" }, A = { class: "" }, C = { class: "dsDesc px-3" }, M = { class: "" }, F = { class: "table table-borderless table-responsive bg-light disOverview p-3" }, H = {
+}, S = { class: "overviewHeader p-3" }, V = { class: "firstRow d-flex" }, q = { class: "datasetNotation dsd-title-tag d-flex align-items-center" }, N = { class: "dsTitle" }, x = { class: "secondRow d-flex justify-content-between" }, E = { class: "dsCatalogue" }, B = { href: "" }, O = { class: "dsPublisher" }, T = { class: "dsIssued" }, G = { class: "dsUpdated" }, j = { class: "dsMainWrap d-flex flex-column mt-3" }, A = { class: "" }, C = { class: "dsDesc px-3" }, M = { class: "" }, F = { class: "table table-borderless table-responsive bg-light disOverview p-3" }, H = {
   key: 0,
   class: "dsDist b-top p-3"
 }, K = { class: "my-4" }, W = {
@@ -136,16 +138,16 @@ function X(t, e, d, f, c, s) {
           a("span", null, i(t.$te("message.metadata.dataset") ? t.$t("message.metadata.dataset") : "Dataset"), 1)
         ]),
         e[0] || (e[0] = l()),
-        a("h1", x, i(s.getTitle), 1)
+        a("h1", N, i(s.getTitle), 1)
       ]),
       e[7] || (e[7] = l()),
-      a("div", E, [
-        a("div", B, [
+      a("div", x, [
+        a("div", E, [
           a("span", null, [
             a("b", null, i(t.$te("message.metadata.catalog") ? t.$t("message.metadata.catalog") : "Catalogue") + ":", 1)
           ]),
           e[1] || (e[1] = l()),
-          a("a", N, i(s.checkIfPropertySet(s.getDatasets, "dcat:catalog")), 1)
+          a("a", B, i(s.checkIfPropertySet(s.getDatasets, "dcat:catalog")), 1)
         ]),
         e[4] || (e[4] = l()),
         a("div", O, [