@piveau/piveau-hub-ui-modules 4.0.25 → 4.0.27

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

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/AutocompleteInput.vue"],"sourcesContent":["<script setup>\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { getCurrentInstance } from \"vue\";\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\n\nimport qs from 'qs';\nimport axios from 'axios';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n\nconst props = defineProps({\n  context: Object\n})\nconst store = useStore();\n\nlet listOfValues = computed(() => {\n  return props.context.value;\n})\n\nlet selection;\nlet voc = props.context.attrs.voc;\nlet matches = ref({\n  value: { name: '--- Type in anything for a live search of the vocabulary ---' }\n})\nlet activeList = ref()\nlet dropdownList = ref(null)\nlet inputText = ref({})\nlet cacheList = [];\nlet annifList = [];\nlet annifTrigger = ref({\n  value: false\n});\nlet initialValues = ref();\nlet annifSelectionList = ref({})\n\nonMounted(async () => {\n  inputText.value = \"\"\n});\n\nwatch(matches, async () => { })\nwatch(annifSelectionList, async () => { })\n\nconst requestURIname = async (res) => {\n\n  if (res != undefined) {\n    let vocMatch =\n      voc === \"iana-media-types\" ||\n      voc === \"spdx-checksum-algorithm\";\n\n    let name;\n\n    await store.dispatch('dpiStore/requestResourceName', { voc: voc, uri: res, envs: instance }).then(\n      (response) => {\n        if (props.context.attrs.property === 'dcatde:politicalGeocodingURI') {\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.alt_label)[0].en\n              : getTranslationFor(response.data.result.alt_label, 'en', []);\n            name = result;\n          }\n        } else {\n\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.pref_label)[0].en\n              : getTranslationFor(response.data.result.pref_label, 'en', []);\n            name = result;\n\n          }\n        }\n      }\n    );\n    return name\n  }\n\n}\n\nwatchEffect(async () => {\n  const values = listOfValues.value;\n\n  // single URI's\n  if (values.hasOwnProperty('name')) {\n    if (values.name === values.resource) {\n      let uriName;\n      if (!props.context.attrs.multiple) {\n        uriName = requestURIname(values.resource)\n        props.context.node.input({ name: await uriName, resource: values.resource })\n\n      }\n    }\n  }\n  // multiple URI's\n  if (values.length >= 1) {\n    let uriNameList = [];\n    for (let index = 0; index < values.length; index++) {\n      if (values[index].name === values[index].resource) {\n        uriNameList.push({ name: await requestURIname(values[index].resource), resource: values[index].resource })\n        props.context.node.input(uriNameList)\n      }\n    }\n  }\n});\nfunction findPropertyToUpdate(trigger) {\n\n  let finalPath = { step: '', prop: props.context.node.name }\n  let pathToLocalStorage = JSON.parse(localStorage.getItem('dpi_datasets'));\n\n  for (let index = 0; index < Object.keys(pathToLocalStorage).length; index++) {\n    for (let innerIndex = 0; innerIndex < Object.keys(pathToLocalStorage)[index].length; innerIndex++) {\n      let ntry = Object.entries((pathToLocalStorage))\n      try {\n        Object.keys(ntry[index][innerIndex]).filter(e => {\n          if (e === props.context.node.name) {\n            finalPath.step = ntry[index][0]\n\n            if (trigger === 'erase') {\n\n              selection = {}\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            if (typeof selection === 'object') {\n\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            else pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            localStorage.setItem('dpi_datasets', JSON.stringify(pathToLocalStorage))\n          }\n        });\n      } catch (error) {\n      }\n    }\n  }\n\n  window.removeEventListener(\"click\", onClickOutside);\n}\nonClickOutside(dropdownList, event => activeList.value = false)\nlet annifHandlerTheme = async (input, limit) => {\n\n  let finalLimit = 10;\n  if (limit != undefined) {\n    finalLimit = finalLimit + 10\n  }\n\n  let query = qs.stringify({\n    'text': input,\n    'limit': finalLimit\n  });\n\n\n  var config = {\n    method: 'post',\n    url: voc == \"eurovoc\"\n      ? instance.content.dataProviderInterface.annifLinkSubject\n      : instance.content.dataProviderInterface.annifLinkTheme,\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      'Accept': 'application/json'\n    },\n    data: query\n  };\n\n  let list = []\n\n  axios(config)\n    .then(async (response) => {\n      for (let i = 0; i < response.data.results.length; i++) {\n        annifList[i] = { \"name\": response.data.results[i].label, \"resource\": response.data.results[i].uri, \"activeValue\": false }\n      }\n      let annifCacheList = []\n      if (listOfValues.value.length > 0) {\n        listOfValues.value.forEach(element => {\n          annifCacheList.push({ \"name\": element.name, \"resource\": element.resource, \"activeValue\": true })\n        });\n      }\n      if (response.data.results.length > 9) {\n        annifList[annifList.length + 1] = { \"name\": \"...\", \"resource\": \"invalid\", \"activeValue\": false }\n      }\n\n      annifSelectionList.value = eraseDuplicates(annifCacheList, annifList)\n\n    })\n    .catch(function (error) {\n      console.log(error);\n    });\n}\nasync function updateAnnifselection(item) {\n\n  if (item.resource === 'invalid') {\n    fillAnnifsuggestions(5);\n  }\n  else {\n    setValue({ name: item.name, resource: item.resource })\n    fillAnnifsuggestions()\n  }\n\n\n}\nfunction eraseDuplicates(array1, array2) {\n\n  let mergedArray = array1.concat(array2);\n  let filteredArray = [];\n  let resourceSet = new Set();\n\n  mergedArray.forEach(obj => {\n    if (!resourceSet.has(obj.resource)) {\n      resourceSet.add(obj.resource);\n      if (!obj.activeValue) {\n        filteredArray.push(obj);\n      }\n    }\n  });\n\n\n  return filteredArray;\n}\nconst fillAnnifsuggestions = async (limitChange) => {\n\n  let arr = getNode('Mandatory').value['dct:description']\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i]['@language'] === 'en') {\n      if (limitChange != undefined) {\n        await annifHandlerTheme(arr[i]['@value'], 5)\n      }\n      else await annifHandlerTheme(arr[i]['@value'])\n    }\n  }\n\n}\n\n// Need to append the classes to the formkit-outer element\nprops.context.classes.outer += ' autocompleteInput ' + props.context.attrs.identifier\n\nconst setValue = async (e) => {\n  if (Object.keys(e).length === 1) {\n    return\n  }\n  if (listOfValues.value.length > 0) {\n\n    cacheList = listOfValues.value\n  }\n\n  // when its a multi input\n  if (props.context.attrs.multiple) {\n    // check for doubled values\n    if (cacheList.length != 0) {\n      let filteredProperty = { name: e.name, resource: e.resource };\n      let filteredList = cacheList.filter((element) => element.name != e.name);\n      filteredList.push(filteredProperty)\n      selection = filteredList;\n      await props.context.node.input(selection);\n\n    }\n    else {\n      cacheList.push({ name: e.name, resource: e.resource })\n      selection = cacheList\n      await props.context.node.input(selection);\n    }\n\n  }\n  else if (e.resource === \"invalid\") return\n  else if (e === \"erase\") { await props.context.node.input({}); findPropertyToUpdate(e) }\n  else {\n    selection = { name: e.name, resource: e.resource };\n    await props.context.node.input(selection);\n  }\n  findPropertyToUpdate();\n}\n\nconst getAutocompleteSuggestions = async (e) => {\n  let innerText = e.target.value\n\n  await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: voc, text: innerText, 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    if (results.length === 0) {\n      matches.value = { value: { name: '--- No match found ---' } }\n    }\n    else matches.value = results;\n  });\n}\n\nfunction removeProperty(e) {\n  props.context.node.input({})\n  setValue('erase');\n}\nfunction removeMultipleProperty(e) {\n\n  if (instance.content.dataProviderInterface.annifIntegration) {\n    fillAnnifsuggestions()\n  }\n  if (listOfValues.value.length > 0) {\n    cacheList = listOfValues.value\n  }\n  // Get Index in the array where all values of the Span are stored and cut it out of the list of Values\n  cacheList.splice(cacheList.findIndex((element) => element.name == e.name), 1)\n  selection = cacheList;\n  props.context.node.input(selection);\n  findPropertyToUpdate();\n}\n</script>\n\n<template>\n\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.label }}</h4>\n    <div class=\"formkitCmpWrap\">\n      <div class=\"formkit-outer\">\n        <div class=\"d-flex formkit-inner\" v-if=\"!props.context.attrs.multiple && props.context.value.name\">\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=\"d-flex align-items-center justify-content-center formkit-inner mb-2\">\n            <!-- <div class=\"infoI\">\n              <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <input class=\"autocompleteInputfield\" :placeholder=\"props.context.attrs.placeholder\" v-model=\"inputText\"\n              type=\"text\" v-on:keyup=\"getAutocompleteSuggestions($event)\" @click=\"activeList = !activeList\">\n          </div>\n          <ul ref=\"dropdownList\" v-show=\"activeList\" class=\"autocompleteResultList\">\n            <li v-for=\"match in matches\" :key=\"match\" @click=\"setValue(match); activeList = !activeList \"\n              class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{ match.name }}\n            </li>\n          </ul>\n          <div v-if=\"instance.content.dataProviderInterface.annifIntegration && props.context.attrs.annifTheme\"\n            class=\"d-flex flex-wrap\">\n            <div v-for=\"item in listOfValues\" :key=\"item\">\n              <div class=\"activeResultsAutocompleteWrapper\">\n                <div class=\"d-flex\" @click=\"item.activeValue = !item.activeValue;\">\n                  <span>{{ item.name }}</span>\n                  <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-100 mt-4\">\n              <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n                <h3>{{ props.context.label }} Suggestions</h3>\n                <span>You can generate suggestions based on the description you provided</span>\n                <button class=\"navlikeButton\" type=\"button\"\n                  @click=\"fillAnnifsuggestions(); annifTrigger.value = true\">Try it</button>\n              </div>\n              <div class=\"annifresultContainer\" v-if=\"annifTrigger.value\">\n                <div v-for=\"item in annifSelectionList\" :key=\"item\" class=\"d-flex \">\n                  <div class=\"activeResultsAutocompleteWrapper annifResults\"\n                    :class=\"{ loadMore: item.resource === 'invalid' }\"\n                    @click=\"item.activeValue = !item.activeValue; updateAnnifselection(item)\">\n                    <div class=\"d-flex\">\n                      <span>{{ item.name }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n          <div v-else class=\"d-flex flex-wrap\">\n            <div class=\"activeResultsAutocompleteWrapper\" v-for=\"item in props.context.value\" :key=\"item\">\n              <span>{{ item.name }}</span>\n              <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n            </div>\n          </div>\n          <div class=\"formkit-wrapper\">\n            <div class=\"formkit-help\">{{ props.context.help }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>"],"names":["instance","getCurrentInstance","props","__props","store","useStore","listOfValues","computed","selection","voc","matches","ref","activeList","dropdownList","inputText","cacheList","annifList","annifTrigger","annifSelectionList","onMounted","watch","requestURIname","res","vocMatch","name","response","dataset","getTranslationFor","watchEffect","values","uriName","uriNameList","index","findPropertyToUpdate","trigger","finalPath","pathToLocalStorage","innerIndex","ntry","e","onClickOutside","event","annifHandlerTheme","input","limit","finalLimit","query","qs","config","axios","i","annifCacheList","element","eraseDuplicates","error","updateAnnifselection","item","fillAnnifsuggestions","setValue","array1","array2","mergedArray","filteredArray","resourceSet","obj","limitChange","arr","getNode","filteredProperty","filteredList","getAutocompleteSuggestions","innerText","results","removeProperty","removeMultipleProperty"],"mappings":"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"}
+{"version":3,"file":"AutocompleteInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/AutocompleteInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <!-- need to make a condition for the licence property of the distribution - otherwise the dropdown doesnt work-->\n\n    <h4 v-if=\"props.context.attrs.identifier != 'licence'\">{{ props.context.label }}</h4>\n    <div class=\"formkitCmpWrap\">\n      <div class=\"formkit-outer\">\n        <div class=\"d-flex formkit-inner\" v-if=\"!props.context.attrs.multiple && props.context.value.name\">\n\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=\"d-flex align-items-center justify-content-center formkit-inner mb-2\">\n            <!-- <div class=\"infoI\">\n              <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <input class=\"autocompleteInputfield\" :placeholder=\"props.context.attrs.placeholder\" v-model=\"inputText\"\n              type=\"text\" v-on:keyup=\"getAutocompleteSuggestions($event)\" @click=\"activeList = !activeList\">\n          </div>\n          <ul ref=\"dropdownList\" v-show=\"activeList\" class=\"autocompleteResultList\">\n            <li v-for=\"match in matches\" :key=\"match\" @click=\"setValue(match); activeList = !activeList\"\n              class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{ match.name }}\n            </li>\n          </ul>\n          <div v-if=\"instance.content.dataProviderInterface.annifIntegration && props.context.attrs.annifTheme\"\n            class=\"d-flex flex-wrap\">\n            <div v-for=\"item in listOfValues\" :key=\"item\">\n              <div class=\"activeResultsAutocompleteWrapper\">\n                <div class=\"d-flex\" @click=\"item.activeValue = !item.activeValue;\">\n                  <span>{{ item.name }}</span>\n                  <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n                </div>\n              </div>\n            </div>\n            <div class=\"w-100 mt-4\">\n              <div class=\"d-flex justify-content-between align-items-center flex-wrap\">\n                <h3>{{ props.context.label }} Suggestions</h3>\n                <span>You can generate suggestions based on the description you provided</span>\n                <button class=\"navlikeButton\" type=\"button\"\n                  @click=\"fillAnnifsuggestions(); annifTrigger.value = true\">Try it</button>\n              </div>\n              <div class=\"annifresultContainer\" v-if=\"annifTrigger.value\">\n                <div v-for=\"item in annifSelectionList\" :key=\"item\" class=\"d-flex \">\n                  <div class=\"activeResultsAutocompleteWrapper annifResults\"\n                    :class=\"{ loadMore: item.resource === 'invalid' }\"\n                    @click=\"item.activeValue = !item.activeValue; updateAnnifselection(item)\">\n                    <div class=\"d-flex\">\n                      <span>{{ item.name }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n          </div>\n          <div v-else class=\"d-flex flex-wrap\">\n            <div class=\"activeResultsAutocompleteWrapper\" v-for=\"item in props.context.value\" :key=\"item\">\n              <span>{{ item.name }}</span>\n              <div class=\"removeX\" @click=\"removeMultipleProperty(item)\"></div>\n            </div>\n          </div>\n          <div class=\"formkit-wrapper\">\n            <div class=\"formkit-help\">{{ props.context.help }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { getCurrentInstance } from \"vue\";\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\n\nimport qs from 'qs';\nimport axios from 'axios';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n\nconst props = defineProps({\n  context: Object\n})\nconst store = useStore();\n\nlet listOfValues = computed(() => {\n  return props.context.value;\n})\n\nlet selection;\nlet voc = props.context.attrs.voc;\nlet matches = ref({\n  value: { name: '--- Type in anything for a live search of the vocabulary ---' }\n})\nlet activeList = ref()\nlet dropdownList = ref(null)\nlet inputText = ref({})\nlet cacheList = [];\nlet annifList = [];\nlet annifTrigger = ref({\n  value: false\n});\nlet initialValues = ref();\nlet annifSelectionList = ref({})\n\nonMounted(async () => {\n  inputText.value = \"\"\n});\n\nwatch(matches, async () => { })\nwatch(annifSelectionList, async () => { })\n\nconst requestURIname = async (res) => {\n\n  if (res != undefined) {\n    let vocMatch =\n      voc === \"iana-media-types\" ||\n      voc === \"spdx-checksum-algorithm\";\n\n    let name;\n\n    await store.dispatch('dpiStore/requestResourceName', { voc: voc, uri: res, envs: instance }).then(\n      (response) => {\n        if (props.context.attrs.property === 'dcatde:politicalGeocodingURI') {\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.alt_label)[0].en\n              : getTranslationFor(response.data.result.alt_label, 'en', []);\n            name = result;\n          }\n        } else {\n\n          if (response != undefined) {\n            let result = vocMatch\n              ? response.data.result.results\n                .filter((dataset) => dataset.resource === res)\n                .map((dataset) => dataset.pref_label)[0].en\n              : getTranslationFor(response.data.result.pref_label, 'en', []);\n            name = result;\n\n          }\n        }\n      }\n    );\n    return name\n  }\n\n}\n\nwatchEffect(async () => {\n  const values = listOfValues.value;\n\n  // single URI's\n  if (values.hasOwnProperty('name')) {\n    if (values.name === values.resource) {\n      let uriName;\n      if (!props.context.attrs.multiple) {\n        uriName = requestURIname(values.resource)\n        props.context.node.input({ name: await uriName, resource: values.resource })\n\n      }\n    }\n  }\n  // multiple URI's\n  if (values.length >= 1) {\n    let uriNameList = [];\n    for (let index = 0; index < values.length; index++) {\n      if (values[index].name === values[index].resource) {\n        uriNameList.push({ name: await requestURIname(values[index].resource), resource: values[index].resource })\n        props.context.node.input(uriNameList)\n      }\n    }\n  }\n});\nfunction findPropertyToUpdate(trigger) {\n\n  let finalPath = { step: '', prop: props.context.node.name }\n  let pathToLocalStorage = JSON.parse(localStorage.getItem('dpi_datasets'));\n\n  for (let index = 0; index < Object.keys(pathToLocalStorage).length; index++) {\n    for (let innerIndex = 0; innerIndex < Object.keys(pathToLocalStorage)[index].length; innerIndex++) {\n      let ntry = Object.entries((pathToLocalStorage))\n      try {\n        Object.keys(ntry[index][innerIndex]).filter(e => {\n          if (e === props.context.node.name) {\n            finalPath.step = ntry[index][0]\n\n            if (trigger === 'erase') {\n\n              selection = {}\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            if (typeof selection === 'object') {\n\n              pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            }\n            else pathToLocalStorage[finalPath.step][finalPath.prop] = selection\n            localStorage.setItem('dpi_datasets', JSON.stringify(pathToLocalStorage))\n          }\n        });\n      } catch (error) {\n      }\n    }\n  }\n\n  window.removeEventListener(\"click\", onClickOutside);\n}\nonClickOutside(dropdownList, event => activeList.value = false)\nlet annifHandlerTheme = async (input, limit) => {\n\n  let finalLimit = 10;\n  if (limit != undefined) {\n    finalLimit = finalLimit + 10\n  }\n\n  let query = qs.stringify({\n    'text': input,\n    'limit': finalLimit\n  });\n\n\n  var config = {\n    method: 'post',\n    url: voc == \"eurovoc\"\n      ? instance.content.dataProviderInterface.annifLinkSubject\n      : instance.content.dataProviderInterface.annifLinkTheme,\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded',\n      'Accept': 'application/json'\n    },\n    data: query\n  };\n\n  let list = []\n\n  axios(config)\n    .then(async (response) => {\n      for (let i = 0; i < response.data.results.length; i++) {\n        annifList[i] = { \"name\": response.data.results[i].label, \"resource\": response.data.results[i].uri, \"activeValue\": false }\n      }\n      let annifCacheList = []\n      if (listOfValues.value.length > 0) {\n        listOfValues.value.forEach(element => {\n          annifCacheList.push({ \"name\": element.name, \"resource\": element.resource, \"activeValue\": true })\n        });\n      }\n      if (response.data.results.length > 9) {\n        annifList[annifList.length + 1] = { \"name\": \"...\", \"resource\": \"invalid\", \"activeValue\": false }\n      }\n\n      annifSelectionList.value = eraseDuplicates(annifCacheList, annifList)\n\n    })\n    .catch(function (error) {\n      console.log(error);\n    });\n}\nasync function updateAnnifselection(item) {\n\n  if (item.resource === 'invalid') {\n    fillAnnifsuggestions(5);\n  }\n  else {\n    setValue({ name: item.name, resource: item.resource })\n    fillAnnifsuggestions()\n  }\n\n\n}\nfunction eraseDuplicates(array1, array2) {\n\n  let mergedArray = array1.concat(array2);\n  let filteredArray = [];\n  let resourceSet = new Set();\n\n  mergedArray.forEach(obj => {\n    if (!resourceSet.has(obj.resource)) {\n      resourceSet.add(obj.resource);\n      if (!obj.activeValue) {\n        filteredArray.push(obj);\n      }\n    }\n  });\n\n\n  return filteredArray;\n}\nconst fillAnnifsuggestions = async (limitChange) => {\n\n  let arr = getNode('Mandatory').value['dct:description']\n  for (let i = 0; i < arr.length; i++) {\n    if (arr[i]['@language'] === 'en') {\n      if (limitChange != undefined) {\n        await annifHandlerTheme(arr[i]['@value'], 5)\n      }\n      else await annifHandlerTheme(arr[i]['@value'])\n    }\n  }\n\n}\n\n// Need to append the classes to the formkit-outer element\nprops.context.classes.outer += ' autocompleteInput ' + props.context.attrs.identifier\n\nconst setValue = async (e) => {\n  if (Object.keys(e).length === 1) {\n    return\n  }\n  if (listOfValues.value.length > 0) {\n\n    cacheList = listOfValues.value\n  }\n\n  // when its a multi input\n  if (props.context.attrs.multiple) {\n    // check for doubled values\n    if (cacheList.length != 0) {\n      let filteredProperty = { name: e.name, resource: e.resource };\n      let filteredList = cacheList.filter((element) => element.name != e.name);\n      filteredList.push(filteredProperty)\n      selection = filteredList;\n      await props.context.node.input(selection);\n\n    }\n    else {\n      cacheList.push({ name: e.name, resource: e.resource })\n      selection = cacheList\n      await props.context.node.input(selection);\n    }\n\n  }\n  else if (e.resource === \"invalid\") return\n  else if (e === \"erase\") { await props.context.node.input({}); findPropertyToUpdate(e) }\n  else {\n    selection = { name: e.name, resource: e.resource };\n    await props.context.node.input(selection);\n  }\n  findPropertyToUpdate();\n}\n\nconst getAutocompleteSuggestions = async (e) => {\n  let innerText = e.target.value\n\n  await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: voc, text: innerText, 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    if (results.length === 0) {\n      matches.value = { value: { name: '--- No match found ---' } }\n    }\n    else matches.value = results;\n  });\n}\n\nfunction removeProperty(e) {\n  props.context.node.input({})\n  setValue('erase');\n}\nfunction removeMultipleProperty(e) {\n\n  if (instance.content.dataProviderInterface.annifIntegration) {\n    fillAnnifsuggestions()\n  }\n  if (listOfValues.value.length > 0) {\n    cacheList = listOfValues.value\n  }\n  // Get Index in the array where all values of the Span are stored and cut it out of the list of Values\n  cacheList.splice(cacheList.findIndex((element) => element.name == e.name), 1)\n  selection = cacheList;\n  props.context.node.input(selection);\n  findPropertyToUpdate();\n}\n</script>"],"names":["instance","getCurrentInstance","props","__props","store","useStore","listOfValues","computed","selection","voc","matches","ref","activeList","dropdownList","inputText","cacheList","annifList","annifTrigger","annifSelectionList","onMounted","watch","requestURIname","res","vocMatch","name","response","dataset","getTranslationFor","watchEffect","values","uriName","uriNameList","index","findPropertyToUpdate","trigger","finalPath","pathToLocalStorage","innerIndex","ntry","e","onClickOutside","event","annifHandlerTheme","input","limit","finalLimit","query","qs","config","axios","i","annifCacheList","element","eraseDuplicates","error","updateAnnifselection","item","fillAnnifsuggestions","setValue","array1","array2","mergedArray","filteredArray","resourceSet","obj","limitChange","arr","getNode","filteredProperty","filteredList","getAutocompleteSuggestions","innerText","results","r","removeProperty","removeMultipleProperty"],"mappings":"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"}

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

@@ -1,71 +1,73 @@
-import { ref as m, resolveComponent as V, openBlock as t, createElementBlock as n, createElementVNode as l, toDisplayString as _, createTextVNode as p, withDirectives as M, isRef as S, vModelText as I, unref as i, Fragment as x, renderList as y, createCommentVNode as v, createBlock as L, createVNode as N } from "vue";
-import O from "./AutocompleteInput.vue.mjs";
-import { onClickOutside as T } from "../../external/@vueuse/core/index";
-const j = { class: "formkitProperty" }, B = { class: "formkitCmpWrap simpleConditional" }, D = { class: "m-3" }, F = { class: "conditionalSelectDiv" }, w = { key: 0 }, E = { class: "selectListConditional" }, H = { class: "conditionalManual" }, K = {
+import { ref as m, resolveComponent as M, openBlock as o, createElementBlock as a, createElementVNode as s, toDisplayString as y, createTextVNode as v, withDirectives as V, isRef as O, vModelText as j, unref as c, Fragment as _, renderList as x, createCommentVNode as p, createBlock as S, createVNode as I } from "vue";
+import L from "./AutocompleteInput.vue.mjs";
+import { onClickOutside as N } from "../../external/@vueuse/core/index";
+import "./ConditionalInput.vue2.mjs";
+const T = { class: "formkitProperty" }, w = { class: "formkitCmpWrap simpleConditional" }, B = { class: "m-3" }, D = { class: "conditionalSelectDiv" }, F = { key: 0 }, E = { class: "selectListConditional" }, H = { class: "conditionalManual" }, K = {
   key: 0,
   class: "d-flex"
 }, P = {
   key: 0,
   class: "conditionalVocabulary"
-}, $ = {
+}, q = {
   __name: "ConditionalInput",
   props: {
     context: Object
   },
-  setup(h) {
-    const e = h;
-    let r = m(), a = m(!1), d = m(!1);
-    const f = m(null), k = (c) => {
-      d.value = !d.value;
-    }, b = (c) => {
-      r.value = c.target.innerHTML, c.target.innerHTML === "manually" ? a.value = "manually" : a.value = "vocabulary", e.context.node.reset();
+  setup(k) {
+    const e = k;
+    let l = m(), t = m(!1), u = m(!1);
+    const f = m(null), b = (r) => {
+      u.value = !u.value;
+    }, h = (r) => {
+      l.value = r.target.innerHTML, r.target.innerHTML === "Manually" ? t.value = "manually" : t.value = "vocabulary", e.context.node.reset(), console.log(t.value);
     };
-    return T(f, (c) => d.value = !1), (c, s) => {
-      const C = V("FormKit");
-      return t(), n("div", j, [
-        l("h4", null, _(e.context.attrs.identifier), 1),
-        p(),
-        l("div", B, [
-          l("div", D, [
-            l("div", F, [
-              M(l("input", {
+    return N(f, (r) => u.value = !1), Object.keys(e.context.value)[0] === "dct:title" && (l.value = "Manually", t.value = "manually"), Object.keys(e.context.value)[0] === "name" && (l.value = "Vocabulary", t.value = "vocabulary"), (r, i) => {
+      const C = M("FormKit");
+      return o(), a("div", T, [
+        s("h4", null, y(e.context.attrs.identifier), 1),
+        v(),
+        s("div", w, [
+          s("div", B, [
+            s("div", D, [
+              V(s("input", {
                 ref_key: "I1",
                 ref: f,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: s[0] || (s[0] = (o) => k()),
+                onClick: i[0] || (i[0] = (n) => b()),
                 placeholder: "Choose input method",
-                "onUpdate:modelValue": s[1] || (s[1] = (o) => S(r) ? r.value = o : r = o)
+                "onUpdate:modelValue": i[1] || (i[1] = (n) => O(l) ? l.value = n : l = n)
               }, null, 512), [
-                [I, i(r)]
+                [j, c(l)]
               ]),
-              p(),
-              i(d) ? (t(), n("div", w, [
-                l("ul", E, [
-                  (t(!0), n(x, null, y(e.context.attrs.selection, (o, u) => (t(), n("li", {
+              v(),
+              c(u) ? (o(), a("div", F, [
+                s("ul", E, [
+                  (o(!0), a(_, null, x(e.context.attrs.selection, (n, d) => (o(), a("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: s[2] || (s[2] = (g) => b(g))
-                  }, _(o), 1))), 256))
+                    onClick: i[2] || (i[2] = (g) => h(g))
+                  }, y(n), 1))), 256))
                 ])
-              ])) : v("", !0)
+              ])) : p("", !0)
             ]),
-            p(),
-            l("div", H, [
-              i(a) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && i(a) != "vocabulary" ? (t(), n("div", K, [
-                (t(!0), n(x, null, y(e.context.attrs.options, (o, u) => (t(), L(C, {
-                  type: u,
-                  placeholder: u,
-                  name: o,
-                  validation: u
+            v(),
+            s("div", H, [
+              c(t) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && c(t) != "vocabulary" ? (o(), a("div", K, [
+                (o(!0), a(_, null, x(e.context.attrs.options, (n, d) => (o(), S(C, {
+                  type: d,
+                  placeholder: d,
+                  name: n,
+                  validation: d,
+                  class: "w-100"
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
-              ])) : v("", !0)
+              ])) : p("", !0)
             ]),
-            p(),
-            i(a) === "vocabulary" || Object.keys(e.context.value).length > 0 && e.context.value.name && i(a) != "manually" ? (t(), n("div", P, [
-              N(O, {
+            v(),
+            c(t) === "vocabulary" || Object.keys(e.context.value).length > 0 && e.context.value.name && c(t) != "manually" ? (o(), a("div", P, [
+              I(L, {
                 context: e.context
               }, null, 8, ["context"])
-            ])) : v("", !0)
+            ])) : p("", !0)
           ])
         ])
       ]);
@@ -73,6 +75,6 @@ const j = { class: "formkitProperty" }, B = { class: "formkitCmpWrap simpleCondi
   }
 };
 export {
-  $ as default
+  q as default
 };
 //# sourceMappingURL=ConditionalInput.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<script setup>\nimport { ref, computed } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\n\nconst props = defineProps({\n  context: Object,\n})\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n  showSelect.value = !showSelect.value\n}\nconst selectMode = (e) => {\n  selectModeVal.value = e.target.innerHTML\n  if (e.target.innerHTML === 'manually') {\n    selectedItem.value = \"manually\"\n  }\n  else selectedItem.value = \"vocabulary\"\n  props.context.node.reset()\n}\nonClickOutside(I1, event => showSelect.value = false)\n\n// determine which property is already there\n\n</script>\n<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.attrs.identifier }}</h4>\n    <div class=\"formkitCmpWrap simpleConditional\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n              :validation=\"key\"></FormKit>\n          </div>\n\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n          && props.context.value['name'] && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n\n      </div>\n\n    </div>\n  </div>\n\n</template>"],"names":["props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC;AAGd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAC1B,UAAMG,IAAKH,EAAI,IAAI,GAEbI,IAAa,CAACC,MAAM;AACxB,MAAAH,EAAW,QAAQ,CAACA,EAAW;AAAA,IACjC,GACMI,IAAa,CAACD,MAAM;AACxB,MAAAN,EAAc,QAAQM,EAAE,OAAO,WAC3BA,EAAE,OAAO,cAAc,aACzBJ,EAAa,QAAQ,aAElBA,EAAa,QAAQ,cAC1BJ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B;AACA,WAAAU,EAAeJ,GAAI,CAAAK,MAASN,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n    <h4>{{ props.context.attrs.identifier }}</h4>\n    <div class=\"formkitCmpWrap simpleConditional\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n              :validation=\"key\" class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n          && props.context.value.name && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n \n       \n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\n\nconst props = defineProps({\n  context: Object,\n})\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst selectMode = (e) => {\n  selectModeVal.value = e.target.innerHTML\n  if (e.target.innerHTML === 'Manually') {\n    selectedItem.value = \"manually\"\n  }\n  else selectedItem.value = \"vocabulary\"\n  props.context.node.reset()\n  console.log(selectedItem.value);\n}\nonClickOutside(I1, event => showSelect.value = false)\n// determine which property is already there\nif (Object.keys(props.context.value)[0] === 'dct:title') {\n  selectModeVal.value = 'Manually'\n  selectedItem.value = 'manually'\n}\nif (Object.keys(props.context.value)[0] === 'name') {\n  selectModeVal.value = 'Vocabulary'\n  selectedItem.value = 'vocabulary'\n}\n\n</script>\n<style>\n.conditionalManual{\n  .formkit-outer{\n    width: 100%;\n  }\n}\n</style>"],"names":["props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC;AAGd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAC1B,UAAMG,IAAKH,EAAI,IAAI,GAEbI,IAAa,CAACC,MAAM;AAExB,MAAAH,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMI,IAAa,CAACD,MAAM;AACxB,MAAAN,EAAc,QAAQM,EAAE,OAAO,WAC3BA,EAAE,OAAO,cAAc,aACzBJ,EAAa,QAAQ,aAElBA,EAAa,QAAQ,cAC1BJ,EAAM,QAAQ,KAAK,MAAO,GAC1B,QAAQ,IAAII,EAAa,KAAK;AAAA,IAChC;AACA,WAAAM,EAAeJ,GAAI,CAAAK,MAASN,EAAW,QAAQ,EAAK,GAEhD,OAAO,KAAKL,EAAM,QAAQ,KAAK,EAAE,CAAC,MAAM,gBAC1CE,EAAc,QAAQ,YACtBE,EAAa,QAAQ,aAEnB,OAAO,KAAKJ,EAAM,QAAQ,KAAK,EAAE,CAAC,MAAM,WAC1CE,EAAc,QAAQ,cACtBE,EAAa,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/data-provider-interface/components/ConditionalInput.vue2.mjs

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

package/dist/data-provider-interface/components/ConditionalInput.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalInput.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -2,7 +2,7 @@ import { mapGetters as y, mapActions as E } from "vuex";
 import S from "axios";
 import O from "../utils/general-helper.mjs";
 import { getNode as V } from "@formkit/core";
-import { reactive as A, ref as C, openBlock as d, createElementBlock as c, Fragment as L, createElementVNode as a, createTextVNode as s, createCommentVNode as u, withDirectives as b, vModelText as _, mergeProps as T, toDisplayString as U, renderList as D, pushScopeId as P, popScopeId as G } from "vue";
+import { reactive as A, ref as C, openBlock as d, createElementBlock as c, Fragment as L, createElementVNode as s, createTextVNode as a, createCommentVNode as u, withDirectives as _, vModelText as w, mergeProps as T, toDisplayString as U, renderList as D, pushScopeId as P, popScopeId as G } from "vue";
 import { onClickOutside as k } from "../../external/@vueuse/core/index";
 import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.mjs";
 import "./FileUpload.vue2.mjs";
@@ -83,7 +83,7 @@ const N = {
       var n, i, r, l, p, f, g;
       const e = ((r = (i = (n = this.$env) == null ? void 0 : n.content) == null ? void 0 : i.dataProviderInterface) == null ? void 0 : r.enableFileUploadReplace) || !1, o = ((l = this.$route.query) == null ? void 0 : l.edit) ?? !1;
       if (e && o) {
-        const w = (p = this.$route.query) == null ? void 0 : p.edit, I = this.findDistributionAccessUrlIndex(), m = (f = this.getData("distributions")) == null ? void 0 : f[w], v = (g = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : g[I], x = v == null ? void 0 : v["@id"];
+        const b = (p = this.$route.query) == null ? void 0 : p.edit, I = this.findDistributionAccessUrlIndex(), m = (f = this.getData("distributions")) == null ? void 0 : f[b], v = (g = m == null ? void 0 : m["dcat:accessURL"]) == null ? void 0 : g[I], x = v == null ? void 0 : v["@id"];
         if (x) {
           const R = this.$env.api.fileUploadUrl, F = O.getFileIdByAccessUrl({ accessUrl: x, fileUploadUrl: R });
           return await this.uploadFile(t, {
@@ -141,17 +141,17 @@ const N = {
       triggerDropdown: o
     };
   }
-}, h = (t) => (P("data-v-5fc0b1f6"), t = t(), G(), t), H = { class: "position-relative w-100 p-3" }, M = {
+}, h = (t) => (P("data-v-cc0a83a3"), t = t(), G(), t), H = { class: "position-relative w-100 p-3" }, M = {
   key: 0,
   ref: "fLoad",
   class: "selectListUpload"
 }, W = {
   key: 0,
   class: "w-100 p-3 position-relative"
-}, j = /* @__PURE__ */ h(() => /* @__PURE__ */ a("label", {
+}, j = /* @__PURE__ */ h(() => /* @__PURE__ */ s("label", {
   class: "formkit-label w-100",
   for: "aUrlLink"
-}, "Provide an URL", -1)), z = ["data-type"], J = { class: "file-div position-relative" }, K = /* @__PURE__ */ h(() => /* @__PURE__ */ a("label", {
+}, "Provide an URL", -1)), z = ["data-type"], J = { class: "file-div position-relative" }, K = /* @__PURE__ */ h(() => /* @__PURE__ */ s("label", {
   class: "formkit-label",
   for: "aUrlFL"
 }, "Upload a file", -1)), Q = ["accept"], X = {
@@ -160,9 +160,9 @@ const N = {
 }, Y = {
   key: 0,
   class: "lds-ring"
-}, Z = { key: 1 }, $ = /* @__PURE__ */ h(() => /* @__PURE__ */ a("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
+}, Z = { key: 1 }, $ = /* @__PURE__ */ h(() => /* @__PURE__ */ s("i", { class: "material-icons d-flex check-icon" }, "check_circle", -1)), ee = [
   $
-], te = { key: 2 }, ie = /* @__PURE__ */ h(() => /* @__PURE__ */ a("i", { class: "material-icons d-flex close-icon" }, "error", -1)), le = [
+], te = { key: 2 }, ie = /* @__PURE__ */ h(() => /* @__PURE__ */ s("i", { class: "material-icons d-flex close-icon" }, "error", -1)), le = [
   ie
 ], oe = {
   key: 0,
@@ -173,27 +173,27 @@ const N = {
 }, ne = {
   key: 0,
   class: "errorSub my-3 d-flex"
-};
-function re(t, e, o, n, i, r) {
+}, re = { class: "d-flex flex-wrap w-100" };
+function de(t, e, o, n, i, r) {
   return d(), c(L, null, [
-    a("div", H, [
-      a("input", {
+    s("div", H, [
+      s("input", {
         type: "text",
         class: "selectInputField formkit-inner",
         readonly: "readonly",
         onClick: e[0] || (e[0] = (l) => n.triggerDropdown()),
         placeholder: "Choose between fileupload and providing a URL"
       }),
-      s(),
+      a(),
       n.drop.active ? (d(), c("ul", M, [
-        a("li", {
+        s("li", {
           onClick: e[1] || (e[1] = (l) => {
             n.triggerDropdown(), i.uploadFileSwitch = !0, r.toggleUploadUrl();
           }),
           class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
         }, "Upload a file"),
-        s(),
-        a("li", {
+        a(),
+        s("li", {
           onClick: e[2] || (e[2] = (l) => {
             n.triggerDropdown(), i.uploadURL = !0, r.toggleUploadFileSwitch();
           }),
@@ -201,11 +201,11 @@ function re(t, e, o, n, i, r) {
         }, "Provide an URL")
       ], 512)) : u("", !0)
     ]),
-    s(),
+    a(),
     i.uploadURL && !i.uploadFileSwitch ? (d(), c("div", W, [
       j,
-      s(),
-      b(a("input", {
+      a(),
+      _(s("input", {
         id: "aUrlLink",
         "onUpdate:modelValue": e[3] || (e[3] = (l) => i.URLValue = l),
         class: "selectInputField formkit-inner",
@@ -215,29 +215,29 @@ function re(t, e, o, n, i, r) {
         validation: "alpha_spaces:latin",
         "validation-visibility": "live"
       }, null, 544), [
-        [_, i.URLValue]
+        [w, i.URLValue]
       ])
     ])) : u("", !0),
-    s(),
+    a(),
     i.uploadFileSwitch ? (d(), c("div", T({
       key: 1,
       ref: "fileupload",
       class: ["p-3 w-100", `formkit-input-element formkit-input-element--${o.context.type}`],
       "data-type": o.context.type
     }, t.$attrs), [
-      b(a("input", {
+      _(s("input", {
         type: "text",
         "onUpdate:modelValue": e[5] || (e[5] = (l) => o.context.model = l),
         onBlur: e[6] || (e[6] = (...l) => o.context.blurHandler && o.context.blurHandler(...l)),
         hidden: ""
       }, null, 544), [
-        [_, o.context.model]
+        [w, o.context.model]
       ]),
-      s(),
-      a("div", J, [
+      a(),
+      s("div", J, [
         K,
-        s(),
-        a("input", {
+        a(),
+        s("input", {
           class: "mt-3",
           type: "file",
           id: "aUrlFL",
@@ -245,36 +245,38 @@ function re(t, e, o, n, i, r) {
           onChange: e[7] || (e[7] = (l) => r.validateFile(l)),
           accept: i.validExtensions
         }, null, 40, Q),
-        s(),
-        a("div", X, [
+        a(),
+        s("div", X, [
           i.isLoading ? (d(), c("div", Y)) : u("", !0),
-          s(),
+          a(),
           i.success ? (d(), c("div", Z, ee)) : u("", !0),
-          s(),
+          a(),
           i.fail ? (d(), c("div", te, le)) : u("", !0)
         ])
       ]),
-      s(),
+      a(),
       i.success ? (d(), c("p", oe, [
-        s(U(t.$t("message.metadata.downloadUrl")) + ": ", 1),
-        a("a", {
+        a(U(t.$t("message.metadata.downloadUrl")) + ": ", 1),
+        s("a", {
           href: o.context.model
         }, U(o.context.model), 9, se)
       ])) : u("", !0),
-      s(),
+      a(),
       i.validExtensions && i.validExtensions.length ? (d(), c("div", ae, [
         i.success ? u("", !0) : (d(), c("p", ne, "Allowed types: ")),
-        s(),
-        (d(!0), c(L, null, D(i.validExtensions, (l) => (d(), c("span", {
-          key: l,
-          class: "mr-1 mb-1 allowedFTypes"
-        }, U(l), 1))), 128))
+        a(),
+        s("div", re, [
+          (d(!0), c(L, null, D(i.validExtensions, (l) => (d(), c("span", {
+            key: l,
+            class: "mr-1 mb-1 allowedFTypes"
+          }, U(l), 1))), 128))
+        ])
       ])) : u("", !0)
     ], 16, z)) : u("", !0)
   ], 64);
 }
-const ge = /* @__PURE__ */ B(N, [["render", re], ["__scopeId", "data-v-5fc0b1f6"]]);
+const xe = /* @__PURE__ */ B(N, [["render", de], ["__scopeId", "data-v-cc0a83a3"]]);
 export {
-  ge as default
+  xe as default
 };
 //# sourceMappingURL=FileUpload.vue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n  <div class=\"position-relative w-100 p-3 \">\n    <input type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\" @click=\"triggerDropdown()\"\n      placeholder=\"Choose between fileupload and providing a URL\">\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload\">\n      <li @click=\"triggerDropdown(); uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Upload a file</li>\n      <li @click=\"triggerDropdown(); uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Provide an URL</li>\n    </ul>\n  </div>\n  <div class=\"w-100 p-3 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n    <label class=\" formkit-label w-100\" for=\"aUrlLink\">Provide an URL</label>\n    <input id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\"\n      @input=\"saveUrl\" validation=\"alpha_spaces:latin\" validation-visibility=\"live\">\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <label class=\"formkit-label\" for=\"aUrlFL\">Upload a file</label>\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n      context.model }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n        {{ types }}\n      </span>\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport {useRuntimeEnv} from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    getCatalogue() {\n      return getNode('dcat:catalog').value;\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.getCatalogue;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n        this.isLoading = false;\n        this.success = true;\n        await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n        // this.context.rootEmit('change');\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n\n// let instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n    const env = useRuntimeEnv();\n\n    var drop = reactive({\n      active: false,\n    })\n\n    const fLoad = ref(null);\n\n    onClickOutside(fLoad, event => drop.active = false)\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_createElementVNode","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_12","_withScopeId","_hoisted_15","_hoisted_18","_openBlock","_createElementBlock","_Fragment","$setup","_createTextVNode","_hoisted_2","_cache","$event","$data","$options","_createCommentVNode","_hoisted_3","_hoisted_4","args","_mergeProps","$props","_ctx","_vModelText","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","_toDisplayString","_hoisted_19","_hoisted_20","_renderList","types"],"mappings":"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"}
+{"version":3,"file":"FileUpload.vue.mjs","sources":["../../../lib/data-provider-interface/components/FileUpload.vue"],"sourcesContent":["<template>\n  <div class=\"position-relative w-100 p-3 \">\n    <input type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\" @click=\"triggerDropdown()\"\n      placeholder=\"Choose between fileupload and providing a URL\">\n    <ul ref=\"fLoad\" v-if=\"drop.active\" class=\"selectListUpload\">\n      <li @click=\"triggerDropdown(); uploadFileSwitch = true; toggleUploadUrl()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Upload a file</li>\n      <li @click=\"triggerDropdown(); uploadURL = true; toggleUploadFileSwitch()\"\n        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">Provide an URL</li>\n    </ul>\n  </div>\n  <div class=\"w-100 p-3 position-relative\" v-if=\"uploadURL && !uploadFileSwitch\">\n    <label class=\" formkit-label w-100\" for=\"aUrlLink\">Provide an URL</label>\n    <input id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\"\n      @input=\"saveUrl\" validation=\"alpha_spaces:latin\" validation-visibility=\"live\">\n\n  </div>\n  <div v-if=\"uploadFileSwitch\" ref=\"fileupload\" class=\"p-3 w-100\"\n    :class=\"`formkit-input-element formkit-input-element--${context.type}`\" :data-type=\"context.type\" v-bind=\"$attrs\">\n    <input type=\"text\" v-model=\"context.model\" @blur=\"context.blurHandler\" hidden />\n    <div class=\"file-div position-relative\">\n      <label class=\"formkit-label\" for=\"aUrlFL\">Upload a file</label>\n      <input class=\"mt-3\" type=\"file\" id=\"aUrlFL\" name=\"fileUpload\" @change=\"validateFile($event)\"\n        :accept=\"validExtensions\">\n      <div class=\"upload-feedback position-absolute d-flex\" style=\"right: 0\">\n        <div v-if=\"isLoading\" class=\"lds-ring\">\n        </div>\n        <div v-if=\"success\"><i class=\"material-icons d-flex check-icon\">check_circle</i></div>\n        <div v-if=\"fail\"><i class=\"material-icons d-flex close-icon\">error</i></div>\n      </div>\n    </div>\n    <p class=\"dURLText my-3\" v-if=\"success\">{{ $t('message.metadata.downloadUrl') }}: <a :href=\"context.model\">{{\n      context.model }}</a></p>\n    <div v-if=\"validExtensions && validExtensions.length\" class=\"allowedTypesWrapper\">\n      <p class=\"errorSub my-3 d-flex \" v-if=\"!success\">Allowed types: </p>\n      <div class=\"d-flex flex-wrap w-100\">\n        <span v-for=\"types in validExtensions\" :key=\"types\" class=\"mr-1 mb-1 allowedFTypes \">\n          {{ types }}\n        </span>\n      </div>\n\n    </div>\n\n\n  </div>\n\n</template>\n\n<script>\n/* eslint-disable consistent-return, no-unused-vars */\nimport { mapGetters, mapActions } from 'vuex';\nimport axios from 'axios';\nimport helper from '../utils/general-helper'\nimport { getNode } from '@formkit/core'\n\nimport { reactive, ref, onMounted, computed } from 'vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nexport default {\n  props: {\n    context: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      error: '',\n      URLValue: '',\n      uploadURL: false,\n      uploadFileSwitch: false,\n      checkifSet: false,\n      isLoading: false,\n      success: false,\n      fail: false,\n      validExtensions: this.$env.content.dataProviderInterface.uploadFileTypes?.split(',') || []\n    };\n  },\n  computed: {\n\n    ...mapGetters('auth', [\n      'getUserData',\n      'getIsEditMode'\n    ]),\n    ...mapGetters('dpiStore', [\n      'getData',\n    ]),\n    getCatalogue() {\n      return getNode('dcat:catalog').value;\n    }\n  },\n  methods: {\n    ...mapActions('dpiStore', [\n      'saveLocalstorageValues',\n    ]),\n    toggleUploadUrl() {\n      if (this.uploadURL) { this.uploadURL = !this.uploadURL }\n    },\n    toggleUploadFileSwitch() {\n      if (this.uploadFileSwitch) { this.uploadFileSwitch = !this.uploadFileSwitch }\n    },\n    validateFile(event) {\n      const file = event.target.files[0];\n      const fileExtension = '.' + file.name.split('.').pop().toLowerCase();\n      if (this.validExtensions && this.validExtensions.length) {\n        if (!this.validExtensions.includes(fileExtension)) {\n          console.log('Wrong filetype');\n        } else {\n          this.uploadOrReplaceFile({ file: event.target.files[0] })\n        }\n      } else {\n        this.error = \"\"\n        this.uploadOrReplaceFile({ file: event.target.files[0] })\n      }\n    },\n    async saveUrl() {\n\n      if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue })\n      }\n      else await this.context.node.input({ '@id': 'https://' + this.URLValue })\n\n    },\n    checkIfPresent() {\n      // console.log(this.context.value['@id']);\n      if (this.context.value['@id']) {\n        // console.log(this.context.value['@id']);\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    },\n    // finds the parent input group of a given element.\n    findParentInputGroupOfElement(element) {\n      // Start with the given element.\n      let currentElement = element;\n\n      // Traverse the DOM tree upwards.\n      while (currentElement) {\n        // If the current element is an input group, return it.\n        if (currentElement.classList.contains('formkit-input-group-repeatable')) {\n          return currentElement;\n        }\n        // If not, move to the parent element.\n        currentElement = currentElement.parentElement;\n      }\n\n      // If no input group was found, return null.\n      return null;\n    },\n    // finds the index of the distribution access URL based on the root of this component.\n    findDistributionAccessUrlIndex() {\n      // todo: find a more stable way to find the index of the distribution access URL.\n      // this way uses the DOM tree, which is not stable.\n\n      // Start at the root of this component.\n      const rootElement = this.$refs.fileupload;\n\n      // Find the parent input group of the root element.\n      const parentInputGroup = this.findParentInputGroupOfElement(rootElement);\n      if (!parentInputGroup) return null;\n\n      // Get the parent element of all input groups.\n      const parentOfAllInputGroups = parentInputGroup.parentElement;\n      const allInputGroupsNodeList = parentOfAllInputGroups.querySelectorAll('.formkit-input-group-repeatable');\n      const allInputGroupsArray = Array.from(allInputGroupsNodeList);\n\n      // Find the index of the parent input group within the array of all input groups.\n      const indexOfParentInputGroup = allInputGroupsArray.indexOf(parentInputGroup);\n\n      return indexOfParentInputGroup;\n    },\n    async uploadOrReplaceFile({ file }) {\n\n      const replaceEnabled = this.$env?.content?.dataProviderInterface?.enableFileUploadReplace || false;\n      const wantsToReplace = this.$route.query?.edit ?? false;\n\n      if (replaceEnabled && wantsToReplace) {\n        const distributionIndexToReplace = this.$route.query?.edit;\n        const fileIndexToReplace = this.findDistributionAccessUrlIndex();\n\n        const targetDistribution = this.getData('distributions')?.[distributionIndexToReplace];\n        const targetFile = targetDistribution?.['dcat:accessURL']?.[fileIndexToReplace];\n        const accessUrl = targetFile?.['@id'];\n        if (accessUrl) {\n          const fileUploadUrl = this.$env.api.fileUploadUrl;\n\n          const fileId = helper.getFileIdByAccessUrl({ accessUrl, fileUploadUrl })\n\n          return await this.uploadFile(file, {\n            method: 'PUT',\n            url: `${this.$env.api.fileUploadUrl}data/${fileId}?catalog=${this.getCatalogue}`,\n          });\n        }\n\n      }\n\n      return await this.uploadFile(file);\n    },\n    async uploadFile(file, options = {}) {\n\n      this.isLoading = true;\n\n      const form = new FormData();\n      form.append('file', file);\n\n      const catalog = this.getCatalogue;\n      const token = this.getUserData.rtpToken;\n\n      const resolvedOptions = {\n        method: 'POST',\n        url: `${this.$env.api.fileUploadUrl}data?catalog=${catalog}`,\n        ...options,\n      };\n\n      const requestOptions = {\n        method: resolvedOptions.method,\n        url: resolvedOptions.url,\n        headers: {\n          'Content-Type': 'multipart/form-data',\n          Authorization: `Bearer ${token}`,\n        },\n        data: form,\n      };\n\n      try {\n\n        const result = await axios.request(requestOptions);\n        const path = result.data.result.location.substring(result.data.result.location.indexOf('/') + 1);\n        this.context.model = `${this.$env.api.fileUploadUrl}${path}`;\n        this.isLoading = false;\n        this.success = true;\n        await this.context.node.input({ '@id': `${this.$env.api.fileUploadUrl}${path}` })\n        // this.context.rootEmit('change');\n\n      } catch (err) {\n\n        this.isLoading = false;\n        this.fail = true;\n        console.error(err); // eslint-disable-line\n      }\n    },\n  },\n  mounted() {\n\n    this.$nextTick(function () {\n\n      if (this.context.value['@id']) {\n        this.uploadURL = true\n        this.URLValue = this.context.value['@id']\n        return true\n      }\n      else false\n    })\n  },\n  setup() {\n\n    // let instance = getCurrentInstance().appContext.app.config.globalProperties.$env\n    const env = useRuntimeEnv();\n\n    var drop = reactive({\n      active: false,\n    })\n\n    const fLoad = ref(null);\n\n    onClickOutside(fLoad, event => drop.active = false)\n    function triggerDropdown(e) {\n      drop.active = !drop.active\n    }\n\n    return {\n      drop,\n      onClickOutside,\n      triggerDropdown,\n    };\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n// @import '../../../styles/bootstrap_theme';\n// @import '../../../styles/utils/css-animations';\n.dURLText {}\n\n.file-div {\n  display: flex;\n  align-items: center;\n}\n\n.upload-feedback {\n  padding: 10px;\n}\n\n/*** MATERIAL ICONS ***/\n%modal-icon {\n  font-size: 20px;\n  cursor: default;\n}\n\n.check-icon {\n  @extend %modal-icon;\n  color: #28a745;\n}\n\n.close-icon {\n  @extend %modal-icon;\n  color: red;\n}\n\n.lds-ring {\n  display: inline-block;\n  position: relative;\n  width: 30px;\n  height: 30px;\n}\n\n.lds-ring div {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  right: 0;\n  width: 30px;\n  height: 30px;\n  border: 8px solid lightgray;\n  border-radius: 50%;\n  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: lightgray transparent transparent transparent;\n}\n\n.lds-ring div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.lds-ring div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.lds-ring div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n.error {\n  color: red;\n}\n\n.errorSub {\n  color: black;\n}\n\n@keyframes lds-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.allowedFTypes {\n  padding: 0.5rem;\n  border-radius: 5px;\n  border: 1px solid lightgrey;\n}\n\n.allowedTypesWrapper {\n  max-width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n}\n</style>\n"],"names":["_sfc_main","_a","mapGetters","getNode","mapActions","event","fileExtension","element","currentElement","rootElement","parentInputGroup","allInputGroupsNodeList","file","replaceEnabled","_c","_b","wantsToReplace","_d","distributionIndexToReplace","_e","fileIndexToReplace","targetDistribution","_f","targetFile","_g","accessUrl","fileUploadUrl","fileId","helper","options","form","catalog","token","resolvedOptions","requestOptions","result","axios","path","err","useRuntimeEnv","drop","reactive","fLoad","ref","onClickOutside","triggerDropdown","e","_hoisted_1","_createElementVNode","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_12","_withScopeId","_hoisted_15","_hoisted_18","_hoisted_21","_openBlock","_createElementBlock","_Fragment","$setup","_createTextVNode","_hoisted_2","_cache","$event","$data","$options","_createCommentVNode","_hoisted_3","_hoisted_4","args","_mergeProps","$props","_ctx","_vModelText","_hoisted_7","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","_toDisplayString","_hoisted_19","_hoisted_20","_renderList","types"],"mappings":"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"}

package/dist/data-provider-interface/config/dcatap/vocab-prefixes.mjs

@@ -1,5 +1,5 @@
 const t = {
-  licence: "http://europeandataportal.eu/ontologies/",
+  licence: "http://publications.europa.eu/resource/authority/licence/",
   // no unified URI!!
   "planned-availability": "http://publications.europa.eu/resource/authority/planned-availability/",
   "dataset-type": "http://publications.europa.eu/resource/authority/dataset-type/",

package/dist/data-provider-interface/config/dcatap/vocab-prefixes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vocab-prefixes.mjs","sources":["../../../../lib/data-provider-interface/config/dcatap/vocab-prefixes.js"],"sourcesContent":["const vocabPrefixes = {\n    \"licence\": \"http://europeandataportal.eu/ontologies/\", // no unified URI!!\n    \"planned-availability\": \"http://publications.europa.eu/resource/authority/planned-availability/\",\n    \"dataset-type\": \"http://publications.europa.eu/resource/authority/dataset-type/\",\n    \"eurovoc\": \"http://eurovoc.europa.eu/\",\n    \"corporate-body\": \"http://publications.europa.eu/resource/authority/corporate-body/\",\n    \"continent\": \"http://publications.europa.eu/resource/authority/continent/\",\n    \"country\": \"http://publications.europa.eu/resource/authority/country/\",\n    \"place\": \"http://publications.europa.eu/resource/authority/place/\",\n    \"data-theme\": \"http://publications.europa.eu/resource/authority/data-theme/\",\n    \"access-right\": \"http://publications.europa.eu/resource/authority/access-right/\",\n    \"file-type\": \"http://publications.europa.eu/resource/authority/file-type/\",\n    \"frequency\": \"http://publications.europa.eu/resource/authority/frequency/\",\n    \"language\": \"http://publications.europa.eu/resource/authority/language/\",\n    \"notation-type\": \"http://publications.europa.eu/resource/authority/notation-type/\",\n    \"iana-media-types\": \"https://www.iana.org/assignments/media-types/\",\n    \"spdx-checksum-algorithm\": \"http://spdx.org/rdf/terms#\",\n    \"distribution-type\": \"http://publications.europa.eu/resource/authority/distribution-type/\",\n    \"dataset-status\": \"http://publications.europa.eu/resource/authority/dataset-status/\",\n};\n\nexport default vocabPrefixes;\n"],"names":["vocabPrefixes"],"mappings":"AAAK,MAACA,IAAgB;AAAA,EAClB,SAAW;AAAA;AAAA,EACX,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,SAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,WAAa;AAAA,EACb,SAAW;AAAA,EACX,OAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAa;AAAA,EACb,UAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,kBAAkB;AACtB;"}
+{"version":3,"file":"vocab-prefixes.mjs","sources":["../../../../lib/data-provider-interface/config/dcatap/vocab-prefixes.js"],"sourcesContent":["const vocabPrefixes = {\n    \"licence\": \"http://publications.europa.eu/resource/authority/licence/\", // no unified URI!!\n    \"planned-availability\": \"http://publications.europa.eu/resource/authority/planned-availability/\",\n    \"dataset-type\": \"http://publications.europa.eu/resource/authority/dataset-type/\",\n    \"eurovoc\": \"http://eurovoc.europa.eu/\",\n    \"corporate-body\": \"http://publications.europa.eu/resource/authority/corporate-body/\",\n    \"continent\": \"http://publications.europa.eu/resource/authority/continent/\",\n    \"country\": \"http://publications.europa.eu/resource/authority/country/\",\n    \"place\": \"http://publications.europa.eu/resource/authority/place/\",\n    \"data-theme\": \"http://publications.europa.eu/resource/authority/data-theme/\",\n    \"access-right\": \"http://publications.europa.eu/resource/authority/access-right/\",\n    \"file-type\": \"http://publications.europa.eu/resource/authority/file-type/\",\n    \"frequency\": \"http://publications.europa.eu/resource/authority/frequency/\",\n    \"language\": \"http://publications.europa.eu/resource/authority/language/\",\n    \"notation-type\": \"http://publications.europa.eu/resource/authority/notation-type/\",\n    \"iana-media-types\": \"https://www.iana.org/assignments/media-types/\",\n    \"spdx-checksum-algorithm\": \"http://spdx.org/rdf/terms#\",\n    \"distribution-type\": \"http://publications.europa.eu/resource/authority/distribution-type/\",\n    \"dataset-status\": \"http://publications.europa.eu/resource/authority/dataset-status/\",\n};\n\nexport default vocabPrefixes;\n"],"names":["vocabPrefixes"],"mappings":"AAAK,MAACA,IAAgB;AAAA,EAClB,SAAW;AAAA;AAAA,EACX,wBAAwB;AAAA,EACxB,gBAAgB;AAAA,EAChB,SAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,WAAa;AAAA,EACb,SAAW;AAAA,EACX,OAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,WAAa;AAAA,EACb,UAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,2BAA2B;AAAA,EAC3B,qBAAqB;AAAA,EACrB,kBAAkB;AACtB;"}