@piveau/piveau-hub-ui-modules 4.3.11 → 4.3.13

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":["<template>\n  <div class=\"formkitProperty\">\n\n    <!-- need to make a condition for the licence property of the distribution - otherwise the dropdown doesnt work-->\n\n    <h4 class=\"formkitHeader\" v-if=\"inDis\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 v-if=\"props.context.attrs.identifier != 'licence' && !inDis\">{{ $t('message.dataupload.datasets.' +\n      props.context.attrs.identifier + '.label') }}</h4>\n\n    <div class=\"formkitCmpWrap\">\n\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>{{ $t('message.dataupload.info.suggestions') }}</h3>\n                <span>{{ $t('message.dataupload.info.suggestionText') }}</span>\n                <button class=\"navlikeButton\" type=\"button\"\n                  @click=\"fillAnnifsuggestions(); annifTrigger.value = true\">{{ $t('message.dataupload.info.tryIt')\n                  }}</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 v-html=\"props.context.help\" class=\"formkit-help\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, watch, computed, 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'\nimport { useI18n } from 'vue-i18n';\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();\nconst { t,locale } = useI18n();\n\nlet listOfValues = computed(() => {\n  return props.context.value;\n})\n\nlet selection;\nlet voc = props.context.attrs.voc;\n\nlet matchesSearchstring = computed(() => {\n  return t('message.dataupload.info.searchVocabulary')\n})\nlet matchesNothingFound = computed(() => {\n  return t('message.dataupload.info.matchesNothingFound')\n})\nlet matches = ref({\n  value: { name: matchesSearchstring }\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});\nlet inDis = computed(() => {\n  try {\n    if (props.context.attrs.class.includes(\"inDistribution\")) {\n      return true\n    }\n  } catch (error) {\n\n  }\n\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\n      for (let i = 0; i < response.data.results.length; i++) {\n\n\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}\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\nconsole.log(locale);\n\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, locale.value, []) + \" (\" + r.id + \")\",\n      resource: r.resource,\n    }));\n    if (results.length === 0) {\n      matches.value = { value: { name: matchesNothingFound } }\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"],"names":["instance","getCurrentInstance","props","__props","store","useStore","t","locale","useI18n","listOfValues","computed","selection","voc","matchesSearchstring","matchesNothingFound","matches","ref","activeList","dropdownList","inputText","cacheList","annifList","annifTrigger","annifSelectionList","onMounted","inDis","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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"}
+{"version":3,"file":"AutocompleteInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/AutocompleteInput.vue"],"sourcesContent":["<template>\n  <div class=\"formkitProperty\">\n\n    <!-- need to make a condition for the licence property of the distribution - otherwise the dropdown doesnt work-->\n\n    <h4 class=\"formkitHeader\" v-if=\"inDis\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 v-if=\"props.context.attrs.identifier != 'licence' && !inDis\">{{ $t('message.dataupload.datasets.' +\n      props.context.attrs.identifier + '.label') }}</h4>\n\n    <div class=\"formkitCmpWrap\">\n\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>{{ $t('message.dataupload.info.suggestions') }}</h3>\n                <span>{{ $t('message.dataupload.info.suggestionText') }}</span>\n                <button class=\"navlikeButton\" type=\"button\"\n                  @click=\"fillAnnifsuggestions(); annifTrigger.value = true\">{{ $t('message.dataupload.info.tryIt')\n                  }}</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>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\nimport { ref, watch, computed, 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'\nimport { useI18n } from 'vue-i18n';\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();\nconst { t,locale } = useI18n();\n\nlet listOfValues = computed(() => {\n  return props.context.value;\n})\n\nlet selection;\nlet voc = props.context.attrs.voc;\n\nlet matchesSearchstring = computed(() => {\n  return t('message.dataupload.info.searchVocabulary')\n})\nlet matchesNothingFound = computed(() => {\n  return t('message.dataupload.info.matchesNothingFound')\n})\nlet matches = ref({\n  value: { name: matchesSearchstring }\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});\nlet inDis = computed(() => {\n  try {\n    if (props.context.attrs.class.includes(\"inDistribution\")) {\n      return true\n    }\n  } catch (error) {\n\n  }\n\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\n      for (let i = 0; i < response.data.results.length; i++) {\n\n\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}\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\nconsole.log(locale);\n\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, locale.value, []) + \" (\" + r.id + \")\",\n      resource: r.resource,\n    }));\n    if (results.length === 0) {\n      matches.value = { value: { name: matchesNothingFound } }\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"],"names":["instance","getCurrentInstance","props","__props","store","useStore","t","locale","useI18n","listOfValues","computed","selection","voc","matchesSearchstring","matchesNothingFound","matches","ref","activeList","dropdownList","inputText","cacheList","annifList","annifTrigger","annifSelectionList","onMounted","inDis","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,19 +1,19 @@
-import { ref as f, watchEffect as L, resolveComponent as M, openBlock as a, createElementBlock as n, toDisplayString as m, createTextVNode as s, unref as d, createCommentVNode as c, createElementVNode as o, withDirectives as I, isRef as V, vModelText as $, Fragment as y, renderList as x, createVNode as _, createBlock as S, createStaticVNode as U } from "vue";
+import { ref as f, watchEffect as D, resolveComponent as E, openBlock as a, createElementBlock as n, toDisplayString as m, createTextVNode as s, unref as d, createCommentVNode as c, createElementVNode as t, withDirectives as I, isRef as V, vModelText as T, Fragment as y, renderList as _, createVNode as x, createBlock as S, createStaticVNode as U } from "vue";
 import A from "./AutocompleteInput.vue.mjs";
 import { onClickOutside as B } from "../../external/@vueuse/core/index";
-import { useRuntimeEnv as N } from "../../composables/useRuntimeEnv.mjs";
-import { useI18n as P } from "vue-i18n";
+import { useRuntimeEnv as H } from "../../composables/useRuntimeEnv.mjs";
+import { useI18n as N } from "vue-i18n";
 import "./ConditionalInput.vue2.mjs";
-const j = { class: "formkitProperty" }, F = {
+const P = { class: "formkitProperty" }, j = {
   key: 0,
   class: "formkitHeader"
-}, R = {
+}, F = {
   key: 1,
   class: "formkitHeader"
-}, O = {
+}, R = {
   key: 2,
   class: "d-flex infoLicense py-5"
-}, X = /* @__PURE__ */ o("svg", {
+}, O = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "30px",
   height: "30px",
@@ -21,10 +21,10 @@ const j = { class: "formkitProperty" }, F = {
   class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
   viewBox: "0 0 16 16"
 }, [
-  /* @__PURE__ */ o("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
+  /* @__PURE__ */ t("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
   /* @__PURE__ */ s(),
-  /* @__PURE__ */ o("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
-], -1), z = /* @__PURE__ */ U(`<div class="w-80"><p>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind that <a class="external-link" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" target="_blank" rel="nofollow noopener"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial
+  /* @__PURE__ */ t("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
+], -1), X = /* @__PURE__ */ U(`<div class="w-80"><p>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind that <a class="external-link" href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" target="_blank" rel="nofollow noopener"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial
           reuse without prior authorisation, except for the material subject to the third party intellectual property
           rights. This Decision has been implemented under the <a class="external-link" href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en" target="_blank" rel="nofollow noopener"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative
           Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the
@@ -32,10 +32,10 @@ const j = { class: "formkitProperty" }, F = {
           alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication
           deed (CC0 1.0).</p> <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have
           approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your
-            organisation</strong> before publishing or submitting your dataset.</p> <p>If you need further information regarding copyright issues, please contact us at <span class="nobr"><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu<sup><img class="rendericon" src="https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif" alt="" width="13" height="12" align="absmiddle" border="0"></sup></a></span></p></div>`, 1), H = {
+            organisation</strong> before publishing or submitting your dataset.</p> <p>If you need further information regarding copyright issues, please contact us at <span class="nobr"><a class="external-link" href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu<sup><img class="rendericon" src="https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif" alt="" width="13" height="12" align="absmiddle" border="0"></sup></a></span></p></div>`, 1), z = { class: "formkit-wrapper" }, K = ["innerHTML"], W = {
   key: 3,
   class: "d-flex infoLicense py-5"
-}, K = /* @__PURE__ */ o("svg", {
+}, Y = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "30px",
   height: "30px",
@@ -43,178 +43,190 @@ const j = { class: "formkitProperty" }, F = {
   class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
   viewBox: "0 0 16 16"
 }, [
-  /* @__PURE__ */ o("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
+  /* @__PURE__ */ t("path", { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" }),
   /* @__PURE__ */ s(),
-  /* @__PURE__ */ o("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
-], -1), W = /* @__PURE__ */ o("p", { class: "textInfoI" }, [
+  /* @__PURE__ */ t("path", { d: "m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })
+], -1), q = /* @__PURE__ */ t("p", { class: "textInfoI" }, [
   /* @__PURE__ */ s(`As owner of your dataset, you guarantee that it does not violate the copyright, other
         intellectual property or
         privacy rights of any third party. In particular, if third party material is included in the dataset, you must
         ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.
         `),
-  /* @__PURE__ */ o("br"),
-  /* @__PURE__ */ o("br"),
+  /* @__PURE__ */ t("br"),
+  /* @__PURE__ */ t("br"),
   /* @__PURE__ */ s(`
         If you need further information regarding copyright issues, please contact us at
         `),
-  /* @__PURE__ */ o("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
-], -1), Y = {
+  /* @__PURE__ */ t("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
+], -1), G = {
   key: 4,
   class: "formkitCmpWrap simpleConditional"
-}, q = { class: "m-3" }, G = { class: "conditionalSelectDiv" }, J = ["placeholder"], Q = { key: 0 }, Z = { class: "selectListConditional" }, ee = ["onClick"], te = { class: "conditionalManual" }, oe = {
+}, J = { class: "m-3" }, Q = { class: "conditionalSelectDiv" }, Z = ["placeholder"], ee = { key: 0 }, te = { class: "selectListConditional" }, oe = ["onClick"], ae = { class: "conditionalManual" }, ne = {
   key: 0,
   class: "d-flex"
-}, ae = { key: 0 }, ne = {
+}, se = { key: 0 }, ie = {
   key: 5,
   class: "formkitCmpWrap simpleConditional"
-}, se = { class: "m-3" }, ie = { class: "conditionalSelectDiv" }, le = ["placeholder"], re = { key: 0 }, de = { class: "selectListConditional" }, ce = ["onClick"], ue = { class: "conditionalManual" }, pe = {
+}, le = { class: "m-3" }, re = { class: "conditionalSelectDiv" }, de = ["placeholder"], ce = { key: 0 }, ue = { class: "selectListConditional" }, pe = ["onClick"], me = { class: "conditionalManual" }, he = {
   key: 0,
   class: "d-flex"
-}, me = {
+}, fe = {
   key: 0,
   class: ""
-}, he = {
+}, ve = {
   key: 1,
   class: "conditionalVocabulary d-flex"
-}, fe = { class: "autocompleteInputSingleValue" }, ke = {
+}, ge = { class: "autocompleteInputSingleValue" }, ye = ["innerHTML"], Ie = {
   __name: "ConditionalInput",
   props: {
     context: Object
   },
-  setup(D) {
-    let b = N();
-    const e = D, { t: k } = P();
+  setup(L) {
+    let b = H();
+    const e = L, { t: k } = N();
     let r = f(), u = f(!1), p = f(!1);
-    L(() => {
+    D(() => {
       e.context.value.name && (r.value = k("message.dataupload.datasets.conditional.vocabulary")), e.context.value["foaf:name"] && (r.value = k("message.dataupload.datasets.conditional.manually"));
     });
-    const v = f(null), C = (l) => {
+    const v = f(null), C = (i) => {
       p.value = !p.value;
-    }, E = () => {
+    }, M = () => {
       e.context.node.reset();
-    }, w = (l, i) => {
-      r.value = i, u.value = l, e.context.node.reset(), e.context.value = "";
+    }, w = (i, l) => {
+      r.value = l, u.value = i, e.context.node.reset(), e.context.value = "";
     };
-    return B(v, (l) => p.value = !1), (l, i) => {
-      const g = M("FormKit");
-      return a(), n("div", j, [
-        e.context.attrs.class != null && e.context.attrs.class.includes("inDistribution") ? (a(), n("h4", F, m(l.$t("message.dataupload.distributions." + e.context.attrs.identifier + ".label")), 1)) : (a(), n("h4", R, m(l.$t("message.dataupload.datasets." + e.context.attrs.identifier + ".label")), 1)),
+    return B(v, (i) => p.value = !1), (i, l) => {
+      const g = E("FormKit");
+      return a(), n("div", P, [
+        e.context.attrs.class != null && e.context.attrs.class.includes("inDistribution") ? (a(), n("h4", j, m(i.$t("message.dataupload.distributions." + e.context.attrs.identifier + ".label")), 1)) : (a(), n("h4", F, m(i.$t("message.dataupload.datasets." + e.context.attrs.identifier + ".label")), 1)),
         s(),
-        e.context.attrs.identifier === "licence" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", O, [
-          X,
+        e.context.attrs.identifier === "licence" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", R, [
+          O,
           s(),
-          z
+          X
         ])) : c("", !0),
         s(),
-        e.context.attrs.identifier === "rights" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", H, [
-          K,
+        t("div", z, [
+          t("div", {
+            innerHTML: i.$t("message.dataupload.distributions.licence.vocabulary.help"),
+            class: "formkit-help"
+          }, null, 8, K)
+        ]),
+        s(),
+        e.context.attrs.identifier === "rights" && d(b).content.dataProviderInterface.annifIntegration ? (a(), n("div", W, [
+          Y,
           s(),
-          W
+          q
         ])) : c("", !0),
         s(),
-        e.context.attrs.identifier === "rights" ? (a(), n("div", Y, [
-          o("div", q, [
-            o("div", G, [
-              I(o("input", {
+        e.context.attrs.identifier === "rights" ? (a(), n("div", G, [
+          t("div", J, [
+            t("div", Q, [
+              I(t("input", {
                 ref_key: "I1",
                 ref: v,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: i[0] || (i[0] = (t) => C()),
+                onClick: l[0] || (l[0] = (o) => C()),
                 placeholder: e.context.attrs.placeholder,
-                "onUpdate:modelValue": i[1] || (i[1] = (t) => V(r) ? r.value = t : r = t)
-              }, null, 8, J), [
-                [$, d(r)]
+                "onUpdate:modelValue": l[1] || (l[1] = (o) => V(r) ? r.value = o : r = o)
+              }, null, 8, Z), [
+                [T, d(r)]
               ]),
               s(),
-              d(p) ? (a(), n("div", Q, [
-                o("ul", Z, [
-                  (a(!0), n(y, null, x(e.context.attrs.selection, (t, h) => (a(), n("li", {
+              d(p) ? (a(), n("div", ee, [
+                t("ul", te, [
+                  (a(!0), n(y, null, _(e.context.attrs.selection, (o, h) => (a(), n("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: (T) => w(t, l.$t("message.dataupload.datasets.conditional." + t))
-                  }, m(l.$t("message.dataupload.datasets.conditional." + t)), 9, ee))), 256))
+                    onClick: ($) => w(o, i.$t("message.dataupload.datasets.conditional." + o))
+                  }, m(i.$t("message.dataupload.datasets.conditional." + o)), 9, oe))), 256))
                 ])
               ])) : c("", !0)
             ]),
             s(),
-            o("div", te, [
-              d(u) === "URL" || e.context.node.value["@type"] === "url" ? (a(), n("div", oe, [
-                _(g, {
+            t("div", ae, [
+              d(u) === "URL" || e.context.node.value["@type"] === "url" ? (a(), n("div", ne, [
+                x(g, {
                   type: "url",
-                  placeholder: l.$t("message.dataupload.datasets.conditional.URL"),
+                  placeholder: i.$t("message.dataupload.datasets.conditional.URL"),
                   name: "rdfs:label",
                   validation: "url",
                   class: "w-100",
                   identifier: "rightsUrl",
                   modelValue: e.context.value["rdfs:value"],
-                  "onUpdate:modelValue": i[2] || (i[2] = (t) => e.context.value["rdfs:value"] = t)
+                  "onUpdate:modelValue": l[2] || (l[2] = (o) => e.context.value["rdfs:value"] = o)
                 }, null, 8, ["placeholder", "modelValue"])
               ])) : c("", !0)
             ]),
             s(),
-            d(u) === "Text" || e.context.value["@type"] === "text" ? (a(), n("div", ae, [
-              _(g, {
+            d(u) === "Text" || e.context.value["@type"] === "text" ? (a(), n("div", se, [
+              x(g, {
                 type: "text",
-                placeholder: l.$t("message.dataupload.datasets.conditional.Text"),
+                placeholder: i.$t("message.dataupload.datasets.conditional.Text"),
                 name: "rdfs:label",
                 class: "w-100",
                 identifier: "rightsText",
                 modelValue: e.context.value["rdfs:value"],
-                "onUpdate:modelValue": i[3] || (i[3] = (t) => e.context.value["rdfs:value"] = t)
+                "onUpdate:modelValue": l[3] || (l[3] = (o) => e.context.value["rdfs:value"] = o)
               }, null, 8, ["placeholder", "modelValue"])
             ])) : c("", !0)
           ])
-        ])) : (a(), n("div", ne, [
-          o("div", se, [
-            o("div", ie, [
-              I(o("input", {
+        ])) : (a(), n("div", ie, [
+          t("div", le, [
+            t("div", re, [
+              I(t("input", {
                 ref_key: "I1",
                 ref: v,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: i[4] || (i[4] = (t) => C()),
+                onClick: l[4] || (l[4] = (o) => C()),
                 placeholder: e.context.attrs.placeholder,
-                "onUpdate:modelValue": i[5] || (i[5] = (t) => V(r) ? r.value = t : r = t)
-              }, null, 8, le), [
-                [$, d(r)]
+                "onUpdate:modelValue": l[5] || (l[5] = (o) => V(r) ? r.value = o : r = o)
+              }, null, 8, de), [
+                [T, d(r)]
               ]),
               s(),
-              d(p) ? (a(), n("div", re, [
-                o("ul", de, [
-                  (a(!0), n(y, null, x(e.context.attrs.selection, (t, h) => (a(), n("li", {
+              d(p) ? (a(), n("div", ce, [
+                t("ul", ue, [
+                  (a(!0), n(y, null, _(e.context.attrs.selection, (o, h) => (a(), n("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: (T) => w(t, l.$t("message.dataupload.datasets.conditional." + t))
-                  }, m(l.$t("message.dataupload.datasets.conditional." + t)), 9, ce))), 256))
+                    onClick: ($) => w(o, i.$t("message.dataupload.datasets.conditional." + o))
+                  }, m(i.$t("message.dataupload.datasets.conditional." + o)), 9, pe))), 256))
                 ])
               ])) : c("", !0)
             ]),
             s(),
-            o("div", ue, [
-              d(u) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && d(u) != "vocabulary" ? (a(), n("div", pe, [
-                (a(!0), n(y, null, x(e.context.attrs.options, (t, h) => (a(), S(g, {
+            t("div", me, [
+              d(u) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && d(u) != "vocabulary" ? (a(), n("div", he, [
+                (a(!0), n(y, null, _(e.context.attrs.options, (o, h) => (a(), S(g, {
                   type: h,
-                  placeholder: l.$t("message.dataupload.datasets.individual." + t),
-                  name: t,
+                  placeholder: i.$t("message.dataupload.datasets.individual." + o),
+                  name: o,
                   validation: h,
                   class: "w-100"
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
               ])) : c("", !0)
             ]),
             s(),
-            d(u) === "vocabulary" && !e.context.value.name ? (a(), n("div", me, [
-              _(A, {
+            d(u) === "vocabulary" && !e.context.value.name ? (a(), n("div", fe, [
+              x(A, {
                 context: e.context
               }, null, 8, ["context"])
             ])) : c("", !0),
             s(),
-            e.context.value.name ? (a(), n("div", he, [
-              o("a", fe, m(e.context.value.name), 1),
+            e.context.value.name ? (a(), n("div", ve, [
+              t("a", ge, m(e.context.value.name), 1),
               s(),
-              o("div", {
+              t("div", {
                 class: "removeX",
-                onClick: E
+                onClick: M
               })
-            ])) : c("", !0)
+            ])) : c("", !0),
+            s(),
+            t("div", {
+              innerHTML: e.context.help,
+              class: "formkit-help"
+            }, null, 8, ye)
           ])
         ]))
       ]);
@@ -222,6 +234,6 @@ const j = { class: "formkitProperty" }, F = {
   }
 };
 export {
-  ke as default
+  Ie 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":["<template>\n  <div class=\"formkitProperty\">\n    <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n      props.context.attrs.identifier.slice(1) }}</h4> -->\n    <h4 class=\"formkitHeader\"\n      v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 class=\"formkitHeader\" v-else>\n      {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <div class=\"w-80\">\n        <p>For <strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind that&nbsp;<a\n            class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial\n          reuse without prior authorisation, except for the material subject to the third party intellectual property\n          rights. This Decision has been implemented under the&nbsp;<a class=\"external-link\"\n            href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative\n          Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the\n          Commission's reuse policy. Additionally, raw data, metadata or other documents of comparable nature may\n          alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication\n          deed (CC0 1.0).</p>\n        <p>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n          approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n            organisation</strong>&nbsp;before publishing or submitting your dataset.</p>\n        <p>If you need further information regarding copyright issues, please contact us at&nbsp;<span class=\"nobr\"><a\n              class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n              rel=\"nofollow noopener\">op-copyright@publications.europa.eu<sup><img class=\"rendericon\"\n                  src=\"https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif\" alt=\"\" width=\"13\"\n                  height=\"12\" align=\"absmiddle\" border=\"0\" /></sup></a></span></p>\n\n      </div>\n\n\n    </div>\n    <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n        intellectual property or\n        privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n        ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n        <br><br>\n        If you need further information regarding copyright issues, please contact us at\n        <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n      </p>\n    </div>\n    <!-- Choice between text and URL -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\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=\"props.context.attrs.placeholder\" 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(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + el) }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'URL' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n              validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n            </FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'Text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n            class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n        </div>\n      </div>\n    </div>\n\n    <!-- Choice between manualinput and vocabulary search -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-else>\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=props.context.attrs.placeholder 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(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + 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\"\n              :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n              class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n        <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n          <a class=\"autocompleteInputSingleValue\">{{\n            props.context.value['name'] }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n  if (props.context.value['name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n  }\n  if (props.context.value['foaf:name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n  }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n  props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n  selectModeVal.value = translatedString\n  selectedItem.value = e\n  props.context.node.reset()\n  props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n\n.hover {\n  text-decoration: underline;\n}\n\n.conditionalVocabulary {\n  display: flex;\n  align-items: center;\n  margin: 1rem 0;\n}\n\n.w-80 {\n  width: 80%;\n}\n\n.infoLicense {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n  width: 5%;\n}\n\n.textInfoI {\n  width: 95%;\n}\n</style>"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,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 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n      props.context.attrs.identifier.slice(1) }}</h4> -->\n    <h4 class=\"formkitHeader\"\n      v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n      {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <h4 class=\"formkitHeader\" v-else>\n      {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n    </h4>\n    <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <div class=\"w-80\">\n        <p>For <strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind that&nbsp;<a\n            class=\"external-link\" href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a>] allows for their commercial\n          reuse without prior authorisation, except for the material subject to the third party intellectual property\n          rights. This Decision has been implemented under the&nbsp;<a class=\"external-link\"\n            href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en\"\n            target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>] by which Creative\n          Commons Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the\n          Commission's reuse policy. Additionally, raw data, metadata or other documents of comparable nature may\n          alternatively be distributed under the provisions of the Creative Commons Universal Public Domain Dedication\n          deed (CC0 1.0).</p>\n        <p>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n          approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n            organisation</strong>&nbsp;before publishing or submitting your dataset.</p>\n        <p>If you need further information regarding copyright issues, please contact us at&nbsp;<span class=\"nobr\"><a\n              class=\"external-link\" href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n              rel=\"nofollow noopener\">op-copyright@publications.europa.eu<sup><img class=\"rendericon\"\n                  src=\"https://citnet.tech.ec.europa.eu/CITnet/jira/images/icons/mail_small.gif\" alt=\"\" width=\"13\"\n                  height=\"12\" align=\"absmiddle\" border=\"0\" /></sup></a></span></p>\n\n      </div>\n    </div>\n    <div class=\"formkit-wrapper\">\n      <div v-html=\"$t('message.dataupload.distributions.licence.vocabulary.help')\" class=\"formkit-help\"></div>\n    </div>\n\n\n    <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n      class=\"d-flex infoLicense py-5\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n        class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n        <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n        <path\n          d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      </svg>\n      <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n        intellectual property or\n        privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n        ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n        <br><br>\n        If you need further information regarding copyright issues, please contact us at\n        <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n      </p>\n    </div>\n    <!-- Choice between text and URL -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\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=\"props.context.attrs.placeholder\" 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(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + el) }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'URL' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n              validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n            </FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'Text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n            class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n        </div>\n      </div>\n    </div>\n\n    <!-- Choice between manualinput and vocabulary search -->\n    <div class=\"formkitCmpWrap simpleConditional\" v-else>\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=props.context.attrs.placeholder 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(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n                  $t('message.dataupload.datasets.conditional.' + 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\"\n              :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n              class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n        <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n          <a class=\"autocompleteInputSingleValue\">{{\n            props.context.value['name'] }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n        </div>\n        <div v-html=\"props.context.help\" class=\"formkit-help\"></div>\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n  if (props.context.value['name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n  }\n  if (props.context.value['foaf:name']) {\n    selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n  }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n  props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n  selectModeVal.value = translatedString\n  selectedItem.value = e\n  props.context.node.reset()\n  props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n\n.hover {\n  text-decoration: underline;\n}\n\n.conditionalVocabulary {\n  display: flex;\n  align-items: center;\n  margin: 1rem 0;\n}\n\n.w-80 {\n  width: 80%;\n}\n\n.infoLicense {\n  a {\n    color: blue;\n  }\n\n  padding: 1rem;\n  background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n  width: 5%;\n}\n\n.textInfoI {\n  width: 95%;\n}\n</style>\n"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2IA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,8 +5,8 @@ declare const _default: import('vue').DefineComponent<Readonly<{
 }>, any, {}, {
     token(): any;
     redirectUri(): string;
-    getUserData: import('vuex').Computed;
     getIsDraft: import('vuex').Computed;
+    getUserData: import('vuex').Computed;
 }, {
     setupEditPage(): Promise<void>;
     convertToInput: import('vuex').ActionMethod;

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

@@ -1,13 +1,13 @@
-import { mapGetters as o, mapActions as r } from "vuex";
-import { openBlock as a, createElementBlock as n, createElementVNode as c } from "vue";
+import { mapGetters as s, mapActions as o } from "vuex";
+import { openBlock as i, createElementBlock as n, createElementVNode as c } from "vue";
 import p from "../../_virtual/_plugin-vue_export-helper.mjs";
-const h = {
+const d = {
   props: ["id", "property", "catalog"],
   data() {
     return {};
   },
   computed: {
-    ...o("auth", [
+    ...s("auth", [
       "getIsDraft",
       "getUserData"
     ]),
@@ -19,34 +19,39 @@ const h = {
     }
   },
   methods: {
-    ...r("auth", [
+    ...o("auth", [
       "setIsEditMode",
       "setIsDraft"
     ]),
-    ...r("dpiStore", [
+    ...o("dpiStore", [
       "convertToInput"
     ]),
     async setupEditPage() {
-      let t;
-      this.setIsEditMode(!0);
-      const e = this.$env.content.dataProviderInterface.specification;
-      this.getIsDraft ? (this.setIsDraft(!0), t = `${this.$env.api.hubUrl}drafts/datasets/${this.id}.nt?catalogue=${this.catalog}`, await this.convertToInput({ endpoint: t, token: this.token, property: this.property, id: this.id, specification: e })) : (this.setIsDraft(!1), this.property === "catalogues" ? (t = `${this.$env.api.hubUrl}catalogues/${this.catalog}.nt`, await this.convertToInput({ endpoint: t, token: this.token, property: this.property, id: this.catalog, specification: e })) : (t = `${this.$env.api.hubUrl}datasets/${this.id}.nt?useNormalizedId=true`, await this.convertToInput({ endpoint: t, token: this.token, property: this.property, id: this.id, specification: e }))), this.$router.push(this.redirectUri).catch(() => {
+      this.$router.push({
+        name: "DataProviderInterface-Input",
+        params: { property: this.property },
+        query: {
+          locale: this.$route.query.locale,
+          edit: !this.getIsDraft && this.property === "catalogues" ? this.catalog : this.id,
+          catalog: this.catalog,
+          fromDraft: this.getIsDraft ? "true" : void 0
+        }
       });
     }
   },
-  beforeRouteEnter(t, e, s) {
-    s((i) => {
-      e.fullPath.startsWith(i.redirectUri) ? i.$router.go(-1) : i.setupEditPage();
+  beforeRouteEnter(a, e, r) {
+    r((t) => {
+      e.fullPath.startsWith(t.redirectUri) ? t.$router.go(-1) : t.setupEditPage();
     });
   }
-}, d = { style: { height: "370px" } }, u = /* @__PURE__ */ c("div", { class: "spinner" }, null, -1), l = [
+}, h = { style: { height: "370px" } }, u = /* @__PURE__ */ c("div", { class: "spinner" }, null, -1), l = [
   u
 ];
-function f(t, e, s, i, $, g) {
-  return a(), n("div", d, l);
+function f(a, e, r, t, g, m) {
+  return i(), n("div", h, l);
 }
-const v = /* @__PURE__ */ p(h, [["render", f]]);
+const D = /* @__PURE__ */ p(d, [["render", f]]);
 export {
-  v as default
+  D as default
 };
 //# sourceMappingURL=DataFetchingComponent.vue.mjs.map