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

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

@@ -1 +1 @@
-{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\n\nconst props = defineProps({\n    context: Object,\n})\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push({ item: 'Municipality Key', active: false }, { item: 'Regional Key', active: false }, { item: 'Municipal Association Key', active: false }, { item: 'District Key', active: false }, { item: 'Government District Key', active: false }, { item: 'State Key', active: false })\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push({ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false })\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async () => {\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: '--- Type in anything for a live search of the vocabulary ---', resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n    let vocCache = voc.value\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.pref_label, 'en', []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div class=\"d-flex position-relative m-3 w-100\">\n                    <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                        :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                        @click=\"activeInput('showTable')\" />\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.manually') }}\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.vocabulary') }}\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\">\n                        <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                        {{ $te('message.dataupload.datasets.isReferencedByUrl.placeholder') ? $t('message.dataupload.datasets.isReferencedByUrl.placeholder') : 'Provide an URL' }}\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    <label class=\"w-100\"> {{ $te('message.dataupload.datasets.contributorType.placeholder') ? $t('message.dataupload.datasets.contributorType.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary'\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item\">\n                            {{ el.item }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    {{ $te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\"\n                        >\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"props.context.node.input(el); inputText = el.name; activeInput('showVocEntries'); showTable.third = false; saveToLocal(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n        left: 0;\n        top: 78px;\n    }\n}\n</style>\n"],"names":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":"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"}
+{"version":3,"file":"SpatialInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SpatialInput.vue"],"sourcesContent":["<script setup>\n\nimport { ref, reactive, watch, computed, onBeforeMount, onMounted, nextTick } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { onClickOutside } from '@vueuse/core'\nimport { getCurrentInstance } from \"vue\";\nimport { useRoute } from 'vue-router';\nimport { useI18n } from 'vue-i18n';\n\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nlet route = useRoute();\n\nconst props = defineProps({\n    context: Object,\n})\n// let listOfVoc: [{ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false }],\nlet listOfVoc = ref([])\nlet inputText = ref({})\nlet voc = ref({})\nlet matches = ref({})\nlet manURL = ref({})\nconst store = useStore();\nconst { t, locale } = useI18n();\n\nif (props.context.attrs.identifier === 'politicalGeocodingURI') {\n    listOfVoc.value.push({ item: 'Municipality Key', active: false }, { item: 'Regional Key', active: false }, { item: 'Municipal Association Key', active: false }, { item: 'District Key', active: false }, { item: 'Government District Key', active: false }, { item: 'State Key', active: false })\n\n}\nif (props.context.attrs.identifier === 'spatial') {\n    listOfVoc.value.push({ item: 'Country', active: false }, { item: 'Place', active: false }, { item: 'Continent', active: false })\n}\n\nwatch(inputText, async () => {\n    getAutocompleteSuggestions();\n})\nwatch(voc, async () => {\n    voc.value = voc.value.toLowerCase();\n})\nwatch(manURL, async () => {\n    props.context.node.input({ 'name': manURL, 'resource': manURL })\n})\nonMounted(async () => {\n    matches = [{ name: '--- Type in anything for a live search of the vocabulary ---', resource: 'invalid' }]\n\n    await nextTick()\n    // DOM loaded\n    if (props.context.value.name === undefined || props.context.value.name === \"\") {\n        showTable.activeValue = false\n    } else showTable.activeValue = true\n    // console.log(showTable.activeValue);\n\n});\n\nfunction closeAll() {\n    listOfVoc.value.forEach(element => {\n        element.active = false;\n    });\n}\nfunction removeProperty(e) {\n    //   props.context.value = {}\n    showTable.activeValue = false\n    props.context.node.input({})\n}\nfunction saveToLocal(el) {\n\n    let pathToLocalStorage = JSON.parse(localStorage.getItem(`dpi_${route.params.property}`));\n    let arr\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        arr = pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'];\n    }\n    else arr = pathToLocalStorage.Advised['dct:spatial'];\n\n    arr.forEach((element, index) => {\n        if (Object.keys(element).length === 0) {\n            arr.splice(index, 1)\n        }\n    })\n    arr.push(props.context.node._value)\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n        pathToLocalStorage.Advised['dcatde:politicalGeocodingURI'] = arr\n    }\n    else pathToLocalStorage.Advised['dct:spatial'] = arr\n\n    localStorage.setItem(`dpi_${route.params.property}`, JSON.stringify(pathToLocalStorage))\n}\nconst getAutocompleteSuggestions = async () => {\n\n    let vocCache = voc.value\n\n    if (props.context.attrs.identifier === 'politicalGeocodingURI') {\n\n        vocCache = 'political-geocoding-' + vocCache.toLowerCase().replaceAll(\" \", '-')\n\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.alt_label, locale.value, []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n    else {\n        try {\n            let text = inputText.value;\n            await store.dispatch('dpiStore/requestAutocompleteSuggestions', { voc: vocCache, text: text, base: instance.api.baseUrl }).then((response) => {\n                const results = response.data.result.results.map((r) => ({\n                    name: getTranslationFor(r.pref_label, locale.value, []) + \" (\" + r.id + \")\",\n                    resource: r.resource,\n                }));\n                matches = results;\n            });\n        } catch (error) {\n        }\n    }\n\n}\n\nvar showTable = reactive({\n    first: false,\n    second: false,\n    third: false,\n    activeValue: false\n})\n\nconst I1 = ref(null);\nconst I2 = ref(null);\nconst I3 = ref(null);\n\nonClickOutside(I1, event => showTable.first = false)\nonClickOutside(I2, event => showTable.second = false)\nonClickOutside(I3, event => showTable.third = false)\nfunction activeInput(e) {\n\n    // console.log('in', showTable);\n    if (e === \"showTable\") showTable.first = !showTable.first;\n    if (e === \"showVocTable\") showTable.second = !showTable.second;\n    if (e === \"showVocEntries\") {\n        if (showTable.third === true) {\n        }\n        else showTable.third = !showTable.third;\n    }\n}\nfunction manURLInput(e) {\n    props.context.node.input({ 'name': e.target.value, 'resource': e.target.value })\n}\n// console.log(voc);\n</script>\n\n<template>\n    <div class=\"d-flex flex-column w-100 spatialWrap\">\n        <div class=\"d-flex formkit-inner mx-3 mb-3\" v-if=\"!props.context.attrs.multiple && showTable.activeValue\">\n            <!-- <div class=\"infoI\">\n                <div class=\"tooltipFormkit\">{{ props.context.attrs.info }}</div>\n            </div> -->\n            <a class=\"autocompleteInputSingleValue \">{{ props.context.value.name }}</a>\n            <div class=\"removeX\" @click=\"removeProperty\"></div>\n        </div>\n        <div v-else>\n            <div class=\" w-100 d-flex\">\n                <div class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\"> {{ $t('message.dataupload.info.preferredInput') }}\n                        <input id=\"I1\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$t('message.dataupload.info.preferredInput')\"\n                            @click=\"activeInput('showTable')\" />\n                    </label>\n\n                    <ul ref=\"I1\" v-show=\"showTable.first\" class=\"spatialListUpload\">\n                        <li @click=\"activeInput('showTable'); man = true; if (vocSearch) { vocSearch = false; };\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.manually') }}\n                        </li>\n                        <li @click=\"activeInput('showTable'); vocSearch = true; if (man) { man = false }\"\n                            class=\"p-2 border-b border-gray-200 choosableItemsAC\">\n                            {{ $t('message.dataupload.datasets.conditional.vocabulary') }}\n                        </li>\n                    </ul>\n                </div>\n                <div v-if=\"man\" class=\"d-flex position-relative m-3 w-100\">\n                    <label class=\"w-100\">\n                        <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                        {{ $te('message.dataupload.datasets.isReferencedByUrl.placeholder') ? $t('message.dataupload.datasets.isReferencedByUrl.placeholder') : 'Provide an URL' }}\n                        <input type=\"URL\" class=\"selectInputField formkit-inner\" placeholder=\"URL\"\n                            @input=\"manURLInput($event)\">\n                    </label>\n                </div>\n                <div v-if=\"vocSearch\" class=\"d-flex position-relative m-3 w-100\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    <label class=\"w-100\"> {{ $te('message.dataupload.datasets.contributorType.placeholder') ? $t('message.dataupload.datasets.contributorType.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I2\" type=\"text\" class=\"selectInputField formkit-inner\" readonly=\"readonly\"\n                            :placeholder=\"$te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary'\" @click=\"activeInput('showVocTable');\">\n                    </label>\n                    <ul ref=\"I2\" v-if=\"showTable.second\" class=\"spatialListUpload\">\n                        <li v-for=\"el in listOfVoc\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\" closeAll(); el.active = !el.active; activeInput('showVocTable'); inputText = ''; voc = el.item\">\n                            {{ $t('message.dataupload.datasets.conditional.' + el.item) }}</li>\n                    </ul>\n                </div>\n            </div>\n            <div class=\"m-3\" v-if=\"vocSearch\">\n                <div v-for=\"el in listOfVoc\" :key=\"el\" class=\"position-relative\">\n                    <label class=\"w-100\" v-if=\"el.active\">\n                    <!-- todo: I borrowed this from another input. Maybe refactor? -->\n                    {{ $te('message.dataupload.datasets.accessRights.placeholder') ? $t('message.dataupload.datasets.accessRights.placeholder') : 'Choose type of vocabulary' }} \n                        <input id=\"I3\" type=\"text\"\n                            v-model=\"inputText\" class=\"selectInputField formkit-inner\" :placeholder=\"el.item\"\n                            @click=\"activeInput('showVocEntries'); inputText = ''\"\n                        >\n                    </label>\n                    <ul ref=\"I3\" v-if=\"showTable.third && el.active\" class=\"spatialListUpload\">\n                        <li v-for=\"el in matches\" :key=\"el\" class=\"p-2 border-b border-gray-200 choosableItemsAC\"\n                            @click=\"props.context.node.input(el); inputText = el.name; activeInput('showVocEntries'); showTable.third = false; saveToLocal(el)\">\n                            {{ el.name }}</li>\n                    </ul>\n                </div>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default {\n    data() {\n        return {\n            man: false,\n            vocSearch: false,\n        }\n    },\n\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.spatialWrap label {\n    font-family: var(--fk-font-family-label);\n    font-size: var(--fk-font-size-label);\n    font-weight: var(--fk-font-weight-label);\n    line-height: var(--fk-line-height-label);\n}\n\n.spatialWrap {\n    .spatialListUpload {\n        width: 100%;\n        left: 0;\n        top: 78px;\n    }\n}\n</style>\n"],"names":["__default__","instance","getCurrentInstance","route","useRoute","props","__props","listOfVoc","ref","inputText","voc","matches","manURL","store","useStore","t","locale","useI18n","watch","getAutocompleteSuggestions","onMounted","nextTick","showTable","closeAll","element","removeProperty","e","saveToLocal","el","pathToLocalStorage","arr","index","vocCache","text","response","r","getTranslationFor","reactive","I1","I2","I3","onClickOutside","event","activeInput","manURLInput"],"mappings":"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"}

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

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

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

@@ -1,8 +1,6 @@
-declare const _default: import('vue').DefineComponent<Readonly<{
+declare const _default: import('vue').DefineComponent<{
     context?: any;
-}>, {}, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     context?: any;
-}>>>, {
-    readonly context?: any;
-}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { getCurrentInstance as g, ref as u, onMounted as I, watchEffect as h, resolveComponent as D, openBlock as i, createElementBlock as q, createElementVNode as _, toDisplayString as $, createTextVNode as b, createBlock as n, unref as y } from "vue";
+import { getCurrentInstance as g, ref as u, onMounted as I, watchEffect as D, resolveComponent as h, openBlock as i, createElementBlock as q, createElementVNode as $, toDisplayString as _, createTextVNode as b, createBlock as n, unref as y } from "vue";
 import { isNil as k } from "lodash-es";
 import E from "axios";
 import { useStore as U } from "vuex";
@@ -23,15 +23,15 @@ const M = { class: "formkitProperty DSid" }, N = {
         idunique: s("message.dataupload.datasets.datasetID.duplicate"),
         required: s("message.dataupload.datasets.datasetID.required")
       };
-    }), h(() => {
+    }), D(() => {
     });
     async function m(e) {
       let t = !0, a = p.api.hubUrl;
-      const f = d.getters["auth/getUserDraftIds"];
+      const c = d.getters["auth/getUserDraftIds"];
       return new Promise(() => {
         if (k(e.value) || e.value === "" || e.value === void 0)
           t = !0;
-        else if (f.includes(e.value))
+        else if (c.includes(e.value))
           t = !1;
         else {
           const v = `${a}datasets/${e.value}?useNormalizedId=true`;
@@ -43,14 +43,14 @@ const M = { class: "formkitProperty DSid" }, N = {
         }
       }), t;
     }
-    function c(e) {
+    function f(e) {
       return /^[a-z0-9-]*$/.test(e.value);
     }
     return (e, t) => {
-      const a = D("FormKit");
+      const a = h("FormKit");
       return i(), q("div", M, [
-        _("h4", null, $(e.$t("message.dataupload.datasets.datasetID.label")), 1),
-        b(),
+        $("h4", null, _(e.$t("message.dataupload.datasets.datasetID.label")), 1),
+        t[0] || (t[0] = b()),
         !l.value || o.value ? (i(), n(a, {
           key: 0,
           type: "text",
@@ -59,7 +59,7 @@ const M = { class: "formkitProperty DSid" }, N = {
           placeholder: e.$t("message.dataupload.datasets.datasetID.label"),
           info: e.$t("message.dataupload.datasets.datasetID.info"),
           help: e.$t("message.dataupload.datasets.datasetID.help"),
-          "validation-rules": { idformatvalid: c, idunique: m },
+          "validation-rules": { idformatvalid: f, idunique: m },
           validation: "idformatvalid|idunique|required",
           "validation-visibility": "live",
           "validation-messages": y(r),

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

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

package/dist/data-provider-interface/composables/useDpiEditMode.d.ts

@@ -12,5 +12,5 @@ import { MaybeRefOrGetter } from 'vue';
  */
 export declare function useDpiEditMode(dpiContext: MaybeRefOrGetter<DpiContext>): {
     isReady: import('vue').ComputedRef<boolean>;
-    error: import('vue').Ref<unknown>;
+    error: import('vue').Ref<unknown, unknown>;
 };

package/dist/data-provider-interface/composables/useDpiStepper.d.ts

@@ -3,13 +3,13 @@
  */
 export declare function useDpiStepper(): {
     steps: {};
-    activeStep: import('vue').Ref<string>;
+    activeStep: import('vue').Ref<string, string>;
     activeStepIndex: import('vue').ComputedRef<number>;
     previousStep: import('vue').ComputedRef<string>;
     nextStep: import('vue').ComputedRef<string>;
-    visitedSteps: import('vue').Ref<never[]>;
+    visitedSteps: import('vue').Ref<never[], never[]>;
     stepPlugin: (node: any) => false | undefined;
-    stepList: import('vue').Ref<string[]>;
+    stepList: import('vue').Ref<string[], string[]>;
     registerStep: (stepName: string) => void;
     goToNextStep: () => void;
     goToPreviousStep: () => void;

package/dist/data-provider-interface/store/modules/autocompleteStore.mjs

@@ -1,8 +1,8 @@
 import u from "axios";
 const p = {}, h = {}, f = {
-  requestFirstEntrySuggestions({ commit: l }, c, s) {
+  requestFirstEntrySuggestions({ commit: l }, i, s) {
     return new Promise((e, o) => {
-      const a = `${s}search?filter=vocabulary&vocabulary=${c}`;
+      const a = `${s}search?filter=vocabulary&vocabulary=${i}`;
       u.get(a).then((t) => {
         e(t);
       }).catch((t) => {
@@ -10,9 +10,9 @@ const p = {}, h = {}, f = {
       });
     });
   },
-  requestAutocompleteSuggestions({ commit: l }, { voc: c, text: s, base: e }) {
+  requestAutocompleteSuggestions({ commit: l }, { voc: i, text: s, base: e }) {
     return new Promise((o, a) => {
-      const t = `${e}search?filter=vocabulary&vocabulary=${c}&q=${s}`;
+      const t = `${e}search?filter=vocabulary&vocabulary=${i}&q=${s}&limit=14`;
       u.get(t).then((r) => {
         o(r);
       }).catch((r) => {
@@ -20,7 +20,7 @@ const p = {}, h = {}, f = {
       });
     });
   },
-  async requestResourceName({ commit: l, state: c, rootGetters: s }, { voc: e, uri: o, envs: a }) {
+  async requestResourceName({ commit: l, state: i, rootGetters: s }, { voc: e, uri: o, envs: a }) {
     try {
       const t = s["dpiStore/getSpecification"];
       if (e === void 0 || e === "application")
@@ -29,12 +29,12 @@ const p = {}, h = {}, f = {
       if (e === "iana-media-types" || e === "spdx-checksum-algorithm")
         r = `${a.api.baseUrl}vocabularies/${e}`;
       else {
-        const i = encodeURIComponent(o.replace(t.vocabPrefixes[e], ""));
-        r = `${a.api.baseUrl}vocabularies/${e}/${i}`;
+        const c = encodeURIComponent(o.replace(t.vocabPrefixes[e], ""));
+        r = `${a.api.baseUrl}vocabularies/${e}/${c}`;
       }
-      return new Promise((i, m) => {
+      return new Promise((c, m) => {
         u.get(r).then((n) => {
-          i(n);
+          c(n);
         }).catch((n) => {
           m(n);
         });

package/dist/data-provider-interface/store/modules/autocompleteStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteStore.mjs","sources":["../../../../lib/data-provider-interface/store/modules/autocompleteStore.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable no-param-reassign, no-shadow, no-console */\nimport axios from 'axios';\n\nconst state = {};\nconst getters = {};\n\nconst actions = {\n    requestFirstEntrySuggestions({ commit }, voc, base) {\n        return new Promise((resolve, reject) => {\n            const req = `${base}search?filter=vocabulary&vocabulary=${voc}`;\n            axios.get(req)\n                .then((res) => {\n                    resolve(res);\n                })\n                .catch((err) => {\n                    reject(err);\n                });\n        });\n    },\n    requestAutocompleteSuggestions({ commit }, { voc, text, base }) {\n        // console.log(voc,text,base); \n        return new Promise((resolve, reject) => {\n            const req = `${base}search?filter=vocabulary&vocabulary=${voc}&q=${text}`;\n            axios.get(req)\n                .then((res) => {\n                    // console.log(res);\n\n                    resolve(res);\n                })\n                .catch((err) => {\n                    reject(err);\n                });\n        });\n    },\n    async requestResourceName({ commit, state, rootGetters }, { voc, uri, envs }) {\n        try {\n           \n            \n            const specification = rootGetters['dpiStore/getSpecification'];\n\n            // Catching invalid URI's\n            if (voc === undefined) return\n            if (voc === \"application\") return\n\n            let req;\n\n            // vocabularies for spdx checksum and inana-media-types are structured differently in the backend then other vocabularies\n            if (voc === 'iana-media-types' || voc === 'spdx-checksum-algorithm')  {\n                req = `${envs.api.baseUrl}vocabularies/${voc}`;\n\n            } else {\n                const value = encodeURIComponent(uri.replace(specification.vocabPrefixes[voc], \"\"));\n        \n                \n                req = `${envs.api.baseUrl}vocabularies/${voc}/${value}`;\n\n            }\n            return new Promise((resolve, reject) => {\n                axios.get(req)\n                    .then((res) => {\n                        resolve(res);\n                    })\n                    .catch((err) => {\n                        reject(err);\n\n                    });\n            });\n        } catch (error) {\n            // console.log(error);\n\n        }\n\n    },\n};\n\nconst mutations = {};\n\nconst autocompleteModule = {\n    state,\n    getters,\n    actions,\n    mutations\n};\n\nexport default autocompleteModule;"],"names":["state","getters","actions","commit","voc","base","resolve","reject","req","axios","res","err","text","rootGetters","uri","envs","specification","value","mutations","autocompleteModule"],"mappings":";AAIA,MAAMA,IAAQ,CAAA,GACRC,IAAU,CAAA,GAEVC,IAAU;AAAA,EACZ,6BAA6B,EAAE,QAAAC,KAAUC,GAAKC,GAAM;AAChD,WAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAM,GAAGH,CAAI,uCAAuCD,CAAG;AAC7D,MAAAK,EAAM,IAAID,CAAG,EACR,KAAK,CAACE,MAAQ;AACX,QAAAJ,EAAQI,CAAG;AAAA,MAAA,CACd,EACA,MAAM,CAACC,MAAQ;AACZ,QAAAJ,EAAOI,CAAG;AAAA,MAAA,CACb;AAAA,IAAA,CACR;AAAA,EACL;AAAA,EACA,+BAA+B,EAAE,QAAAR,EAAO,GAAG,EAAE,KAAAC,GAAK,MAAAQ,GAAM,MAAAP,KAAQ;AAE5D,WAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAM,GAAGH,CAAI,uCAAuCD,CAAG,MAAMQ,CAAI;AACvE,MAAAH,EAAM,IAAID,CAAG,EACR,KAAK,CAACE,MAAQ;AAGX,QAAAJ,EAAQI,CAAG;AAAA,MAAA,CACd,EACA,MAAM,CAACC,MAAQ;AACZ,QAAAJ,EAAOI,CAAG;AAAA,MAAA,CACb;AAAA,IAAA,CACR;AAAA,EACL;AAAA,EACA,MAAM,oBAAoB,EAAE,QAAAR,GAAQ,OAAAH,GAAO,aAAAa,EAAY,GAAG,EAAE,KAAAT,GAAK,KAAAU,GAAK,MAAAC,KAAQ;AACtE,QAAA;AAGM,YAAAC,IAAgBH,EAAY,2BAA2B;AAI7D,UADIT,MAAQ,UACRA,MAAQ;AAAe;AAEvB,UAAAI;AAGA,UAAAJ,MAAQ,sBAAsBA,MAAQ;AACtC,QAAAI,IAAM,GAAGO,EAAK,IAAI,OAAO,gBAAgBX,CAAG;AAAA,WAEzC;AACG,cAAAa,IAAQ,mBAAmBH,EAAI,QAAQE,EAAc,cAAcZ,CAAG,GAAG,EAAE,CAAC;AAGlF,QAAAI,IAAM,GAAGO,EAAK,IAAI,OAAO,gBAAgBX,CAAG,IAAIa,CAAK;AAAA,MAEzD;AACA,aAAO,IAAI,QAAQ,CAACX,GAASC,MAAW;AACpC,QAAAE,EAAM,IAAID,CAAG,EACR,KAAK,CAACE,MAAQ;AACX,UAAAJ,EAAQI,CAAG;AAAA,QAAA,CACd,EACA,MAAM,CAACC,MAAQ;AACZ,UAAAJ,EAAOI,CAAG;AAAA,QAAA,CAEb;AAAA,MAAA,CACR;AAAA,YACW;AAAA,IAGhB;AAAA,EAEJ;AACJ,GAEMO,IAAY,CAAA,GAEZC,IAAqB;AAAA,EACvB,OAAAnB;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAgB;AACJ;"}
+{"version":3,"file":"autocompleteStore.mjs","sources":["../../../../lib/data-provider-interface/store/modules/autocompleteStore.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable no-param-reassign, no-shadow, no-console */\nimport axios from 'axios';\n\nconst state = {};\nconst getters = {};\n\nconst actions = {\n    requestFirstEntrySuggestions({ commit }, voc, base) {\n        return new Promise((resolve, reject) => {\n            const req = `${base}search?filter=vocabulary&vocabulary=${voc}`;\n            axios.get(req)\n                .then((res) => {\n                    resolve(res);\n                })\n                .catch((err) => {\n                    reject(err);\n                });\n        });\n    },\n    requestAutocompleteSuggestions({ commit }, { voc, text, base }) {\n        // console.log(voc,text,base); \n        return new Promise((resolve, reject) => {\n            const req = `${base}search?filter=vocabulary&vocabulary=${voc}&q=${text}&limit=14`;\n            axios.get(req)\n                .then((res) => {\n                    // console.log(res);\n\n                    resolve(res);\n                })\n                .catch((err) => {\n                    reject(err);\n                });\n        });\n    },\n    async requestResourceName({ commit, state, rootGetters }, { voc, uri, envs }) {\n        try {\n           \n            \n            const specification = rootGetters['dpiStore/getSpecification'];\n\n            // Catching invalid URI's\n            if (voc === undefined) return\n            if (voc === \"application\") return\n\n            let req;\n\n            // vocabularies for spdx checksum and inana-media-types are structured differently in the backend then other vocabularies\n            if (voc === 'iana-media-types' || voc === 'spdx-checksum-algorithm')  {\n                req = `${envs.api.baseUrl}vocabularies/${voc}`;\n\n            } else {\n                const value = encodeURIComponent(uri.replace(specification.vocabPrefixes[voc], \"\"));\n        \n                \n                req = `${envs.api.baseUrl}vocabularies/${voc}/${value}`;\n\n            }\n            return new Promise((resolve, reject) => {\n                axios.get(req)\n                    .then((res) => {\n                        resolve(res);\n                    })\n                    .catch((err) => {\n                        reject(err);\n\n                    });\n            });\n        } catch (error) {\n            // console.log(error);\n\n        }\n\n    },\n};\n\nconst mutations = {};\n\nconst autocompleteModule = {\n    state,\n    getters,\n    actions,\n    mutations\n};\n\nexport default autocompleteModule;"],"names":["state","getters","actions","commit","voc","base","resolve","reject","req","axios","res","err","text","rootGetters","uri","envs","specification","value","mutations","autocompleteModule"],"mappings":";AAIA,MAAMA,IAAQ,CAAA,GACRC,IAAU,CAAA,GAEVC,IAAU;AAAA,EACZ,6BAA6B,EAAE,QAAAC,KAAUC,GAAKC,GAAM;AAChD,WAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAM,GAAGH,CAAI,uCAAuCD,CAAG;AAC7D,MAAAK,EAAM,IAAID,CAAG,EACR,KAAK,CAACE,MAAQ;AACX,QAAAJ,EAAQI,CAAG;AAAA,MAAA,CACd,EACA,MAAM,CAACC,MAAQ;AACZ,QAAAJ,EAAOI,CAAG;AAAA,MAAA,CACb;AAAA,IAAA,CACR;AAAA,EACL;AAAA,EACA,+BAA+B,EAAE,QAAAR,EAAO,GAAG,EAAE,KAAAC,GAAK,MAAAQ,GAAM,MAAAP,KAAQ;AAE5D,WAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AACpC,YAAMC,IAAM,GAAGH,CAAI,uCAAuCD,CAAG,MAAMQ,CAAI;AACvE,MAAAH,EAAM,IAAID,CAAG,EACR,KAAK,CAACE,MAAQ;AAGX,QAAAJ,EAAQI,CAAG;AAAA,MAAA,CACd,EACA,MAAM,CAACC,MAAQ;AACZ,QAAAJ,EAAOI,CAAG;AAAA,MAAA,CACb;AAAA,IAAA,CACR;AAAA,EACL;AAAA,EACA,MAAM,oBAAoB,EAAE,QAAAR,GAAQ,OAAAH,GAAO,aAAAa,EAAY,GAAG,EAAE,KAAAT,GAAK,KAAAU,GAAK,MAAAC,KAAQ;AACtE,QAAA;AAGM,YAAAC,IAAgBH,EAAY,2BAA2B;AAI7D,UADIT,MAAQ,UACRA,MAAQ;AAAe;AAEvB,UAAAI;AAGA,UAAAJ,MAAQ,sBAAsBA,MAAQ;AACtC,QAAAI,IAAM,GAAGO,EAAK,IAAI,OAAO,gBAAgBX,CAAG;AAAA,WAEzC;AACG,cAAAa,IAAQ,mBAAmBH,EAAI,QAAQE,EAAc,cAAcZ,CAAG,GAAG,EAAE,CAAC;AAGlF,QAAAI,IAAM,GAAGO,EAAK,IAAI,OAAO,gBAAgBX,CAAG,IAAIa,CAAK;AAAA,MAEzD;AACA,aAAO,IAAI,QAAQ,CAACX,GAASC,MAAW;AACpC,QAAAE,EAAM,IAAID,CAAG,EACR,KAAK,CAACE,MAAQ;AACX,UAAAJ,EAAQI,CAAG;AAAA,QAAA,CACd,EACA,MAAM,CAACC,MAAQ;AACZ,UAAAJ,EAAOI,CAAG;AAAA,QAAA,CAEb;AAAA,MAAA,CACR;AAAA,YACW;AAAA,IAGhB;AAAA,EAEJ;AACJ,GAEMO,IAAY,CAAA,GAEZC,IAAqB;AAAA,EACvB,OAAAnB;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAgB;AACJ;"}

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

@@ -5,5 +5,5 @@ declare const _default: import('vue').DefineComponent<{}, {
         readonly values?: Record<string, any> | undefined;
         readonly schema?: Record<string, any> | undefined;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/data-provider-interface/views/DistributionInputPage.vue.mjs

@@ -1,9 +1,9 @@
-import { ref as m, onMounted as C, nextTick as A, resolveComponent as V, openBlock as r, createElementBlock as d, Fragment as v, createElementVNode as e, toDisplayString as a, createTextVNode as i, createVNode as h, withCtx as $, renderList as w, normalizeClass as F } from "vue";
-import { useStore as S } from "vuex";
-import j from "../components/DistributionStepper.vue.mjs";
-import { cloneDeep as L } from "lodash-es";
+import { ref as v, onMounted as A, nextTick as V, resolveComponent as $, openBlock as r, createElementBlock as d, Fragment as c, createElementVNode as e, toDisplayString as a, createTextVNode as n, createVNode as L, withCtx as w, renderList as F, normalizeClass as S } from "vue";
+import { useStore as j } from "vuex";
+import E from "../components/DistributionStepper.vue.mjs";
+import { cloneDeep as f } from "lodash-es";
 import "@formkit/core";
-const E = /* @__PURE__ */ e("hr", null, null, -1), I = {
+const I = {
   name: "distribution-stepper-list",
   class: "distributionsListClass"
 }, N = { class: "d-flex m-4 align-items-center justify-content-between" }, O = { class: "m-0" }, B = ["onClick"], K = ["onClick"], q = {
@@ -12,92 +12,92 @@ const E = /* @__PURE__ */ e("hr", null, null, -1), I = {
     values: Object,
     schema: Object
   },
-  setup(f) {
-    const n = f, c = m([]), p = S(), s = m({
+  setup(D) {
+    const o = D, p = v([]), b = j(), i = v({
       disList: []
     });
-    C(async () => {
-      if (await A(), n.values.Distributions.distributionList.length != 0)
-        for (let t = 0; t < n.values.Distributions.distributionList.length; t++)
-          c.value.push("distribution " + t), s.value.disList.push({ name: "distribution " + t, isActive: !1 });
+    A(async () => {
+      if (await V(), o.values.Distributions.distributionList.length != 0)
+        for (let s = 0; s < o.values.Distributions.distributionList.length; s++)
+          p.value.push("distribution " + s), i.value.disList.push({ name: "distribution " + s, isActive: !1 });
     });
-    const D = () => {
-      s.value.disList.push({ name: "distribution " + s.value.disList.length, isActive: !1 }), b(s.value.disList.length - 1);
-    }, b = (t) => {
-      s.value.disList.forEach(
-        (l, u) => {
-          t != u && (l.isActive = !1);
+    const y = () => {
+      i.value.disList.push({ name: "distribution " + i.value.disList.length, isActive: !1 }), m(i.value.disList.length - 1);
+    }, m = (s) => {
+      i.value.disList.forEach(
+        (t, u) => {
+          s != u && (t.isActive = !1);
         }
-      ), s.value.disList[t].isActive = !s.value.disList[t].isActive;
-    }, _ = (t) => {
-      const l = L(n.values);
-      l.Distributions.distributionList.splice(t, 1), p.dispatch("dpiStore/saveFormValues", { property: "datasets", values: l }), s.value.disList.splice(t, 1);
-    }, y = () => {
-      const t = L(n.values);
-      t.Distributions.distributionList = [], p.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), s.value.disList = [];
+      ), i.value.disList[s].isActive = !i.value.disList[s].isActive;
+    }, g = (s) => {
+      const t = f(o.values);
+      t.Distributions.distributionList.splice(s, 1), b.dispatch("dpiStore/saveFormValues", { property: "datasets", values: t }), i.value.disList.splice(s, 1);
+    }, k = () => {
+      const s = f(o.values);
+      s.Distributions.distributionList = [], b.dispatch("dpiStore/saveFormValues", { property: "datasets", values: s }), i.value.disList = [];
     };
-    return (t, l) => {
-      const u = V("FormKit");
-      return r(), d(v, null, [
-        e("h1", null, a(t.$t("message.dataupload.info.distributions")), 1),
-        i(),
-        E,
-        i(),
+    return (s, t) => {
+      const u = $("FormKit");
+      return r(), d(c, null, [
+        e("h1", null, a(s.$t("message.dataupload.info.distributions")), 1),
+        t[5] || (t[5] = n()),
+        t[6] || (t[6] = e("hr", null, null, -1)),
+        t[7] || (t[7] = n()),
         e("div", I, [
-          h(u, {
+          L(u, {
             type: "list",
             name: "distributionList"
           }, {
-            default: $(() => [
-              (r(!0), d(v, null, w(s.value.disList, (g, o) => (r(), d("section", {
-                key: o,
+            default: w(() => [
+              (r(!0), d(c, null, F(i.value.disList, (C, l) => (r(), d("section", {
+                key: l,
                 class: "distributionOuter"
               }, [
                 e("div", N, [
-                  e("h2", O, "Distribution " + a(o + 1), 1),
-                  i(),
+                  e("h2", O, "Distribution " + a(l + 1), 1),
+                  t[1] || (t[1] = n()),
                   e("div", null, [
                     e("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (k) => b(o)
-                    }, a(t.$t("message.datasetDetails.edit")), 9, B),
-                    i(),
+                      onClick: (h) => m(l)
+                    }, a(s.$t("message.datasetDetails.edit")), 9, B),
+                    t[0] || (t[0] = n()),
                     e("button", {
                       class: "btn btn-secondary",
                       type: "button",
-                      onClick: (k) => _(o)
-                    }, a(t.$t("message.datasetDetails.delete")), 9, K)
+                      onClick: (h) => g(l)
+                    }, a(s.$t("message.datasetDetails.delete")), 9, K)
                   ])
                 ]),
-                i(),
+                t[2] || (t[2] = n()),
                 e("div", {
-                  class: F(["disInputWrapper", { "d-none": !s.value.disList[o].isActive }])
+                  class: S(["disInputWrapper", { "d-none": !i.value.disList[l].isActive }])
                 }, [
-                  h(j, {
-                    name: g.name,
-                    index: o,
-                    schema: n.schema,
-                    values: n.values,
-                    distributionList: c.value
+                  L(E, {
+                    name: C.name,
+                    index: l,
+                    schema: o.schema,
+                    values: o.values,
+                    distributionList: p.value
                   }, null, 8, ["name", "index", "schema", "values", "distributionList"])
                 ], 2)
               ]))), 128))
             ]),
             _: 1
           }),
-          i(),
+          t[3] || (t[3] = n()),
           e("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: D
-          }, a(t.$t("message.dataupload.info.newDistribution")), 1),
-          i(),
+            onClick: y
+          }, a(s.$t("message.dataupload.info.newDistribution")), 1),
+          t[4] || (t[4] = n()),
           e("button", {
             type: "button",
             class: "btn btn-secondary",
-            onClick: y
-          }, a(t.$t("message.dataupload.info.deleteDistribution")), 1)
+            onClick: k
+          }, a(s.$t("message.dataupload.info.deleteDistribution")), 1)
         ])
       ], 64);
     };

package/dist/data-provider-interface/views/DistributionInputPage.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DistributionInputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DistributionInputPage.vue"],"sourcesContent":["<template>\n  <h1>{{ $t('message.dataupload.info.distributions') }}</h1>\n  <hr>\n  <div name=\"distribution-stepper-list\" class=\"distributionsListClass\">\n\n    <FormKit type=\"list\" name=\"distributionList\">\n\n      <section v-for=\"(dist, index) in list.disList\" :key=\"index\" class=\"distributionOuter\">\n        <div class=\"d-flex m-4 align-items-center justify-content-between\">\n          <h2 class=\"m-0\">Distribution {{ index + 1 }}</h2>\n          <div>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"editDis(index)\">{{ $t('message.datasetDetails.edit')\n              }}</button>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"removeDis(index)\">{{\n              $t('message.datasetDetails.delete') }}</button>\n          </div>\n        </div>\n        <div class=\"disInputWrapper\" :class=\"{ 'd-none': !list.disList[index].isActive }\">\n          <DistributionStepper :name=\"dist.name\" :index=\"index\" :schema=\"props.schema\" :values=\"props.values\"\n            :distributionList=\"disIndex\">\n          </DistributionStepper>\n\n        </div>\n\n      </section>\n    </FormKit>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"addDistribution\">{{ $t('message.dataupload.info.newDistribution')\n      }}</button>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"deleteAllDistributions\">{{\n      $t('message.dataupload.info.deleteDistribution') }}</button>\n\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, nextTick, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport DistributionStepper from '../components/DistributionStepper.vue';\nimport { cloneDeep } from 'lodash';\nimport { useDpiStepper } from '../composables/useDpiStepper';\n\nconst props = defineProps({\n  values: Object,\n  schema: Object,\n})\n\nconst disIndex = ref([])\nconst store = useStore();\n\nconst list = ref({\n  disList: [],\n})\nonMounted(async () => {\n  // Load DOM\n  await nextTick()\n  if (props.values.Distributions.distributionList.length != 0) {\n    for (let index = 0; index < props.values.Distributions.distributionList.length; index++) {\n      disIndex.value.push('distribution ' + index)\n      list.value.disList.push({ 'name': 'distribution ' + index, 'isActive': false })\n    }\n  }\n})\nconst addDistribution = () => {\n  list.value.disList.push({ 'name': 'distribution ' + list.value.disList.length, 'isActive': false })\n  editDis(list.value.disList.length - 1)\n}\nconst editDis = (i) => {\n  list.value.disList.forEach((el, index) => {\n    if (i != index) {\n      el.isActive = false\n    }\n  }\n  )\n  list.value.disList[i].isActive = !list.value.disList[i].isActive\n}\nconst removeDis = (i) => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList.splice(i, 1);\n\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n  list.value.disList.splice(i, 1)\n}\nconst deleteAllDistributions = () => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList = [];\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n\n  list.value.disList = []\n}\n\n\n</script>"],"names":["props","__props","disIndex","ref","store","useStore","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","deleteAllDistributions"],"mappings":";;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAKRC,IAAWC,EAAI,EAAE,GACjBC,IAAQC,EAAQ,GAEhBC,IAAOH,EAAI;AAAA,MACf,SAAS,CAAE;AAAA,IACb,CAAC;AACD,IAAAI,EAAU,YAAY;AAGpB,UADA,MAAMC,EAAU,GACZR,EAAM,OAAO,cAAc,iBAAiB,UAAU;AACxD,iBAASS,IAAQ,GAAGA,IAAQT,EAAM,OAAO,cAAc,iBAAiB,QAAQS;AAC9E,UAAAP,EAAS,MAAM,KAAK,kBAAkBO,CAAK,GAC3CH,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBG,GAAO,UAAY,IAAO;AAAA,IAGpF,CAAC;AACD,UAAMC,IAAkB,MAAM;AAC5B,MAAAJ,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBA,EAAK,MAAM,QAAQ,QAAQ,UAAY,GAAK,CAAE,GAClGK,EAAQL,EAAK,MAAM,QAAQ,SAAS,CAAC;AAAA,IACvC,GACMK,IAAU,CAACC,MAAM;AACrB,MAAAN,EAAK,MAAM,QAAQ;AAAA,QAAQ,CAACO,GAAIJ,MAAU;AACxC,UAAIG,KAAKH,MACPI,EAAG,WAAW;AAAA,QAEjB;AAAA,MACA,GACDP,EAAK,MAAM,QAAQM,CAAC,EAAE,WAAW,CAACN,EAAK,MAAM,QAAQM,CAAC,EAAE;AAAA,IAC1D,GACME,IAAY,CAACF,MAAM;AACvB,YAAMG,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,iBAAiB,OAAOH,GAAG,CAAC,GAEpDR,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GACrFT,EAAK,MAAM,QAAQ,OAAOM,GAAG,CAAC;AAAA,IAChC,GACMK,IAAyB,MAAM;AACnC,YAAMF,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,mBAAmB,IAC3CX,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GAErFT,EAAK,MAAM,UAAU,CAAE;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DistributionInputPage.vue.mjs","sources":["../../../lib/data-provider-interface/views/DistributionInputPage.vue"],"sourcesContent":["<template>\n  <h1>{{ $t('message.dataupload.info.distributions') }}</h1>\n  <hr>\n  <div name=\"distribution-stepper-list\" class=\"distributionsListClass\">\n\n    <FormKit type=\"list\" name=\"distributionList\">\n\n      <section v-for=\"(dist, index) in list.disList\" :key=\"index\" class=\"distributionOuter\">\n        <div class=\"d-flex m-4 align-items-center justify-content-between\">\n          <h2 class=\"m-0\">Distribution {{ index + 1 }}</h2>\n          <div>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"editDis(index)\">{{ $t('message.datasetDetails.edit')\n              }}</button>\n            <button class=\"btn btn-secondary\" type=\"button\" @click=\"removeDis(index)\">{{\n              $t('message.datasetDetails.delete') }}</button>\n          </div>\n        </div>\n        <div class=\"disInputWrapper\" :class=\"{ 'd-none': !list.disList[index].isActive }\">\n          <DistributionStepper :name=\"dist.name\" :index=\"index\" :schema=\"props.schema\" :values=\"props.values\"\n            :distributionList=\"disIndex\">\n          </DistributionStepper>\n\n        </div>\n\n      </section>\n    </FormKit>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"addDistribution\">{{ $t('message.dataupload.info.newDistribution')\n      }}</button>\n    <button type=\"button\" class=\"btn btn-secondary\" @click=\"deleteAllDistributions\">{{\n      $t('message.dataupload.info.deleteDistribution') }}</button>\n\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, nextTick, computed } from 'vue';\nimport { useStore } from 'vuex';\nimport DistributionStepper from '../components/DistributionStepper.vue';\nimport { cloneDeep } from 'lodash';\nimport { useDpiStepper } from '../composables/useDpiStepper';\n\nconst props = defineProps({\n  values: Object,\n  schema: Object,\n})\n\nconst disIndex = ref([])\nconst store = useStore();\n\nconst list = ref({\n  disList: [],\n})\nonMounted(async () => {\n  // Load DOM\n  await nextTick()\n  if (props.values.Distributions.distributionList.length != 0) {\n    for (let index = 0; index < props.values.Distributions.distributionList.length; index++) {\n      disIndex.value.push('distribution ' + index)\n      list.value.disList.push({ 'name': 'distribution ' + index, 'isActive': false })\n    }\n  }\n})\nconst addDistribution = () => {\n  list.value.disList.push({ 'name': 'distribution ' + list.value.disList.length, 'isActive': false })\n  editDis(list.value.disList.length - 1)\n}\nconst editDis = (i) => {\n  list.value.disList.forEach((el, index) => {\n    if (i != index) {\n      el.isActive = false\n    }\n  }\n  )\n  list.value.disList[i].isActive = !list.value.disList[i].isActive\n}\nconst removeDis = (i) => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList.splice(i, 1);\n\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n  list.value.disList.splice(i, 1)\n}\nconst deleteAllDistributions = () => {\n  const newValues = cloneDeep(props.values);\n  newValues.Distributions.distributionList = [];\n  store.dispatch('dpiStore/saveFormValues', { property: 'datasets', values: newValues });\n\n  list.value.disList = []\n}\n\n\n</script>"],"names":["props","__props","disIndex","ref","store","useStore","list","onMounted","nextTick","index","addDistribution","editDis","i","el","removeDis","newValues","cloneDeep","deleteAllDistributions"],"mappings":";;;;;;;;;;;;;;;AAwCA,UAAMA,IAAQC,GAKRC,IAAWC,EAAI,EAAE,GACjBC,IAAQC,EAAQ,GAEhBC,IAAOH,EAAI;AAAA,MACf,SAAS,CAAE;AAAA,IACb,CAAC;AACD,IAAAI,EAAU,YAAY;AAGpB,UADA,MAAMC,EAAS,GACXR,EAAM,OAAO,cAAc,iBAAiB,UAAU;AACxD,iBAASS,IAAQ,GAAGA,IAAQT,EAAM,OAAO,cAAc,iBAAiB,QAAQS;AAC9E,UAAAP,EAAS,MAAM,KAAK,kBAAkBO,CAAK,GAC3CH,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBG,GAAO,UAAY,IAAO;AAAA,IAGpF,CAAC;AACD,UAAMC,IAAkB,MAAM;AAC5B,MAAAJ,EAAK,MAAM,QAAQ,KAAK,EAAE,MAAQ,kBAAkBA,EAAK,MAAM,QAAQ,QAAQ,UAAY,GAAK,CAAE,GAClGK,EAAQL,EAAK,MAAM,QAAQ,SAAS,CAAC;AAAA,IACvC,GACMK,IAAU,CAACC,MAAM;AACrB,MAAAN,EAAK,MAAM,QAAQ;AAAA,QAAQ,CAACO,GAAIJ,MAAU;AACxC,UAAIG,KAAKH,MACPI,EAAG,WAAW;AAAA,QAElB;AAAA,MACA,GACAP,EAAK,MAAM,QAAQM,CAAC,EAAE,WAAW,CAACN,EAAK,MAAM,QAAQM,CAAC,EAAE;AAAA,IAC1D,GACME,IAAY,CAACF,MAAM;AACvB,YAAMG,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,iBAAiB,OAAOH,GAAG,CAAC,GAEpDR,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GACrFT,EAAK,MAAM,QAAQ,OAAOM,GAAG,CAAC;AAAA,IAChC,GACMK,IAAyB,MAAM;AACnC,YAAMF,IAAYC,EAAUhB,EAAM,MAAM;AACxC,MAAAe,EAAU,cAAc,mBAAmB,IAC3CX,EAAM,SAAS,2BAA2B,EAAE,UAAU,YAAY,QAAQW,EAAS,CAAE,GAErFT,EAAK,MAAM,UAAU,CAAC;AAAA,IACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { truncate } from '../../utils/helpers';
-declare const _default: import('vue').DefineComponent<Readonly<{
+declare const _default: import('vue').DefineComponent<{
     distributionOverviewPage?: any;
-}>, any, {
+}, {}, {
     distributionToDelete: number;
     distributionData: never[];
 }, {
@@ -22,9 +22,7 @@ declare const _default: import('vue').DefineComponent<Readonly<{
     deleteDistribution: import('vuex').ActionMethod;
     addDistribution: import('vuex').ActionMethod;
     setDeleteDistributionInline: import('vuex').ActionMethod;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     distributionOverviewPage?: any;
-}>>>, {
-    readonly distributionOverviewPage?: any;
-}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;