@piveau/piveau-hub-ui-modules 4.3.0-beta.0 → 4.3.1

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\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        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,GAKRC,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;AACrC,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: 'The catalog is required',\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\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        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,GAIRC,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;AACrC,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.mjs

@@ -1,4 +1,4 @@
-import { getCurrentInstance as D, ref as f, watch as _, onMounted as M, nextTick as P, reactive as j, openBlock as i, createElementBlock as l, unref as p, createElementVNode as c, toDisplayString as b, createTextVNode as d, withDirectives as L, vShow as q, createCommentVNode as h, Fragment as w, renderList as x, isRef as g, vModelText as B } from "vue";
+import { getCurrentInstance as N, ref as f, watch as I, onMounted as D, nextTick as P, reactive as j, openBlock as s, createElementBlock as l, unref as p, createElementVNode as c, toDisplayString as _, createTextVNode as u, withDirectives as L, vShow as q, createCommentVNode as h, Fragment as x, renderList as w, isRef as b, vModelText as B } from "vue";
 import { useStore as J } from "vuex";
 import { getTranslationFor as $ } from "../../utils/helpers.mjs";
 import { onClickOutside as S } from "../../external/@vueuse/core/index";
@@ -8,79 +8,79 @@ import X from "../../_virtual/_plugin-vue_export-helper.mjs";
 const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
   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 = {
+}, Q = { class: "autocompleteInputSingleValue" }, Y = { key: 1 }, Z = { class: "w-100 d-flex" }, ee = { class: "d-flex position-relative m-3 w-100" }, te = {
   key: 0,
   class: "d-flex position-relative m-3 w-100"
-}, oe = { class: "w-100" }, se = {
+}, ae = { class: "w-100" }, oe = {
   key: 1,
   class: "d-flex position-relative m-3 w-100"
-}, ie = { class: "w-100" }, le = ["onClick"], ne = {
+}, ie = { class: "w-100" }, se = ["onClick"], le = {
   key: 0,
   class: "m-3"
-}, re = {
+}, ne = {
   key: 0,
   class: "w-100"
-}, ce = ["placeholder"], de = ["onClick"], ue = {
+}, re = ["placeholder"], ce = ["onClick"], ue = {
   data() {
     return {
       man: !1,
       vocSearch: !1
     };
   }
-}, pe = /* @__PURE__ */ Object.assign(ue, {
+}, de = /* @__PURE__ */ Object.assign(ue, {
   __name: "SpatialInput",
   props: {
     context: Object
   },
   setup(E) {
-    let C = D().appContext.app.config.globalProperties.$env, U = W();
+    let C = N().appContext.app.config.globalProperties.$env, U = W();
     const n = E;
-    let y = f([]), s = f({}), v = f({}), k = f({}), I = f({});
+    let y = f([]), i = f({}), v = f({}), g = f({}), k = f({});
     const V = J();
-    n.context.attrs.identifier === "politicalGeocodingURI" && y.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" && y.value.push({ item: "Country", active: !1 }, { item: "Place", active: !1 }, { item: "Continent", active: !1 }), _(s, async () => {
+    n.context.attrs.identifier === "politicalGeocodingURI" && y.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" && y.value.push({ item: "Country", active: !1 }, { item: "Place", active: !1 }, { item: "Continent", active: !1 }), I(i, async () => {
       K();
-    }), _(v, async () => {
+    }), I(v, async () => {
       v.value = v.value.toLowerCase();
-    }), _(I, async () => {
-      n.context.node.input({ name: I, resource: I });
-    }), M(async () => {
-      k = [{ 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 === "" ? o.activeValue = !1 : o.activeValue = !0;
+    }), I(k, async () => {
+      n.context.node.input({ name: k, resource: k });
+    }), D(async () => {
+      g = [{ 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 === "" ? o.activeValue = !1 : o.activeValue = !0;
     });
     function G() {
-      y.value.forEach((e) => {
-        e.active = !1;
+      y.value.forEach((t) => {
+        t.active = !1;
       });
     }
-    function O(e) {
+    function O(t) {
       o.activeValue = !1, n.context.node.input({});
     }
-    function F(e) {
-      let a = JSON.parse(localStorage.getItem(`dpi_${U.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_${U.params.property}`, JSON.stringify(a));
+    function F(t) {
+      let a = JSON.parse(localStorage.getItem(`dpi_${U.params.property}`)), e;
+      n.context.attrs.identifier === "politicalGeocodingURI" ? e = a.Advised["dcatde:politicalGeocodingURI"] : e = a.Advised["dct:spatial"], e.forEach((r, d) => {
+        Object.keys(r).length === 0 && e.splice(d, 1);
+      }), e.push(n.context.node._value), n.context.attrs.identifier === "politicalGeocodingURI" ? a.Advised["dcatde:politicalGeocodingURI"] = e : a.Advised["dct:spatial"] = e, localStorage.setItem(`dpi_${U.params.property}`, JSON.stringify(a));
     }
     const K = async () => {
-      let e = v.value;
+      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 = s.value;
-          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: e, text: a, base: C.api.baseUrl }).then((t) => {
-            k = t.data.result.results.map((u) => ({
-              name: $(u.alt_label, "en", []) + " (" + u.id + ")",
-              resource: u.resource
+          let a = i.value;
+          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: a, base: C.api.baseUrl }).then((e) => {
+            g = e.data.result.results.map((d) => ({
+              name: $(d.alt_label, "en", []) + " (" + d.id + ")",
+              resource: d.resource
             }));
           });
         } catch {
         }
       } else
         try {
-          let a = s.value;
-          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: e, text: a, base: C.api.baseUrl }).then((t) => {
-            k = t.data.result.results.map((u) => ({
-              name: $(u.pref_label, "en", []) + " (" + u.id + ")",
-              resource: u.resource
+          let a = i.value;
+          await V.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: t, text: a, base: C.api.baseUrl }).then((e) => {
+            g = e.data.result.results.map((d) => ({
+              name: $(d.pref_label, "en", []) + " (" + d.id + ")",
+              resource: d.resource
             }));
           });
         } catch {
@@ -93,22 +93,22 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
       activeValue: !1
     });
     const T = f(null), A = f(null), R = f(null);
-    S(T, (e) => o.first = !1), S(A, (e) => o.second = !1), S(R, (e) => o.third = !1);
-    function m(e) {
-      e === "showTable" && (o.first = !o.first), e === "showVocTable" && (o.second = !o.second), e === "showVocEntries" && (o.third === !0 || (o.third = !o.third));
+    S(T, (t) => o.first = !1), S(A, (t) => o.second = !1), S(R, (t) => o.third = !1);
+    function m(t) {
+      t === "showTable" && (o.first = !o.first), t === "showVocTable" && (o.second = !o.second), t === "showVocEntries" && (o.third === !0 || (o.third = !o.third));
     }
-    function N(e) {
-      n.context.node.input({ name: e.target.value, resource: e.target.value });
+    function M(t) {
+      n.context.node.input({ name: t.target.value, resource: t.target.value });
     }
-    return (e, a) => (i(), l("div", z, [
-      !n.context.attrs.multiple && p(o).activeValue ? (i(), l("div", H, [
-        c("a", Q, b(n.context.value.name), 1),
-        d(),
+    return (t, a) => (s(), l("div", z, [
+      !n.context.attrs.multiple && p(o).activeValue ? (s(), l("div", H, [
+        c("a", Q, _(n.context.value.name), 1),
+        u(),
         c("div", {
           class: "removeX",
           onClick: O
         })
-      ])) : (i(), l("div", Y, [
+      ])) : (s(), l("div", Y, [
         c("div", Z, [
           c("div", ee, [
             c("input", {
@@ -116,49 +116,53 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
               type: "text",
               class: "selectInputField formkit-inner",
               readonly: "readonly",
-              placeholder: e.$t("message.dataupload.info.preferredInput"),
-              onClick: a[0] || (a[0] = (t) => m("showTable"))
-            }, null, 8, te),
-            d(),
+              placeholder: "Select input method",
+              onClick: a[0] || (a[0] = (e) => m("showTable"))
+            }),
+            u(),
             L(c("ul", {
               ref_key: "I1",
               ref: T,
               class: "spatialListUpload"
             }, [
               c("li", {
-                onClick: a[1] || (a[1] = (t) => {
-                  m("showTable"), e.man = !0, e.vocSearch && (e.vocSearch = !1);
+                onClick: a[1] || (a[1] = (e) => {
+                  m("showTable"), t.man = !0, t.vocSearch && (t.vocSearch = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
-              }, b(e.$t("message.dataupload.datasets.conditional.manually")), 1),
-              d(),
+              }, `
+                            Manually submit information
+                        `),
+              u(),
               c("li", {
-                onClick: a[2] || (a[2] = (t) => {
-                  m("showTable"), e.vocSearch = !0, e.man && (e.man = !1);
+                onClick: a[2] || (a[2] = (e) => {
+                  m("showTable"), t.vocSearch = !0, t.man && (t.man = !1);
                 }),
                 class: "p-2 border-b border-gray-200 choosableItemsAC"
-              }, b(e.$t("message.dataupload.datasets.conditional.vocabulary")), 1)
+              }, `
+                            Choose from vocabulary
+                        `)
             ], 512), [
               [q, p(o).first]
             ])
           ]),
-          d(),
-          e.man ? (i(), l("div", ae, [
-            c("label", oe, [
-              d(` Provide an URL
+          u(),
+          t.man ? (s(), l("div", te, [
+            c("label", ae, [
+              u(` Provide an URL
                         `),
               c("input", {
                 type: "URL",
                 class: "selectInputField formkit-inner",
                 placeholder: "URL",
-                onInput: a[3] || (a[3] = (t) => N(t))
+                onInput: a[3] || (a[3] = (e) => M(e))
               }, null, 32)
             ])
           ])) : h("", !0),
-          d(),
-          e.vocSearch ? (i(), l("div", se, [
+          u(),
+          t.vocSearch ? (s(), l("div", oe, [
             c("label", ie, [
-              d(` Choose type of vocabulary
+              u(` Choose type of vocabulary
                         `),
               c("input", {
                 id: "I2",
@@ -166,72 +170,72 @@ const z = { class: "d-flex flex-column w-100 spatialWrap" }, H = {
                 class: "selectInputField formkit-inner",
                 readonly: "readonly",
                 placeholder: "Search the vocabulary",
-                onClick: a[4] || (a[4] = (t) => {
+                onClick: a[4] || (a[4] = (e) => {
                   m("showVocTable");
                 })
               })
             ]),
-            d(),
-            p(o).second ? (i(), l("ul", {
+            u(),
+            p(o).second ? (s(), l("ul", {
               key: 0,
               ref_key: "I2",
               ref: A,
               class: "spatialListUpload"
             }, [
-              (i(!0), l(w, null, x(p(y), (t) => (i(), l("li", {
-                key: t,
+              (s(!0), l(x, null, w(p(y), (e) => (s(), l("li", {
+                key: e,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
                 onClick: (r) => {
-                  G(), t.active = !t.active, m("showVocTable"), g(s) ? s.value = "" : s = "", g(v) ? v.value = t.item : v = t.item;
+                  G(), e.active = !e.active, m("showVocTable"), b(i) ? i.value = "" : i = "", b(v) ? v.value = e.item : v = e.item;
                 }
-              }, b(t.item), 9, le))), 128))
+              }, _(e.item), 9, se))), 128))
             ], 512)) : h("", !0)
           ])) : h("", !0)
         ]),
-        d(),
-        e.vocSearch ? (i(), l("div", ne, [
-          (i(!0), l(w, null, x(p(y), (t) => (i(), l("div", {
-            key: t,
+        u(),
+        t.vocSearch ? (s(), l("div", le, [
+          (s(!0), l(x, null, w(p(y), (e) => (s(), l("div", {
+            key: e,
             class: "position-relative"
           }, [
-            t.active ? (i(), l("label", re, [
-              d(" Search the vocabulary "),
+            e.active ? (s(), l("label", ne, [
+              u(" Search the vocabulary "),
               L(c("input", {
                 id: "I3",
                 type: "text",
-                "onUpdate:modelValue": a[5] || (a[5] = (r) => g(s) ? s.value = r : s = r),
+                "onUpdate:modelValue": a[5] || (a[5] = (r) => b(i) ? i.value = r : i = r),
                 class: "selectInputField formkit-inner",
-                placeholder: t.item,
+                placeholder: e.item,
                 onClick: a[6] || (a[6] = (r) => {
-                  m("showVocEntries"), g(s) ? s.value = "" : s = "";
+                  m("showVocEntries"), b(i) ? i.value = "" : i = "";
                 })
-              }, null, 8, ce), [
-                [B, p(s)]
+              }, null, 8, re), [
+                [B, p(i)]
               ])
             ])) : h("", !0),
-            d(),
-            p(o).third && t.active ? (i(), l("ul", {
+            u(),
+            p(o).third && e.active ? (s(), l("ul", {
               key: 1,
               ref_for: !0,
               ref_key: "I3",
               ref: R,
               class: "spatialListUpload"
             }, [
-              (i(!0), l(w, null, x(p(k), (r) => (i(), l("li", {
+              (s(!0), l(x, null, w(p(g), (r) => (s(), l("li", {
                 key: r,
                 class: "p-2 border-b border-gray-200 choosableItemsAC",
-                onClick: (u) => {
-                  n.context.node.input(r), g(s) ? s.value = r.name : s = r.name, m("showVocEntries"), p(o).third = !1, F();
+                onClick: (d) => {
+                  n.context.node.input(r), b(i) ? i.value = r.name : i = r.name, m("showVocEntries"), p(o).third = !1, F();
                 }
-              }, b(r.name), 9, de))), 128))
+              }, _(r.name), 9, ce))), 128))
             ], 512)) : h("", !0)
           ]))), 128))
         ])) : h("", !0)
       ]))
     ]));
   }
-}), ke = /* @__PURE__ */ X(pe, [["__scopeId", "data-v-0e6763cf"]]);
+}), ge = /* @__PURE__ */ X(de, [["__scopeId", "data-v-87799d8f"]]);
 export {
-  ke as default
+  ge 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';\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();\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    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, 'en', []) + \" (\" + 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, 'en', []) + \" (\" + 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                    <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                        :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                        @click=\"activeInput('showTable')\" />\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\"> 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                    <label class=\"w-100\"> Choose type of vocabulary\n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            placeholder=\"Search the 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                            {{ 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\"> Search the vocabulary <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\">\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","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;2CAuNAA,KAAe;AAAA,EACX,OAAO;AACH,WAAO;AAAA,MACH,KAAK;AAAA,MACL,WAAW;AAAA,IACd;AAAA,EACJ;AAEL;;;;;;AAtNA,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;AAEtB,IAAIT,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,GAGnIQ,EAAMN,GAAW,YAAY;AACzB,MAAAO;IACJ,CAAC,GACDD,EAAML,GAAK,YAAY;AACnB,MAAAA,EAAI,QAAQA,EAAI,MAAM,YAAW;AAAA,IACrC,CAAC,GACDK,EAAMH,GAAQ,YAAY;AACtB,MAAAP,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAQO,GAAQ,UAAYA,GAAQ;AAAA,IACnE,CAAC,GACDK,EAAU,YAAY;AAClB,MAAAN,IAAU,CAAC,EAAE,MAAM,gEAAgE,UAAU,UAAS,CAAE,GAExG,MAAMO,EAAU,GAEZb,EAAM,QAAQ,MAAM,SAAS,UAAaA,EAAM,QAAQ,MAAM,SAAS,KACvEc,EAAU,cAAc,KACrBA,EAAU,cAAc;AAAA,IAGnC,CAAC;AAED,aAASC,IAAW;AAChB,MAAAb,EAAU,MAAM,QAAQ,CAAAc,MAAW;AAC/B,QAAAA,EAAQ,SAAS;AAAA,MACzB,CAAK;AAAA,IACL;AACA,aAASC,EAAe,GAAG;AAEvB,MAAAH,EAAU,cAAc,IACxBd,EAAM,QAAQ,KAAK,MAAM,CAAA,CAAE;AAAA,IAC/B;AACA,aAASkB,EAAYC,GAAI;AAErB,UAAIC,IAAqB,KAAK,MAAM,aAAa,QAAQ,OAAOtB,EAAM,OAAO,QAAQ,EAAE,CAAC,GACpFuB;AACJ,MAAIrB,EAAM,QAAQ,MAAM,eAAe,0BACnCqB,IAAMD,EAAmB,QAAQ,8BAA8B,IAE9DC,IAAMD,EAAmB,QAAQ,aAAa,GAEnDC,EAAI,QAAQ,CAACL,GAASM,MAAU;AAC5B,QAAI,OAAO,KAAKN,CAAO,EAAE,WAAW,KAChCK,EAAI,OAAOC,GAAO,CAAC;AAAA,MAE/B,CAAK,GACDD,EAAI,KAAKrB,EAAM,QAAQ,KAAK,MAAM,GAC9BA,EAAM,QAAQ,MAAM,eAAe,0BACnCoB,EAAmB,QAAQ,8BAA8B,IAAIC,IAE5DD,EAAmB,QAAQ,aAAa,IAAIC,GAEjD,aAAa,QAAQ,OAAOvB,EAAM,OAAO,QAAQ,IAAI,KAAK,UAAUsB,CAAkB,CAAC;AAAA,IAC3F;AACA,UAAMT,IAA6B,YAAY;AAC3C,UAAIY,IAAWlB,EAAI;AAEnB,UAAIL,EAAM,QAAQ,MAAM,eAAe,yBAAyB;AAE5D,QAAAuB,IAAW,yBAAyBA,EAAS,YAAa,EAAC,WAAW,KAAK,GAAG;AAE9E,YAAI;AACA,cAAIC,IAAOpB,EAAU;AACrB,gBAAMI,EAAM,SAAS,2CAA2C,EAAE,KAAKe,GAAU,MAAMC,GAAM,MAAM5B,EAAS,IAAI,QAAS,CAAA,EAAE,KAAK,CAAC6B,MAAa;AAK1I,YAAAnB,IAJgBmB,EAAS,KAAK,OAAO,QAAQ,IAAI,CAACC,OAAO;AAAA,cACrD,MAAMC,EAAkBD,EAAE,WAAW,MAAM,CAAE,CAAA,IAAI,OAAOA,EAAE,KAAK;AAAA,cAC/D,UAAUA,EAAE;AAAA,YACf,EAAC;AAAA,UAElB,CAAa;AAAA,QACJ,QAAe;AAAA,QACf;AAAA,MACJ;AAEG,YAAI;AACA,cAAIF,IAAOpB,EAAU;AACrB,gBAAMI,EAAM,SAAS,2CAA2C,EAAE,KAAKe,GAAU,MAAMC,GAAM,MAAM5B,EAAS,IAAI,QAAS,CAAA,EAAE,KAAK,CAAC6B,MAAa;AAK1I,YAAAnB,IAJgBmB,EAAS,KAAK,OAAO,QAAQ,IAAI,CAACC,OAAO;AAAA,cACrD,MAAMC,EAAkBD,EAAE,YAAY,MAAM,CAAE,CAAA,IAAI,OAAOA,EAAE,KAAK;AAAA,cAChE,UAAUA,EAAE;AAAA,YACf,EAAC;AAAA,UAElB,CAAa;AAAA,QACJ,QAAe;AAAA,QACf;AAAA,IAGT;AAEA,QAAIZ,IAAYc,EAAS;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,aAAa;AAAA,IACjB,CAAC;AAED,UAAMC,IAAK1B,EAAI,IAAI,GACb2B,IAAK3B,EAAI,IAAI,GACb4B,IAAK5B,EAAI,IAAI;AAEnB,IAAA6B,EAAeH,GAAI,CAAAI,MAASnB,EAAU,QAAQ,EAAK,GACnDkB,EAAeF,GAAI,CAAAG,MAASnB,EAAU,SAAS,EAAK,GACpDkB,EAAeD,GAAI,CAAAE,MAASnB,EAAU,QAAQ,EAAK;AACnD,aAASoB,EAAY,GAAG;AAGpB,MAAI,MAAM,gBAAapB,EAAU,QAAQ,CAACA,EAAU,QAChD,MAAM,mBAAgBA,EAAU,SAAS,CAACA,EAAU,SACpD,MAAM,qBACFA,EAAU,UAAU,OAEnBA,EAAU,QAAQ,CAACA,EAAU;AAAA,IAE1C;AACA,aAASqB,EAAY,GAAG;AACpB,MAAAnC,EAAM,QAAQ,KAAK,MAAM,EAAE,MAAQ,EAAE,OAAO,OAAO,UAAY,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';\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();\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}\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    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, 'en', []) + \" (\" + 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, 'en', []) + \" (\" + 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                    <input id=\"I1\" type=\"text\"\n                            class=\"selectInputField formkit-inner\" readonly=\"readonly\" placeholder=\"Select input method\"\n                            @click=\"activeInput('showTable')\"/>\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                            Manually submit information\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            Choose from 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\"> 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                    <label class=\"w-100\"> Choose type of vocabulary\n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            placeholder=\"Search the 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                            {{ 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\"> Search the vocabulary <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\">\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","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/components/SpatialInput.vue2.mjs

@@ -1,5 +1,5 @@
-const e = "";
+const _ = "";
 export {
-  e as default
+  _ as default
 };
 //# sourceMappingURL=SpatialInput.vue2.mjs.map

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

@@ -1,43 +1,32 @@
-import { getCurrentInstance as g, ref as u, onMounted as I, watchEffect as h, resolveComponent as D, openBlock as i, createElementBlock as q, createElementVNode as _, toDisplayString as $, createTextVNode as b, createBlock as n, unref as y } from "vue";
-import { isNil as k } from "lodash-es";
-import E from "axios";
-import { useStore as U } from "vuex";
-import { useI18n as C } from "vue-i18n";
-const M = { class: "formkitProperty DSid" }, N = {
+import { getCurrentInstance as v, ref as d, resolveComponent as h, openBlock as s, createElementBlock as I, createElementVNode as g, toDisplayString as D, createTextVNode as _, createBlock as n } from "vue";
+import { isNil as y } from "lodash-es";
+import $ from "axios";
+import { useStore as b } from "vuex";
+const q = { class: "formkitProperty DSid" }, k = {
   props: ["context"]
-}, V = /* @__PURE__ */ Object.assign(N, {
+}, B = /* @__PURE__ */ Object.assign(k, {
   __name: "UniqueIdentifierInput",
-  setup(S) {
-    let p = g().appContext.app.config.globalProperties.$env;
-    const d = U(), l = u(), o = u();
-    o.value = localStorage.getItem("dpi_duplicate"), l.value = d.getters["auth/getIsEditMode"];
-    const { t: s, locale: B } = C();
-    let r = {
-      idformatvalid: "",
-      idunique: "",
-      required: ""
+  setup(U) {
+    let r = v().appContext.app.config.globalProperties.$env;
+    const i = b(), l = d(), o = d();
+    o.value = localStorage.getItem("dpi_duplicate"), l.value = i.getters["auth/getIsEditMode"];
+    const u = {
+      idformatvalid: "Dataset ID must only contain lower case letters, numbers and single dashes (-). Please choose a different ID.",
+      idunique: "This ID is already in use, please choose a different one."
     };
-    I(() => {
-      r = {
-        idformatvalid: s("message.dataupload.datasets.datasetID.invalidFormat"),
-        idunique: s("message.dataupload.datasets.datasetID.duplicate"),
-        required: s("message.dataupload.datasets.datasetID.required")
-      };
-    }), h(() => {
-    });
-    async function m(e) {
-      let t = !0, a = p.api.hubUrl;
-      const f = d.getters["auth/getUserDraftIds"];
+    async function p(e) {
+      let t = !0, a = r.api.hubUrl;
+      const m = i.getters["auth/getUserDraftIds"];
       return new Promise(() => {
-        if (k(e.value) || e.value === "" || e.value === void 0)
+        if (y(e.value) || e.value === "" || e.value === void 0)
           t = !0;
-        else if (f.includes(e.value))
+        else if (m.includes(e.value))
           t = !1;
         else {
-          const v = `${a}datasets/${e.value}?useNormalizedId=true`;
-          E.head(v).then(() => {
+          const f = `${a}datasets/${e.value}?useNormalizedId=true`;
+          $.head(f).then(() => {
             t = !1;
-          }).catch((F) => {
+          }).catch((C) => {
             t = !0;
           });
         }
@@ -47,11 +36,11 @@ const M = { class: "formkitProperty DSid" }, N = {
       return /^[a-z0-9-]*$/.test(e.value);
     }
     return (e, t) => {
-      const a = D("FormKit");
-      return i(), q("div", M, [
-        _("h4", null, $(e.$t("message.dataupload.datasets.datasetID.label")), 1),
-        b(),
-        !l.value || o.value ? (i(), n(a, {
+      const a = h("FormKit");
+      return s(), I("div", q, [
+        g("h4", null, D(e.$t("message.dataupload.datasets.datasetID.label")), 1),
+        _(),
+        !l.value || o.value ? (s(), n(a, {
           key: 0,
           type: "text",
           name: "datasetID",
@@ -59,12 +48,12 @@ const M = { class: "formkitProperty DSid" }, N = {
           placeholder: e.$t("message.dataupload.datasets.datasetID.label"),
           info: e.$t("message.dataupload.datasets.datasetID.info"),
           help: e.$t("message.dataupload.datasets.datasetID.help"),
-          "validation-rules": { idformatvalid: c, idunique: m },
+          "validation-rules": { idformatvalid: c, idunique: p },
           validation: "idformatvalid|idunique|required",
           "validation-visibility": "live",
-          "validation-messages": y(r),
+          "validation-messages": u,
           "outer-class": "formkitCmpWrap p-3"
-        }, null, 8, ["placeholder", "info", "help", "validation-rules", "validation-messages"])) : (i(), n(a, {
+        }, null, 8, ["placeholder", "info", "help", "validation-rules"])) : (s(), n(a, {
           key: 1,
           type: "text",
           name: "datasetID",
@@ -78,6 +67,6 @@ const M = { class: "formkitProperty DSid" }, N = {
   }
 });
 export {
-  V as default
+  B as default
 };
 //# sourceMappingURL=UniqueIdentifierInput.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"UniqueIdentifierInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/UniqueIdentifierInput.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport { useStore } from 'vuex';\nimport { getCurrentInstance } from \"vue\";\nimport { useI18n } from 'vue-i18n';\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\n\nconst store = useStore();\nconst isEditMode = ref();\nconst isDuplicate = ref();\nisDuplicate.value = localStorage.getItem('dpi_duplicate');\nisEditMode.value = store.getters['auth/getIsEditMode'];\nconst { t, locale } = useI18n();\n\nlet validationMessages = {\n  idformatvalid: \"\",\n  idunique: \"\",\n  required: \"\"\n\n};\n\nonMounted(() => {\n  // This is kind of buggy, its taking the strings from the wrong json (de and en is switched)\n  validationMessages = {\n    idformatvalid: t('message.dataupload.datasets.datasetID.invalidFormat'),\n    idunique: t('message.dataupload.datasets.datasetID.duplicate'),\n    required: t('message.dataupload.datasets.datasetID.required')\n  };\n\n});\n\n\nwatchEffect(() => {\n\n\n});\n\n\n\nasync function idunique(node) {\n  let isUniqueID = true;\n  let hubUrl = env.api.hubUrl;\n  const draftIDs = store.getters['auth/getUserDraftIds'];\n\n  new Promise(() => {\n    if (isNil(node.value) || node.value === '' || node.value === undefined) isUniqueID = true;\n    else if (draftIDs.includes(node.value)) isUniqueID = false;\n    else {\n      const request = `${hubUrl}datasets/${node.value}?useNormalizedId=true`;\n      axios.head(request)\n        .then(() => {\n          isUniqueID = false;\n        })\n        .catch((e) => {\n          isUniqueID = true;\n        });\n    }\n  });\n  return isUniqueID;\n}\n\nfunction idformatvalid(node) {\n  return /^[a-z0-9-]*$/.test(node.value);\n}\n\n</script>\n\n<template>\n  <div class=\"formkitProperty DSid\">\n    <h4>{{ $t(`message.dataupload.datasets.datasetID.label`) }}</h4>\n    <FormKit v-if=\"!isEditMode || isDuplicate\" type=\"text\" name=\"datasetID\" id=\"datasetID\"\n      :placeholder=\"$t(`message.dataupload.datasets.datasetID.label`)\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\"\n      :validation-rules=\"{ idformatvalid, idunique }\" validation=\"idformatvalid|idunique|required\"\n      validation-visibility=\"live\" :validation-messages=\"validationMessages\" outer-class=\"formkitCmpWrap p-3\">\n    </FormKit>\n    <FormKit v-else type=\"text\" name=\"datasetID\" id=\"datasetID\" :disabled=\"true\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\">\n    </FormKit>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['context']\n}\n</script>\n\n<style></style>\n"],"names":["__default__","env","getCurrentInstance","store","useStore","isEditMode","ref","isDuplicate","t","locale","useI18n","validationMessages","onMounted","watchEffect","idunique","node","isUniqueID","hubUrl","draftIDs","isNil","request","axios","e","idformatvalid"],"mappings":";;;;;6CAqFAA,IAAe;AAAA,EACb,OAAO,CAAC,SAAS;AACnB;;;AAhFA,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AAEtE,UAAMC,IAAQC,EAAQ,GAChBC,IAAaC,EAAG,GAChBC,IAAcD,EAAG;AACvB,IAAAC,EAAY,QAAQ,aAAa,QAAQ,eAAe,GACxDF,EAAW,QAAQF,EAAM,QAAQ,oBAAoB;AACrD,UAAM,EAAE,GAAAK,GAAG,QAAAC,MAAWC;AAEtB,QAAIC,IAAqB;AAAA,MACvB,eAAe;AAAA,MACf,UAAU;AAAA,MACV,UAAU;AAAA,IAEZ;AAEA,IAAAC,EAAU,MAAM;AAEd,MAAAD,IAAqB;AAAA,QACnB,eAAeH,EAAE,qDAAqD;AAAA,QACtE,UAAUA,EAAE,iDAAiD;AAAA,QAC7D,UAAUA,EAAE,gDAAgD;AAAA,MAChE;AAAA,IAEA,CAAC,GAGDK,EAAY,MAAM;AAAA,IAGlB,CAAC;AAID,mBAAeC,EAASC,GAAM;AAC5B,UAAIC,IAAa,IACbC,IAAShB,EAAI,IAAI;AACrB,YAAMiB,IAAWf,EAAM,QAAQ,sBAAsB;AAErD,iBAAI,QAAQ,MAAM;AAChB,YAAIgB,EAAMJ,EAAK,KAAK,KAAKA,EAAK,UAAU,MAAMA,EAAK,UAAU;AAAW,UAAAC,IAAa;AAAA,iBAC5EE,EAAS,SAASH,EAAK,KAAK;AAAG,UAAAC,IAAa;AAAA,aAChD;AACH,gBAAMI,IAAU,GAAGH,CAAM,YAAYF,EAAK,KAAK;AAC/C,UAAAM,EAAM,KAAKD,CAAO,EACf,KAAK,MAAM;AACV,YAAAJ,IAAa;AAAA,UACvB,CAAS,EACA,MAAM,CAACM,MAAM;AACZ,YAAAN,IAAa;AAAA,UACvB,CAAS;AAAA,QACJ;AAAA,MACL,CAAG,GACMA;AAAA,IACT;AAEA,aAASO,EAAcR,GAAM;AAC3B,aAAO,eAAe,KAAKA,EAAK,KAAK;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UniqueIdentifierInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/UniqueIdentifierInput.vue"],"sourcesContent":["<script setup>\nimport { ref, onMounted, watchEffect } from 'vue'\nimport { isNil } from 'lodash';\nimport axios from 'axios';\nimport { useStore } from 'vuex';\nimport { getCurrentInstance } from \"vue\";\n\nlet env = getCurrentInstance().appContext.app.config.globalProperties.$env;\n\nconst store = useStore();\nconst isEditMode = ref();\nconst isDuplicate =ref();\nisDuplicate.value = localStorage.getItem('dpi_duplicate');\nisEditMode.value = store.getters['auth/getIsEditMode'];\n\nconst validationMessages = {\n  idformatvalid: \"Dataset ID must only contain lower case letters, numbers and single dashes (-). Please choose a different ID.\",\n  idunique: \"This ID is already in use, please choose a different one.\"\n};\n\nasync function idunique(node) {\n  let isUniqueID = true;\n  let hubUrl = env.api.hubUrl;\n  const draftIDs = store.getters['auth/getUserDraftIds'];\n\n  new Promise(() => {\n    if (isNil(node.value) || node.value === '' || node.value === undefined) isUniqueID = true;\n    else if (draftIDs.includes(node.value)) isUniqueID = false;\n    else {\n      const request = `${hubUrl}datasets/${node.value}?useNormalizedId=true`;\n      axios.head(request)\n        .then(() => {\n          isUniqueID = false;\n        })\n        .catch((e) => {\n          isUniqueID = true;\n        });\n    }\n  });\n  return isUniqueID;\n}\n\nfunction idformatvalid(node) {\n  return /^[a-z0-9-]*$/.test(node.value);\n}\n\n</script>\n\n<template>\n  <div class=\"formkitProperty DSid\">\n    <h4>{{ $t(`message.dataupload.datasets.datasetID.label`) }}</h4>\n    <FormKit v-if=\"!isEditMode || isDuplicate\" type=\"text\" name=\"datasetID\" id=\"datasetID\"\n      :placeholder=\"$t(`message.dataupload.datasets.datasetID.label`)\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\"\n      :validation-rules=\"{ idformatvalid, idunique }\" validation=\"idformatvalid|idunique|required\"\n      validation-visibility=\"live\" :validation-messages=\"validationMessages\" outer-class=\"formkitCmpWrap p-3\">\n    </FormKit>\n    <FormKit v-else type=\"text\" name=\"datasetID\" id=\"datasetID\" :disabled=\"true\"\n      :info=\"$t(`message.dataupload.datasets.datasetID.info`)\" :help=\"$t(`message.dataupload.datasets.datasetID.help`)\">\n    </FormKit>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['context']\n}\n</script>\n\n<style></style>\n"],"names":["__default__","env","getCurrentInstance","store","useStore","isEditMode","ref","isDuplicate","validationMessages","idunique","node","isUniqueID","hubUrl","draftIDs","isNil","request","axios","e","idformatvalid"],"mappings":";;;;6CAgEAA,IAAe;AAAA,EACb,OAAO,CAAC,SAAS;AACnB;;;AA3DA,QAAIC,IAAMC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AAEtE,UAAMC,IAAQC,EAAQ,GAChBC,IAAaC,EAAG,GAChBC,IAAaD,EAAG;AACtB,IAAAC,EAAY,QAAQ,aAAa,QAAQ,eAAe,GACxDF,EAAW,QAAQF,EAAM,QAAQ,oBAAoB;AAErD,UAAMK,IAAqB;AAAA,MACzB,eAAe;AAAA,MACf,UAAU;AAAA,IACZ;AAEA,mBAAeC,EAASC,GAAM;AAC5B,UAAIC,IAAa,IACbC,IAASX,EAAI,IAAI;AACrB,YAAMY,IAAWV,EAAM,QAAQ,sBAAsB;AAErD,iBAAI,QAAQ,MAAM;AAChB,YAAIW,EAAMJ,EAAK,KAAK,KAAKA,EAAK,UAAU,MAAMA,EAAK,UAAU;AAAW,UAAAC,IAAa;AAAA,iBAC5EE,EAAS,SAASH,EAAK,KAAK;AAAG,UAAAC,IAAa;AAAA,aAChD;AACH,gBAAMI,IAAU,GAAGH,CAAM,YAAYF,EAAK,KAAK;AAC/C,UAAAM,EAAM,KAAKD,CAAO,EACf,KAAK,MAAM;AACV,YAAAJ,IAAa;AAAA,UACvB,CAAS,EACA,MAAM,CAACM,MAAM;AACZ,YAAAN,IAAa;AAAA,UACvB,CAAS;AAAA,QACJ;AAAA,MACL,CAAG,GACMA;AAAA,IACT;AAEA,aAASO,EAAcR,GAAM;AAC3B,aAAO,eAAe,KAAKA,EAAK,KAAK;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}