npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.1.2 → 4.1.3 - Mend

@piveau/piveau-hub-ui-modules 4.1.2 → 4.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/data-provider-interface/DataProviderInterface.vue.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 import { defineAsyncComponent as s, resolveComponent as n, openBlock as t, createElementBlock as i, createBlock as d } from "vue";
-import { mapGetters as p, mapActions as o } from "vuex";
+import { mapGetters as p, mapActions as a } from "vuex";
 import "./DataProviderInterface.vue2.mjs";
 import c from "../_virtual/_plugin-vue_export-helper.mjs";
-const l = {
+const m = {
   name: "DataProviderInterface",
   components: {
     InputPage: s(() => import("./views/InputPage.vue.mjs"))
@@ -33,10 +33,10 @@ const l = {
     }
   },
   methods: {
-    ...o("dpiStore", [
+    ...a("dpiStore", [
       "saveLocalstorageValues"
     ]),
-    ...o("auth", [
+    ...a("auth", [
       "populateDraftAndEdit"
     ]),
     getClearPath() {
@@ -45,8 +45,7 @@ const l = {
     handleScroll() {
       try {
         document.getElementById("stepperAnchor").offsetTop >= 35 ? document.getElementById("stepperAnchor").classList.add("border-bottom-lightgray") : document.getElementById("stepperAnchor").classList.remove("border-bottom-lightgray");
-      } catch (e) {
-        console.log(e);
+      } catch {
       }
     }
   },
@@ -60,11 +59,11 @@ const l = {
     window.removeEventListener("scroll", this.handleScroll);
   }
 };
-function m(e, u, h, g, a, $) {
+function l(e, u, h, g, o, $) {
   const r = n("router-view");
   return t(), i("div", {
     class: "d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100",
-    key: a.property
+    key: o.property
   }, [
     (t(), d(r, {
       ref: "view",
@@ -72,7 +71,7 @@ function m(e, u, h, g, a, $) {
     }))
   ]);
 }
-const E = /* @__PURE__ */ c(l, [["render", m]]);
+const E = /* @__PURE__ */ c(m, [["render", l]]);
 export {
   E as default
 };

package/dist/data-provider-interface/DataProviderInterface.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n <!-- CONTENT -->\n <router-view ref=\"view\" :key=\"$route.query.edit\">\n </router-view>\n </div>\n</template>\n\n<script>\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { defineAsyncComponent } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage')),\n },\n props: ['name'],\n metaInfo() {\n return {\n title: `${this.$t('message.metadata.upload')} \| ${this.$t('message.header.navigation.data.datasets')}`,\n meta: [\n { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n { name: 'robots', content: 'noindex, follow' },\n ],\n };\n },\n data() {\n return {\n property: this.$route.params.property,\n id: this.$route.params.id,\n };\n },\n computed: {\n ...mapGetters('auth', [\n 'getIsEditMode',\n ]),\n mode() {\n return this.property === 'catalogues'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editCatalogue')\n : this.$t('message.dataupload.createNewCatalogue')\n : this.property === 'datasets'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editDataset')\n : this.$t('message.dataupload.createNewDataset')\n : 'Edit Distribution';\n },\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n ...mapActions('auth', [\n 'populateDraftAndEdit',\n ]),\n getClearPath() {\n return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n },\n handleScroll() {\n try {\n if (document.getElementById(\"stepperAnchor\").offsetTop >= 35) {\n document.getElementById(\"stepperAnchor\").classList.add(\"border-bottom-lightgray\");\n }\n else {\n document.getElementById(\"stepperAnchor\").classList.remove(\"border-bottom-lightgray\");\n }\n } catch (error) {\n console.log(error);\n }\n }\n\n },\n created() {\n window.addEventListener('scroll', this.handleScroll);\n this.populateDraftAndEdit();\n },\n mounted() {\n this.saveLocalstorageValues(this.property);\n },\n unmounted() {\n window.removeEventListener('scroll', this.handleScroll);\n },\n};\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n position: sticky;\n top: 0;\n background: #ffffff;\n z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n margin: 1vh 0;\n display: flex;\n align-items: center;\n}\n\n.stickyStepper .stickyNav {\n border-left: 1px solid black;\n margin-left: 1vh;\n padding-left: 1vh;\n}\n\n#stepper {\n width: 100% !important;\n}\n\n#input {\n padding: 10px;\n}\n\n.small-headline {\n font-size: 1.5rem;\n min-width: max-content;\n}\n\n.property {\n margin: 20px;\n background-color: #ffffff;\n border: solid 0.5px rgb(225, 225, 225);\n margin-top: 30px;\n}\n\n.infoBox .material-icons {\n font-size: 20px;\n vertical-align: text-bottom;\n margin-right: 5px;\n margin-bottom: 1px;\n}\n\n.infoBox {\n width: 100%;\n height: 30%;\n background-color: #f7f7f7;\n padding: 5%;\n border-radius: 0.25rem;\n margin-top: 20px;\n\n .input_subpage_nav {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 15px;\n }\n}\n\n.besides {\n .formkit-input-group-repeatable {\n display: flex;\n flex-direction: row;\n background-color: transparent;\n padding: 0px;\n }\n}\n\n.main {\n width: 75%;\n margin: 0 5px 0 5px;\n}\n\n.sub {\n width: 20%;\n margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n position: sticky;\n top: 154px;\n z-index: 10;\n width: 100%;\n padding: 0 10%;\n\n .step-progress__bar {\n border-top: none !important;\n }\n\n .step-progress__step--active {\n .step-progress__step-label {\n background-color: lightsteelblue !important;\n }\n\n }\n}\n\n.step-progress__step span{\n \n color:white !important;\n \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n// .step-progress__step {\n// display: flex;\n// align-items: center;\n// justify-content: center;\n// height: 70%;\n// width: 20%;\n// display: flex;\n// align-items: center;\n// z-index: 1;\n\n\n// span {\n// color: grey;\n// font-size: 18px;\n// display: none;\n// }\n\n// div {\n// padding: 1rem;\n// height: 100%;\n// display: flex;\n// align-items: center;\n// color: white;\n// font-weight: 300;\n\n// }\n\n// .step-progress__step-label {\n\n// background: lightgrey;\n// background-size: 400% 400%;\n// background-position: 100% 0%;\n// transition: all 300ms ease-in-out;\n// border-right: 1px white solid;\n// font-size: 14px;\n// display: flex;\n// align-items: center;\n// justify-content: center;\n\n\n// }\n\n\n// .step-progress__step-label:hover {\n// background-position: 65% 0%;\n// color: black;\n\n// }\n\n// }\n\n// .step-progress__step--active {\n\n// z-index: 7 !important;\n\n\n// span {\n// color: black;\n// }\n\n// div {\n// background: white;\n// }\n\n// .step-progress__step-label {\n// background: rgb(236, 236, 236);\n// background-position: 50% 0%;\n// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n// transform: scale(1.1);\n// z-index: 8;\n// font-size: 16px;\n// }\n\n// }\n\n// .step-progress__step--valid {\n// div {\n// color: white;\n\n// }\n\n// .step-progress__step-label {\n// background: rgba(0, 235, 0, 0.2);\n// color: lightslategrey;\n\n\n// }\n\n// .step-progress__step-label:hover {\n// color: black;\n// }\n// }\n\n// .step-progress__step--active .step-progress__step-label {\n// color: rgb(31, 31, 31);\n// }\n\n// .step-progress__wrapper-after {\n// display: none;\n// }\n\n// .step-progress__step-icon {\n// display: none !important;\n// }\n\n// .step-progress__bar {\n// margin: 0;\n// height: 5rem;\n// border-top: 1px solid lightslategray;\n\n// }\n\n// .step-progress__step-label {\n// position: unset;\n// transform: unset;\n// flex-grow: 1;\n// }\n\n// .step-progress__step {}\n\n// .step-progress__wrapper-before {\n// display: none !important;\n// }\n\n// #stepper .step-progress__step::after {\n// display: none !important;\n// }\n// }\n#stepper .step-progress__step{\n border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n font-size: 25px;\n}\n.step-progress__step-label{\n cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n border: none;\n padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n font-weight: 400;\n}\n\n.formkit-input-error {\n color: #e13737 !important;\n font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n &-input {\n .formkit {\n &-input {\n &-element {\n max-width: 100%;\n }\n\n &-error {\n font-weight: bold;\n }\n }\n }\n }\n\n .formkit-input-group-add-more {\n display: flex;\n justify-content: flex-end;\n\n button {\n border: black;\n }\n }\n\n .formkit-input {\n &[data-classification=\"text\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n &[data-classification=\"select\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n }\n\n .formkit-input[data-classification=\"button\"] {\n button {\n &[data-ghost] {\n color: white;\n background-color: #001d85;\n border-color: #001d85;\n border-radius: 1.875rem;\n\n &:hover {\n background-color: #196fd2;\n border-color: #196fd2;\n }\n }\n }\n }\n}\n\n.formkit-input.besides {\n border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n &--textarea {\n width: 100%;\n }\n}\n\n.formkit-input-element--group {\n display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n// .step-progress__step::after {\n// display: none;\n// }\n\n// .step-progress__step-label {\n// cursor: pointer;\n// }\n// }\n</style>\n"],"names":["_sfc_main","defineAsyncComponent","mapGetters","mapActions","error","_createElementBlock","$data","_createBlock","_component_router_view","_ctx"],"mappings":";;;;AAaA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAWC,EAAqB,MAAM,OAAO,2BAAmB,CAAC;AAAA,EAClE;AAAA,EACD,OAAO,CAAC,MAAM;AAAA,EACd,WAAW;AACT,WAAO;AAAA,MACL,OAAO,GAAG,KAAK,GAAG,yBAAyB,CAAC,MAAM,KAAK,GAAG,yCAAyC,CAAC;AAAA,MACpG,MAAM;AAAA,QACJ,EAAE,MAAM,eAAe,MAAM,eAAe,SAAS,GAAG,KAAK,GAAG,mCAAmC,CAAC,GAAI;AAAA,QACxG,EAAE,MAAM,YAAY,MAAM,YAAY,SAAS,GAAG,KAAK,KAAK,SAAS,QAAQ,IAAI,KAAK,GAAG,mCAAmC,CAAC,IAAK;AAAA,QAClI,EAAE,MAAM,UAAU,SAAS,kBAAmB;AAAA,MAC/C;AAAA;EAEJ;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,OAAO,OAAO;AAAA,MAC7B,IAAI,KAAK,OAAO,OAAO;AAAA;EAE1B;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AACL,aAAO,KAAK,aAAa,eACrB,KAAK,gBACH,KAAK,GAAG,uCAAuC,IAC/C,KAAK,GAAG,uCAAuC,IACjD,KAAK,aAAa,aAChB,KAAK,gBACH,KAAK,GAAG,qCAAqC,IAC7C,KAAK,GAAG,qCAAqC,IAC/C;AAAA,IACP;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,eAAe;AACb,aAAO,GAAG,KAAK,KAAK,QAAQ,sBAAsB,QAAQ,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM,MAAM;AAAA,IACxG;AAAA,IACD,eAAe;AACb,UAAI;AACF,QAAI,SAAS,eAAe,eAAe,EAAE,aAAa,KACxD,SAAS,eAAe,eAAe,EAAE,UAAU,IAAI,yBAAyB,IAGhF,SAAS,eAAe,eAAe,EAAE,UAAU,OAAO,yBAAyB;AAAA,MAErF,SAAOC,GAAO;AACd,gBAAQ,IAAIA,CAAK;AAAA,MACnB;AAAA,IACF;AAAA,EAED;AAAA,EACD,UAAU;AACR,WAAO,iBAAiB,UAAU,KAAK,YAAY,GACnD,KAAK,qBAAoB;AAAA,EAC1B;AAAA,EACD,UAAU;AACR,SAAK,uBAAuB,KAAK,QAAQ;AAAA,EAC1C;AAAA,EACD,YAAY;AACV,WAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,EACvD;AACH;;;cApFEC,EAIM,OAAA;AAAA,IAJD,OAAM;AAAA,IAAyG,KAAKC,EAAQ;AAAA;UAE/HC,EACcC,GAAA;AAAA,MADD,KAAI;AAAA,MAAQ,KAAKC,EAAA,OAAO,MAAM;AAAA;;;;"}
1	+ {"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n <!-- CONTENT -->\n <router-view ref=\"view\" :key=\"$route.query.edit\">\n </router-view>\n </div>\n</template>\n\n<script>\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { defineAsyncComponent } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage')),\n },\n props: ['name'],\n metaInfo() {\n return {\n title: `${this.$t('message.metadata.upload')} \| ${this.$t('message.header.navigation.data.datasets')}`,\n meta: [\n { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n { name: 'robots', content: 'noindex, follow' },\n ],\n };\n },\n data() {\n return {\n property: this.$route.params.property,\n id: this.$route.params.id,\n };\n },\n computed: {\n ...mapGetters('auth', [\n 'getIsEditMode',\n ]),\n mode() {\n return this.property === 'catalogues'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editCatalogue')\n : this.$t('message.dataupload.createNewCatalogue')\n : this.property === 'datasets'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editDataset')\n : this.$t('message.dataupload.createNewDataset')\n : 'Edit Distribution';\n },\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n ...mapActions('auth', [\n 'populateDraftAndEdit',\n ]),\n getClearPath() {\n return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n },\n handleScroll() {\n try {\n if (document.getElementById(\"stepperAnchor\").offsetTop >= 35) {\n document.getElementById(\"stepperAnchor\").classList.add(\"border-bottom-lightgray\");\n }\n else {\n document.getElementById(\"stepperAnchor\").classList.remove(\"border-bottom-lightgray\");\n }\n } catch (error) {\n \n }\n }\n\n },\n created() {\n window.addEventListener('scroll', this.handleScroll);\n this.populateDraftAndEdit();\n },\n mounted() {\n this.saveLocalstorageValues(this.property);\n },\n unmounted() {\n window.removeEventListener('scroll', this.handleScroll);\n },\n};\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n position: sticky;\n top: 0;\n background: #ffffff;\n z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n margin: 1vh 0;\n display: flex;\n align-items: center;\n}\n\n.stickyStepper .stickyNav {\n border-left: 1px solid black;\n margin-left: 1vh;\n padding-left: 1vh;\n}\n\n#stepper {\n width: 100% !important;\n}\n\n#input {\n padding: 10px;\n}\n\n.small-headline {\n font-size: 1.5rem;\n min-width: max-content;\n}\n\n.property {\n margin: 20px;\n background-color: #ffffff;\n border: solid 0.5px rgb(225, 225, 225);\n margin-top: 30px;\n}\n\n.infoBox .material-icons {\n font-size: 20px;\n vertical-align: text-bottom;\n margin-right: 5px;\n margin-bottom: 1px;\n}\n\n.infoBox {\n width: 100%;\n height: 30%;\n background-color: #f7f7f7;\n padding: 5%;\n border-radius: 0.25rem;\n margin-top: 20px;\n\n .input_subpage_nav {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 15px;\n }\n}\n\n.besides {\n .formkit-input-group-repeatable {\n display: flex;\n flex-direction: row;\n background-color: transparent;\n padding: 0px;\n }\n}\n\n.main {\n width: 75%;\n margin: 0 5px 0 5px;\n}\n\n.sub {\n width: 20%;\n margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n position: sticky;\n top: 154px;\n z-index: 10;\n width: 100%;\n padding: 0 10%;\n\n .step-progress__bar {\n border-top: none !important;\n }\n\n .step-progress__step--active {\n .step-progress__step-label {\n background-color: lightsteelblue !important;\n }\n\n }\n}\n\n.step-progress__step span{\n \n color:white !important;\n \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n// .step-progress__step {\n// display: flex;\n// align-items: center;\n// justify-content: center;\n// height: 70%;\n// width: 20%;\n// display: flex;\n// align-items: center;\n// z-index: 1;\n\n\n// span {\n// color: grey;\n// font-size: 18px;\n// display: none;\n// }\n\n// div {\n// padding: 1rem;\n// height: 100%;\n// display: flex;\n// align-items: center;\n// color: white;\n// font-weight: 300;\n\n// }\n\n// .step-progress__step-label {\n\n// background: lightgrey;\n// background-size: 400% 400%;\n// background-position: 100% 0%;\n// transition: all 300ms ease-in-out;\n// border-right: 1px white solid;\n// font-size: 14px;\n// display: flex;\n// align-items: center;\n// justify-content: center;\n\n\n// }\n\n\n// .step-progress__step-label:hover {\n// background-position: 65% 0%;\n// color: black;\n\n// }\n\n// }\n\n// .step-progress__step--active {\n\n// z-index: 7 !important;\n\n\n// span {\n// color: black;\n// }\n\n// div {\n// background: white;\n// }\n\n// .step-progress__step-label {\n// background: rgb(236, 236, 236);\n// background-position: 50% 0%;\n// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n// transform: scale(1.1);\n// z-index: 8;\n// font-size: 16px;\n// }\n\n// }\n\n// .step-progress__step--valid {\n// div {\n// color: white;\n\n// }\n\n// .step-progress__step-label {\n// background: rgba(0, 235, 0, 0.2);\n// color: lightslategrey;\n\n\n// }\n\n// .step-progress__step-label:hover {\n// color: black;\n// }\n// }\n\n// .step-progress__step--active .step-progress__step-label {\n// color: rgb(31, 31, 31);\n// }\n\n// .step-progress__wrapper-after {\n// display: none;\n// }\n\n// .step-progress__step-icon {\n// display: none !important;\n// }\n\n// .step-progress__bar {\n// margin: 0;\n// height: 5rem;\n// border-top: 1px solid lightslategray;\n\n// }\n\n// .step-progress__step-label {\n// position: unset;\n// transform: unset;\n// flex-grow: 1;\n// }\n\n// .step-progress__step {}\n\n// .step-progress__wrapper-before {\n// display: none !important;\n// }\n\n// #stepper .step-progress__step::after {\n// display: none !important;\n// }\n// }\n#stepper .step-progress__step{\n border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n font-size: 25px;\n}\n.step-progress__step-label{\n cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n border: none;\n padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n font-weight: 400;\n}\n\n.formkit-input-error {\n color: #e13737 !important;\n font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n &-input {\n .formkit {\n &-input {\n &-element {\n max-width: 100%;\n }\n\n &-error {\n font-weight: bold;\n }\n }\n }\n }\n\n .formkit-input-group-add-more {\n display: flex;\n justify-content: flex-end;\n\n button {\n border: black;\n }\n }\n\n .formkit-input {\n &[data-classification=\"text\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n &[data-classification=\"select\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n }\n\n .formkit-input[data-classification=\"button\"] {\n button {\n &[data-ghost] {\n color: white;\n background-color: #001d85;\n border-color: #001d85;\n border-radius: 1.875rem;\n\n &:hover {\n background-color: #196fd2;\n border-color: #196fd2;\n }\n }\n }\n }\n}\n\n.formkit-input.besides {\n border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n &--textarea {\n width: 100%;\n }\n}\n\n.formkit-input-element--group {\n display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n// .step-progress__step::after {\n// display: none;\n// }\n\n// .step-progress__step-label {\n// cursor: pointer;\n// }\n// }\n</style>\n"],"names":["_sfc_main","defineAsyncComponent","mapGetters","mapActions","_createElementBlock","$data","_createBlock","_component_router_view","_ctx"],"mappings":";;;;AAaA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAWC,EAAqB,MAAM,OAAO,2BAAmB,CAAC;AAAA,EAClE;AAAA,EACD,OAAO,CAAC,MAAM;AAAA,EACd,WAAW;AACT,WAAO;AAAA,MACL,OAAO,GAAG,KAAK,GAAG,yBAAyB,CAAC,MAAM,KAAK,GAAG,yCAAyC,CAAC;AAAA,MACpG,MAAM;AAAA,QACJ,EAAE,MAAM,eAAe,MAAM,eAAe,SAAS,GAAG,KAAK,GAAG,mCAAmC,CAAC,GAAI;AAAA,QACxG,EAAE,MAAM,YAAY,MAAM,YAAY,SAAS,GAAG,KAAK,KAAK,SAAS,QAAQ,IAAI,KAAK,GAAG,mCAAmC,CAAC,IAAK;AAAA,QAClI,EAAE,MAAM,UAAU,SAAS,kBAAmB;AAAA,MAC/C;AAAA;EAEJ;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,OAAO,OAAO;AAAA,MAC7B,IAAI,KAAK,OAAO,OAAO;AAAA;EAE1B;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AACL,aAAO,KAAK,aAAa,eACrB,KAAK,gBACH,KAAK,GAAG,uCAAuC,IAC/C,KAAK,GAAG,uCAAuC,IACjD,KAAK,aAAa,aAChB,KAAK,gBACH,KAAK,GAAG,qCAAqC,IAC7C,KAAK,GAAG,qCAAqC,IAC/C;AAAA,IACP;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,eAAe;AACb,aAAO,GAAG,KAAK,KAAK,QAAQ,sBAAsB,QAAQ,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM,MAAM;AAAA,IACxG;AAAA,IACD,eAAe;AACb,UAAI;AACF,QAAI,SAAS,eAAe,eAAe,EAAE,aAAa,KACxD,SAAS,eAAe,eAAe,EAAE,UAAU,IAAI,yBAAyB,IAGhF,SAAS,eAAe,eAAe,EAAE,UAAU,OAAO,yBAAyB;AAAA,MAErF,QAAc;AAAA,MAEhB;AAAA,IACF;AAAA,EAED;AAAA,EACD,UAAU;AACR,WAAO,iBAAiB,UAAU,KAAK,YAAY,GACnD,KAAK,qBAAoB;AAAA,EAC1B;AAAA,EACD,UAAU;AACR,SAAK,uBAAuB,KAAK,QAAQ;AAAA,EAC1C;AAAA,EACD,YAAY;AACV,WAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,EACvD;AACH;;;cApFEC,EAIM,OAAA;AAAA,IAJD,OAAM;AAAA,IAAyG,KAAKC,EAAQ;AAAA;UAE/HC,EACcC,GAAA;AAAA,MADD,KAAI;AAAA,MAAQ,KAAKC,EAAA,OAAO,MAAM;AAAA;;;;"}

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

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

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

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

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

@@ -1,79 +1,80 @@
-import { computed as y, ref as r, getCurrentInstance as V, onMounted as w, openBlock as l, createElementBlock as n, createElementVNode as d, toDisplayString as u, createTextVNode as p, createBlock as b, unref as t, isRef as S, withDirectives as E, Fragment as C, renderList as h, createCommentVNode as N, vShow as $ } from "vue";
+import { computed as y, ref as a, onMounted as V, openBlock as l, createElementBlock as s, createElementVNode as c, toDisplayString as u, createTextVNode as m, createBlock as b, unref as t, isRef as w, withDirectives as E, Fragment as C, renderList as h, createCommentVNode as S, vShow as N } from "vue";
 import { useStore as q } from "vuex";
-import { getNode as i } from "@formkit/core";
+import { getNode as d } from "@formkit/core";
 import { onClickOutside as B } from "../../external/@vueuse/core/index";
 import "axios";
+import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.mjs";
 import "lodash-es";
 import { FormKit as x } from "@formkit/vue";
 import "./SimpleSelect.vue2.mjs";
-const F = { class: "formkitProperty" }, A = { class: "position-relative formkitCmpWrap" }, D = ["onClick"], K = ["onClick"], z = {
+const R = { class: "formkitProperty" }, $ = { class: "position-relative formkitCmpWrap" }, A = ["onClick"], D = ["onClick"], G = {
   __name: "SimpleSelect",
   props: {
     context: Object
   },
   setup(_) {
-    const a = _, I = y(() => m.getters["auth/getUserCatalogIds"]);
-    let o = r();
-    const m = q(), v = r(null), g = r();
-    r(!0), g.value = y(() => m.getters["auth/getIsEditMode"]);
-    let f = r([]);
-    V().appContext.app.config.globalProperties.$env, B(v, (s) => o.value = !1);
-    const k = async (s) => {
-      a.context.node.input(s.id), o.value = !o.value, i("dcat:catalog").value = s;
+    const r = _, I = y(() => p.getters["auth/getUserCatalogIds"]);
+    let o = a();
+    const p = q(), v = a(null), g = a();
+    a(!0), g.value = y(() => p.getters["auth/getIsEditMode"]);
+    let f = a([]);
+    F(), B(v, (n) => o.value = !1);
+    const k = async (n) => {
+      r.context.node.input(n.id), o.value = !o.value, d("dcat:catalog").value = n;
     };
-    return w(async () => {
-    }), (s, c) => (l(), n("div", F, [
-      d("h4", null, u(a.context.label), 1),
-      p(),
-      d("div", A, [
+    return V(async () => {
+    }), (n, i) => (l(), s("div", R, [
+      c("h4", null, u(r.context.label), 1),
+      m(),
+      c("div", $, [
         g.value.value ? (l(), b(t(x), {
           key: 0,
           class: "autocompleteInputfield",
           type: "text",
           readonly: "",
-          placeholder: t(i)("dcat:catalog").value,
-          name: a.context.node.name
+          placeholder: t(d)("dcat:catalog").value,
+          name: r.context.node.name
         }, null, 8, ["placeholder", "name"])) : (l(), b(t(x), {
           key: 1,
           class: "autocompleteInputfield",
-          modelValue: t(i)("dcat:catalog").value,
-          "onUpdate:modelValue": c[0] || (c[0] = (e) => t(i)("dcat:catalog").value = e),
-          placeholder: a.context.attrs.placeholder,
+          modelValue: t(d)("dcat:catalog").value,
+          "onUpdate:modelValue": i[0] || (i[0] = (e) => t(d)("dcat:catalog").value = e),
+          placeholder: r.context.attrs.placeholder,
           type: "text",
-          onClick: c[1] || (c[1] = (e) => S(o) ? o.value = !t(o) : o = !t(o)),
+          onClick: i[1] || (i[1] = (e) => w(o) ? o.value = !t(o) : o = !t(o)),
           validation: "required",
           mandatory: "true",
           readonly: "",
           "validation-messages": {
             required: "The catalog is required"
           },
-          name: a.context.node.name
+          name: r.context.node.name
         }, null, 8, ["modelValue", "placeholder", "name"])),
-        p(),
-        E(d("ul", {
+        m(),
+        E(c("ul", {
           ref_key: "dropdownList",
           ref: v,
           class: "autocompleteResultList selectListFK"
         }, [
-          (l(!0), n(C, null, h(t(f), (e) => (l(), n("li", {
+          (l(!0), s(C, null, h(t(f), (e) => (l(), s("li", {
             key: e,
             onClick: (L) => k(e),
             class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-          }, u(e.id), 9, D))), 128)),
-          p(),
-          t(f).length === 0 ? (l(!0), n(C, { key: 0 }, h(I.value, (e) => (l(), n("li", {
+          }, u(e.id), 9, A))), 128)),
+          m(),
+          t(f).length === 0 ? (l(!0), s(C, { key: 0 }, h(I.value, (e) => (l(), s("li", {
             key: e,
             onClick: (L) => k(e),
             class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
-          }, u(e), 9, K))), 128)) : N("", !0)
+          }, u(e), 9, D))), 128)) : S("", !0)
         ], 512), [
-          [$, t(o)]
+          [N, t(o)]
         ])
       ])
     ]));
   }
 };
 export {
-  z as default
+  G as default
 };
 //# sourceMappingURL=SimpleSelect.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { ~~getCurrentInstance~~ } from \"~~vue~~\";\nimport {\n has,\n isNil,\n} from 'lodash-es';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n context: Object\n})\n\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nlet showList = ref()\n// let selection = ref()\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nlet validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nlet filteredCatalogs = ref([])\nlet env = ~~getCurrentInstance~~()~~.appContext.app.config.globalProperties.$env;\~~n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n \n validationTrigger = false\n props.context.node.input(e.id)\n showList.value = !showList.value;\n getNode('dcat:catalog').value = e\n}\nlet filterCatList = async () => {\n let cache;\n await axios\n .get(env.api.baseUrl + 'search?filter=catalogue')\n .then(response => (cache = response))\n .catch((err) => {\n reject(err);\n });\n\n cache.data.result.results.forEach((e) => {\n if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n });\n\n filteredCatalogs.value = filteredCatalogs.value\n .filter(item => userCats.value.includes(item.id))\n .map(item => ({ id: item.id, name: item.title }));\n}\nonMounted(async () => {\n // filterCatList()\n});\n</script>\n<template>\n\n\n <div class=\"formkitProperty\">\n <h4>{{ props.context.label }}</h4>\n\n <div class=\"position-relative formkitCmpWrap\">\n <FormKit v-if=\"isEditMode.value\" class=\"autocompleteInputfield\" type=\"text\" readonly\n :placeholder=\"getNode('dcat:catalog').value\" :name=\"props.context.node.name\" />\n <FormKit v-else class=\"autocompleteInputfield\" v-model=\"getNode('dcat:catalog').value\"\n :placeholder=\"props.context.attrs.placeholder\" type=\"text\" @click=\"showList = !showList\"\n validation=\"required\" mandatory=\"true\" readonly :validation-messages=\"{\n required: 'The catalog is required',\n }\" :name=\"props.context.node.name\" />\n\n <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK\">\n\n <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n match.id }}\n </li>\n <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\"\n @click=\"setvalue(idMatch)\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n idMatch }}\n </li>\n </ul>\n </div>\n\n\n </div>\n\n</template>\n<style>\n.selectListFK {\n max-height: 20rem;\n overflow: overlay;\n overflow-x: hidden;\n}\n</style>"],"names":["props","__props","userCats","computed","store","showList","ref","useStore","dropdownList","isEditMode","filteredCatalogs","~~getCurrentInstance~~","onClickOutside","event","setvalue","e","getNode","onMounted"],"mappings":"~~;;;;;;;;;;;;;;~~AAaA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMC,EAAM,QAAQ,wBAAwB,CAAC;AACvE,QAAIC,IAAWC,EAAK;AAEpB,UAAMF,IAAQG,EAAU,GAClBC,IAAeF,EAAI,IAAI,GACvBG,IAAaH,EAAK;AACA,IAAAA,EAAI,EAAI,GAChCG,EAAW,QAAQN,EAAS,MAAMC,EAAM,QAAQ,oBAAoB,CAAC;AACrE,QAAIM,IAAmBJ,EAAI,EAAE;AACnB,IAAAK,~~EAAkB~~,~~EAAG~~,~~WAAW,IAAI,OAAO,iBAAiB,MAEtEC,~~EAAeJ,GAAc,CAAAK,MAASR,EAAS,QAAQ,EAAK;AAE5D,UAAMS,IAAW,OAAOC,MAAM;AAG1B,MAAAf,EAAM,QAAQ,KAAK,MAAMe,EAAE,EAAE,GAC7BV,EAAS,QAAQ,CAACA,EAAS,OAC3BW,EAAQ,cAAc,EAAE,QAAQD;AAAA,IACpC;AAkBA,WAAAE,EAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"SimpleSelect.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleSelect.vue"],"sourcesContent":["<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { getNode } from '@formkit/core'\nimport { onClickOutside } from '@vueuse/core'\nimport axios from 'axios'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport {\n has,\n isNil,\n} from 'lodash-es';\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n context: Object\n})\n\nconst userCats = computed(() => store.getters['auth/getUserCatalogIds']);\nlet showList = ref()\n// let selection = ref()\nconst store = useStore()\nconst dropdownList = ref(null)\nconst isEditMode = ref()\nlet validationTrigger = ref(true)\nisEditMode.value = computed(() => store.getters['auth/getIsEditMode']);\nlet filteredCatalogs = ref([])\nlet env = useRuntimeEnv()\n\n\nonClickOutside(dropdownList, event => showList.value = false)\n\nconst setvalue = async (e) => {\n \n validationTrigger = false\n props.context.node.input(e.id)\n showList.value = !showList.value;\n getNode('dcat:catalog').value = e\n}\nlet filterCatList = async () => {\n let cache;\n await axios\n .get(env.api.baseUrl + 'search?filter=catalogue')\n .then(response => (cache = response))\n .catch((err) => {\n reject(err);\n });\n\n cache.data.result.results.forEach((e) => {\n if (has(e, 'title') && !isNil(e.title) && has(e, 'id') && !isNil(e.id)) filteredCatalogs.value.push({ title: Object.values(e.title)[0], id: e.id })\n });\n\n filteredCatalogs.value = filteredCatalogs.value\n .filter(item => userCats.value.includes(item.id))\n .map(item => ({ id: item.id, name: item.title }));\n}\nonMounted(async () => {\n // filterCatList()\n});\n</script>\n<template>\n\n\n <div class=\"formkitProperty\">\n <h4>{{ props.context.label }}</h4>\n\n <div class=\"position-relative formkitCmpWrap\">\n <FormKit v-if=\"isEditMode.value\" class=\"autocompleteInputfield\" type=\"text\" readonly\n :placeholder=\"getNode('dcat:catalog').value\" :name=\"props.context.node.name\" />\n <FormKit v-else class=\"autocompleteInputfield\" v-model=\"getNode('dcat:catalog').value\"\n :placeholder=\"props.context.attrs.placeholder\" type=\"text\" @click=\"showList = !showList\"\n validation=\"required\" mandatory=\"true\" readonly :validation-messages=\"{\n required: 'The catalog is required',\n }\" :name=\"props.context.node.name\" />\n\n <ul ref=\"dropdownList\" v-show=\"showList\" class=\"autocompleteResultList selectListFK\">\n\n <li v-for=\"match in filteredCatalogs\" :key=\"match\" @click=\"setvalue(match)\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n match.id }}\n </li>\n <li v-if=\"filteredCatalogs.length === 0\" v-for=\"idMatch in userCats\" :key=\"idMatch\"\n @click=\"setvalue(idMatch)\"\n class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{\n idMatch }}\n </li>\n </ul>\n </div>\n\n\n </div>\n\n</template>\n<style>\n.selectListFK {\n max-height: 20rem;\n overflow: overlay;\n overflow-x: hidden;\n}\n</style>"],"names":["props","__props","userCats","computed","store","showList","ref","useStore","dropdownList","isEditMode","filteredCatalogs","useRuntimeEnv","onClickOutside","event","setvalue","e","getNode","onMounted"],"mappings":";;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMC,EAAM,QAAQ,wBAAwB,CAAC;AACvE,QAAIC,IAAWC,EAAK;AAEpB,UAAMF,IAAQG,EAAU,GAClBC,IAAeF,EAAI,IAAI,GACvBG,IAAaH,EAAK;AACA,IAAAA,EAAI,EAAI,GAChCG,EAAW,QAAQN,EAAS,MAAMC,EAAM,QAAQ,oBAAoB,CAAC;AACrE,QAAIM,IAAmBJ,EAAI,EAAE;AACnB,IAAAK,EAAe,GAGzBC,EAAeJ,GAAc,CAAAK,MAASR,EAAS,QAAQ,EAAK;AAE5D,UAAMS,IAAW,OAAOC,MAAM;AAG1B,MAAAf,EAAM,QAAQ,KAAK,MAAMe,EAAE,EAAE,GAC7BV,EAAS,QAAQ,CAACA,EAAS,OAC3BW,EAAQ,cAAc,EAAE,QAAQD;AAAA,IACpC;AAkBA,WAAAE,EAAU,YAAY;AAAA,IAEtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/data-provider-interface/config/dcatapde/input-definition.mjs CHANGED Viewed

@@ -1221,7 +1221,6 @@ const t = {
       name: "dcat:catalog",
       id: "dcat:catalog",
       class: "property mandatory",
-      validation: "required",
       options: {},
       classes: { outer: "formkitProperty formkitCmpWrap mx-0 my-3 p-3" }
     },