@piveau/piveau-hub-ui-modules 4.4.3 → 4.4.5

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

@@ -1,85 +1,85 @@
-import { computed as m, ref as c, onMounted as B, openBlock as s, createElementBlock as d, createElementVNode as p, toDisplayString as v, createTextVNode as f, createBlock as x, unref as a, isRef as C, withDirectives as D, Fragment as _, renderList as S, createCommentVNode as F, vShow as R } from "vue";
+import { computed as m, ref as d, onMounted as B, openBlock as s, createElementBlock as u, createElementVNode as p, toDisplayString as v, createTextVNode as f, createBlock as x, unref as a, isRef as C, withDirectives as D, Fragment as S, renderList as L, createCommentVNode as F, vShow as R } from "vue";
 import { useStore as U } from "vuex";
-import { getNode as u } from "@formkit/core";
+import { getNode as c } from "@formkit/core";
 import { onClickOutside as q } from "../../external/@vueuse/core/index";
 import A from "axios";
 import { useRuntimeEnv as J } from "../../composables/useRuntimeEnv.mjs";
-import { has as L, isNil as w } from "lodash-es";
-import { FormKit as I } from "@formkit/vue";
+import { has as w, isNil as I } from "lodash-es";
+import { FormKit as N } from "@formkit/vue";
 import "./SimpleSelect.vue2.mjs";
 const K = { class: "formkitProperty" }, $ = { class: "position-relative formkitCmpWrap" }, M = ["onClick"], P = ["onClick"], ee = {
   __name: "SimpleSelect",
   props: {
     context: Object
   },
-  setup(N) {
-    const r = N, V = m(() => localStorage.getItem("dpi_duplicate")), g = m(() => h.getters["auth/getUserCatalogIds"]);
-    let l = c();
-    const h = U(), y = c(null), k = c();
-    c(!0), k.value = m(() => h.getters["auth/getIsEditMode"]);
-    let n = c([]), E = J(), o = c();
-    o = u("dcat:catalog").value, q(y, (t) => l.value = !1);
-    const b = async (t) => {
-      t.id ? (r.context.node.input(t.id), l.value = !l.value, u("dcat:catalog").value = t.id, o = t.name) : (r.context.node.input(t), l.value = !l.value, u("dcat:catalog").value = t, o = t);
+  setup(V) {
+    const i = V, E = m(() => localStorage.getItem("dpi_duplicate")), g = m(() => y.getters["auth/getUserCatalogIds"]);
+    let o = d();
+    const y = U(), k = d(null), b = d();
+    d(!0), b.value = m(() => y.getters["auth/getIsEditMode"]);
+    let n = d([]), _ = J(), r = d();
+    r = c("dcat:catalog").value, q(k, (l) => o.value = !1);
+    const h = async (l) => {
+      l.id ? (i.context.node.input(l.id), o.value = !o.value, c("dcat:catalog").value = l.id, r = l.name) : (i.context.node.input(l), o.value = !o.value, c("dcat:catalog").value = l, r = l);
     };
     let O = async () => {
-      let t;
-      await A.get(E.api.baseUrl + "search?filter=catalogue&limit=1000").then((e) => t = e).catch((e) => {
+      let l;
+      await A.get(_.api.baseUrl + "search?filter=catalogue&limit=1000").then((e) => l = e).catch((e) => {
         reject(e);
-      }), t.data.result.results.forEach((e) => {
-        L(e, "title") && !w(e.title) && L(e, "id") && !w(e.id) && n.value.push({ title: Object.values(e.title)[0], id: e.id });
+      }), l.data.result.results.forEach((e) => {
+        w(e, "title") && !I(e.title) && w(e, "id") && !I(e.id) && n.value.push({ title: Object.values(e.title)[0], id: e.id });
       }), n.value = await n.value.filter((e) => g.value.includes(e.id)).map((e) => ({ id: e.id, name: e.title }));
-      let i = JSON.parse(JSON.stringify(n.value));
-      i.length === 1 && (o = i[0].id);
+      let t = JSON.parse(JSON.stringify(n.value));
+      t.length === 1 && (r = t[0].id);
     };
     return B(async () => {
       O();
-    }), (t, i) => (s(), d("div", K, [
-      p("h4", null, v(r.context.label), 1),
-      f(),
+    }), (l, t) => (s(), u("div", K, [
+      p("h4", null, v(i.context.label), 1),
+      t[4] || (t[4] = f()),
       p("div", $, [
-        k.value.value && !V.value ? (s(), x(a(I), {
+        b.value.value && !E.value ? (s(), x(a(N), {
           key: 0,
           class: "autocompleteInputfield",
           type: "text",
           readonly: "",
-          placeholder: a(u)("dcat:catalog").value,
-          name: r.context.node.name
-        }, null, 8, ["placeholder", "name"])) : (s(), x(a(I), {
+          placeholder: a(c)("dcat:catalog").value,
+          name: i.context.node.name
+        }, null, 8, ["placeholder", "name"])) : (s(), x(a(N), {
           key: 1,
           class: "autocompleteInputfield",
-          modelValue: a(o),
-          "onUpdate:modelValue": i[0] || (i[0] = (e) => C(o) ? o.value = e : o = e),
-          placeholder: r.context.attrs.placeholder,
+          modelValue: a(r),
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => C(r) ? r.value = e : r = e),
+          placeholder: i.context.attrs.placeholder,
           type: "text",
-          onClick: i[1] || (i[1] = (e) => C(l) ? l.value = !a(l) : l = !a(l)),
+          onClick: t[1] || (t[1] = (e) => C(o) ? o.value = !a(o) : o = !a(o)),
           validation: "required",
           mandatory: "true",
           readonly: "",
           "validation-messages": {
-            required: r.context.attrs.placeholder
+            required: i.context.attrs.placeholder
           },
-          name: r.context.node.name
+          name: i.context.node.name
         }, null, 8, ["modelValue", "placeholder", "validation-messages", "name"])),
-        f(),
+        t[3] || (t[3] = f()),
         D(p("ul", {
           ref_key: "dropdownList",
-          ref: y,
+          ref: k,
           class: "autocompleteResultList selectListFK catSelectList"
         }, [
-          (s(!0), d(_, null, S(a(n), (e) => (s(), d("li", {
+          (s(!0), u(S, null, L(a(n), (e) => (s(), u("li", {
             key: e,
-            onClick: (j) => b(e),
+            onClick: (j) => h(e),
             class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
           }, v(e.name), 9, M))), 128)),
-          f(),
-          a(n).length === 0 ? (s(!0), d(_, { key: 0 }, S(g.value, (e) => (s(), d("li", {
+          t[2] || (t[2] = f()),
+          a(n).length === 0 ? (s(!0), u(S, { key: 0 }, L(g.value, (e) => (s(), u("li", {
             key: e,
-            onClick: (j) => b(e),
+            onClick: (j) => h(e),
             class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
           }, v(e), 9, P))), 128)) : F("", !0)
         ], 512), [
-          [R, a(l)]
+          [R, a(o)]
         ])
       ])
     ]));

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<template>\n    <div class=\"formkitProperty\">\n        <h4>{{ props.context.label }}</h4>\n        <div class=\"position-relative formkitCmpWrap\">\n            <FormKit v-if=\"isEditMode.value && !isDuplicate\" class=\"autocompleteInputfield\" type=\"text\" readonly\n                :placeholder=\"getNode('dcat:catalog').value\" :name=\"props.context.node.name\" />\n            <FormKit v-else class=\"autocompleteInputfield\" v-model=\"catVal\"\n                :placeholder=\"props.context.attrs.placeholder\" type=\"text\" @click=\"showList = !showList\"\n                validation=\"required\" mandatory=\"true\" readonly :validation-messages=\"{\n                    required: props.context.attrs.placeholder,\n                }\" :name=\"props.context.node.name\" />\n\n            <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK catSelectList\">\n\n                <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n                    class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n                        match.name }}\n                </li>\n                <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\"\n                    @click=\"setvalue(idMatch)\"\n                    class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n                        idMatch }}\n                </li>\n            </ul>\n        </div>\n    </div>\n\n</template>\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport {\n    has,\n    isNil,\n} from 'lodash-es';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n    context: Object\n})\n\n\n\nconst isDuplicate = computed(()=> localStorage.getItem('dpi_duplicate'))\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nlet showList = ref()\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nlet validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nlet filteredCatalogs = ref([])\nlet env = useRuntimeEnv()\nlet catVal = ref()\n\ncatVal = getNode('dcat:catalog').value\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n   \n    validationTrigger = false\n    if (e.id) {\n        props.context.node.input(e.id)\n        showList.value = !showList.value;\n        getNode('dcat:catalog').value = e.id\n        catVal = e.name\n    } else {\n        props.context.node.input(e)\n        showList.value = !showList.value;\n        getNode('dcat:catalog').value = e\n        catVal = e\n    }\n\n}\nlet filterCatList = async () => {\n    let cache;\n    await axios\n        .get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n        .then(response => (cache = response))\n        .catch((err) => {\n            reject(err);\n        });\n\n    \n    cache.data.result.results.forEach((e) => {\n        // console.log(cache);\n        \n        if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n    });\n\n    filteredCatalogs.value = await filteredCatalogs.value\n        .filter(item => userCats.value.includes(item.id))\n        .map(item => ({ id: item.id, name: item.title }));\n\n    // Check if theres only one catalog and set it directly\n\n    let clone = JSON.parse(JSON.stringify(filteredCatalogs.value))\n    if (clone.length === 1) {\n        catVal = clone[0].id\n    }\n}\n\n\nonMounted(async () => {\n    filterCatList();\n});\n\n</script>\n<style>\n.catSelectList {\n    width: 97.3% !important;\n    margin: 0 1rem;\n}\n\n.selectListFK {\n\n    max-height: 20rem;\n    overflow: overlay;\n    overflow-x: hidden;\n}\n</style>"],"names":["props","__props","isDuplicate","computed","userCats","store","showList","ref","useStore","dropdownList","isEditMode","filteredCatalogs","env","useRuntimeEnv","catVal","getNode","onClickOutside","event","setvalue","e","filterCatList","cache","axios","response","err","has","isNil","item","clone","onMounted"],"mappings":";;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAMRC,IAAcC,EAAS,MAAK,aAAa,QAAQ,eAAe,CAAC,GACjEC,IAAWD,EAAS,MAAME,EAAM,QAAQ,wBAAwB,CAAC;AACvE,QAAIC,IAAWC,EAAK;AACpB,UAAMF,IAAQG,EAAU,GAClBC,IAAeF,EAAI,IAAI,GACvBG,IAAaH,EAAK;AACA,IAAAA,EAAI,EAAI,GAChCG,EAAW,QAAQP,EAAS,MAAME,EAAM,QAAQ,oBAAoB,CAAC;AACrE,QAAIM,IAAmBJ,EAAI,EAAE,GACzBK,IAAMC,EAAe,GACrBC,IAASP,EAAK;AAElB,IAAAO,IAASC,EAAQ,cAAc,EAAE,OAEjCC,EAAeP,GAAc,CAAAQ,MAASX,EAAS,QAAQ,EAAK;AAE5D,UAAMY,IAAW,OAAOC,MAAM;AAG1B,MAAIA,EAAE,MACFnB,EAAM,QAAQ,KAAK,MAAMmB,EAAE,EAAE,GAC7Bb,EAAS,QAAQ,CAACA,EAAS,OAC3BS,EAAQ,cAAc,EAAE,QAAQI,EAAE,IAClCL,IAASK,EAAE,SAEXnB,EAAM,QAAQ,KAAK,MAAMmB,CAAC,GAC1Bb,EAAS,QAAQ,CAACA,EAAS,OAC3BS,EAAQ,cAAc,EAAE,QAAQI,GAChCL,IAASK;AAAA,IAGjB;AACA,QAAIC,IAAgB,YAAY;AAC5B,UAAIC;AACJ,YAAMC,EACD,IAAIV,EAAI,IAAI,UAAU,oCAAoC,EAC1D,KAAK,CAAAW,MAAaF,IAAQE,CAAS,EACnC,MAAM,CAACC,MAAQ;AACZ,eAAOA,CAAG;AAAA,MACtB,CAAS,GAGLH,EAAM,KAAK,OAAO,QAAQ,QAAQ,CAAC,MAAM;AAGrC,QAAII,EAAI,GAAG,OAAO,KAAK,CAACC,EAAM,EAAE,KAAK,KAAKD,EAAI,GAAG,IAAI,KAAK,CAACC,EAAM,EAAE,EAAE,KAAGf,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAE,CAAE;AAAA,MAC1J,CAAK,GAEDA,EAAiB,QAAQ,MAAMA,EAAiB,MAC3C,OAAO,CAAAgB,MAAQvB,EAAS,MAAM,SAASuB,EAAK,EAAE,CAAC,EAC/C,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAIpD,UAAIC,IAAQ,KAAK,MAAM,KAAK,UAAUjB,EAAiB,KAAK,CAAC;AAC7D,MAAIiB,EAAM,WAAW,MACjBd,IAASc,EAAM,CAAC,EAAE;AAAA,IAE1B;AAGA,WAAAC,EAAU,YAAY;AAClB,MAAAT;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<template>\n    <div class=\"formkitProperty\">\n        <h4>{{ props.context.label }}</h4>\n        <div class=\"position-relative formkitCmpWrap\">\n            <FormKit v-if=\"isEditMode.value && !isDuplicate\" class=\"autocompleteInputfield\" type=\"text\" readonly\n                :placeholder=\"getNode('dcat:catalog').value\" :name=\"props.context.node.name\" />\n            <FormKit v-else class=\"autocompleteInputfield\" v-model=\"catVal\"\n                :placeholder=\"props.context.attrs.placeholder\" type=\"text\" @click=\"showList = !showList\"\n                validation=\"required\" mandatory=\"true\" readonly :validation-messages=\"{\n                    required: props.context.attrs.placeholder,\n                }\" :name=\"props.context.node.name\" />\n\n            <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK catSelectList\">\n\n                <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n                    class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n                        match.name }}\n                </li>\n                <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\"\n                    @click=\"setvalue(idMatch)\"\n                    class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n                        idMatch }}\n                </li>\n            </ul>\n        </div>\n    </div>\n\n</template>\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport {\n    has,\n    isNil,\n} from 'lodash-es';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n    context: Object\n})\n\n\n\nconst isDuplicate = computed(()=> localStorage.getItem('dpi_duplicate'))\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nlet showList = ref()\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nlet validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nlet filteredCatalogs = ref([])\nlet env = useRuntimeEnv()\nlet catVal = ref()\n\ncatVal = getNode('dcat:catalog').value\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n   \n    validationTrigger = false\n    if (e.id) {\n        props.context.node.input(e.id)\n        showList.value = !showList.value;\n        getNode('dcat:catalog').value = e.id\n        catVal = e.name\n    } else {\n        props.context.node.input(e)\n        showList.value = !showList.value;\n        getNode('dcat:catalog').value = e\n        catVal = e\n    }\n\n}\nlet filterCatList = async () => {\n    let cache;\n    await axios\n        .get(env.api.baseUrl + 'search?filter=catalogue&limit=1000')\n        .then(response => (cache = response))\n        .catch((err) => {\n            reject(err);\n        });\n\n    \n    cache.data.result.results.forEach((e) => {\n        // console.log(cache);\n        \n        if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n    });\n\n    filteredCatalogs.value = await filteredCatalogs.value\n        .filter(item => userCats.value.includes(item.id))\n        .map(item => ({ id: item.id, name: item.title }));\n\n    // Check if theres only one catalog and set it directly\n\n    let clone = JSON.parse(JSON.stringify(filteredCatalogs.value))\n    if (clone.length === 1) {\n        catVal = clone[0].id\n    }\n}\n\n\nonMounted(async () => {\n    filterCatList();\n});\n\n</script>\n<style>\n.catSelectList {\n    width: 97.3% !important;\n    margin: 0 1rem;\n}\n\n.selectListFK {\n\n    max-height: 20rem;\n    overflow: overlay;\n    overflow-x: hidden;\n}\n</style>"],"names":["props","__props","isDuplicate","computed","userCats","store","showList","ref","useStore","dropdownList","isEditMode","filteredCatalogs","env","useRuntimeEnv","catVal","getNode","onClickOutside","event","setvalue","e","filterCatList","cache","axios","response","err","has","isNil","item","clone","onMounted"],"mappings":";;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAMRC,IAAcC,EAAS,MAAK,aAAa,QAAQ,eAAe,CAAC,GACjEC,IAAWD,EAAS,MAAME,EAAM,QAAQ,wBAAwB,CAAC;AACvE,QAAIC,IAAWC,EAAI;AACnB,UAAMF,IAAQG,EAAS,GACjBC,IAAeF,EAAI,IAAI,GACvBG,IAAaH,EAAI;AACC,IAAAA,EAAI,EAAI,GAChCG,EAAW,QAAQP,EAAS,MAAME,EAAM,QAAQ,oBAAoB,CAAC;AACrE,QAAIM,IAAmBJ,EAAI,EAAE,GACzBK,IAAMC,EAAc,GACpBC,IAASP,EAAI;AAEjB,IAAAO,IAASC,EAAQ,cAAc,EAAE,OAEnBC,EAACP,GAAc,CAAAQ,MAASX,EAAS,QAAQ,EAAK;AAE5D,UAAMY,IAAW,OAAOC,MAAM;AAG1B,MAAIA,EAAE,MACFnB,EAAM,QAAQ,KAAK,MAAMmB,EAAE,EAAE,GAC7Bb,EAAS,QAAQ,CAACA,EAAS,OAC3BS,EAAQ,cAAc,EAAE,QAAQI,EAAE,IAClCL,IAASK,EAAE,SAEXnB,EAAM,QAAQ,KAAK,MAAMmB,CAAC,GAC1Bb,EAAS,QAAQ,CAACA,EAAS,OAC3BS,EAAQ,cAAc,EAAE,QAAQI,GAChCL,IAASK;AAAA,IAGjB;AACA,QAAIC,IAAgB,YAAY;AAC5B,UAAIC;AACJ,YAAMC,EACD,IAAIV,EAAI,IAAI,UAAU,oCAAoC,EAC1D,KAAK,CAAAW,MAAaF,IAAQE,CAAS,EACnC,MAAM,CAACC,MAAQ;AACZ,eAAOA,CAAG;AAAA,MACtB,CAAS,GAGLH,EAAM,KAAK,OAAO,QAAQ,QAAQ,CAAC,MAAM;AAGrC,QAAII,EAAI,GAAG,OAAO,KAAK,CAACC,EAAM,EAAE,KAAK,KAAKD,EAAI,GAAG,IAAI,KAAK,CAACC,EAAM,EAAE,EAAE,KAAGf,EAAiB,MAAM,KAAK,EAAE,OAAO,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,EAAE,GAAE,CAAE;AAAA,MAC1J,CAAK,GAEDA,EAAiB,QAAQ,MAAMA,EAAiB,MAC3C,OAAO,CAAAgB,MAAQvB,EAAS,MAAM,SAASuB,EAAK,EAAE,CAAC,EAC/C,IAAI,CAAAA,OAAS,EAAE,IAAIA,EAAK,IAAI,MAAMA,EAAK,MAAO,EAAC;AAIpD,UAAIC,IAAQ,KAAK,MAAM,KAAK,UAAUjB,EAAiB,KAAK,CAAC;AAC7D,MAAIiB,EAAM,WAAW,MACjBd,IAASc,EAAM,CAAC,EAAE;AAAA,IAE1B;AAGA,WAAAC,EAAU,YAAY;AAClB,MAAAT;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/data-provider-interface/components/SpatialInput.vue.d.ts

@@ -6,5 +6,5 @@ declare const _default: import('vue').DefineComponent<{}, {
 }, {
     man: boolean;
     vocSearch: boolean;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

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