npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.3.11 → 4.3.13 - Mend

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

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 (69) hide show

package/dist/data-provider-interface/DPIMenu.vue.d.ts CHANGED Viewed

@@ -126,11 +126,11 @@ declare const _default: import('vue').DefineComponent<Readonly<import('vue').Com
     isLocatedOnAuthorizedDatasetPage(): any;
     isLocatedOnAuthorizedCatalogPage(): any;
     getUserData: import('vuex').Computed;
+    getTitle: import('vuex').Computed;
+    getDescription: import('vuex').Computed;
     getCatalog: import('vuex').Computed;
     getLoading: import('vuex').Computed;
-    getDescription: import('vuex').Computed;
     getID: import('vuex').Computed;
-    getTitle: import('vuex').Computed;
 }, {
     setupKeycloakWatcher(): void;
     handleConfirm(action: any, argsObj: any, { successMessage, errorMessage }: {

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

@@ -1,6 +1,20 @@
-declare const _default: import('vue').DefineComponent<Readonly<{
-    name?: any;
-}>, any, {
+import { DpiContext } from './composables/useDpiContext';
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    dpiContext: {
+        type: PropType<DpiContext>;
+        default: () => undefined;
+    };
+}, {
+    resolvedDpiContext: import('vue').ComputedRef<DpiContext>;
+    key: import('vue').ComputedRef<string>;
+    isReady: import('vue').ComputedRef<boolean>;
+}, {
     property: string | string[];
     id: string | string[];
 }, {
@@ -11,9 +25,17 @@ declare const _default: import('vue').DefineComponent<Readonly<{
     handleScroll(): void;
     populateDraftAndEdit: import('vuex').ActionMethod;
     saveLocalstorageValues: import('vuex').ActionMethod;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
-    name?: any;
-}>>>, {
-    readonly name?: any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    dpiContext: {
+        type: PropType<DpiContext>;
+        default: () => undefined;
+    };
+}>>, {
+    name: string;
+    dpiContext: DpiContext;
 }, {}>;
 export default _default;

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

@@ -1,78 +1,21 @@
-import { defineAsyncComponent as s, resolveComponent as n, openBlock as t, createElementBlock as i, createBlock as d } from "vue";
-import { mapGetters as p, mapActions as a } from "vuex";
-import "./DataProviderInterface.vue2.mjs";
-import c from "../_virtual/_plugin-vue_export-helper.mjs";
-const m = {
-  name: "DataProviderInterface",
-  components: {
-    InputPage: s(() => import("./views/InputPage.vue.mjs"))
-  },
-  props: ["name"],
-  metaInfo() {
-    return {
-      title: `${this.$t("message.metadata.upload")} | ${this.$t("message.header.navigation.data.datasets")}`,
-      meta: [
-        { name: "description", vmid: "description", content: `${this.$t("message.datasets.meta.description")}` },
-        { name: "keywords", vmid: "keywords", content: `${this.$env.metadata.keywords} ${this.$t("message.datasets.meta.description")}}` },
-        { name: "robots", content: "noindex, follow" }
-      ]
-    };
-  },
-  data() {
-    return {
-      property: this.$route.params.property,
-      id: this.$route.params.id
-    };
-  },
-  computed: {
-    ...p("auth", [
-      "getIsEditMode"
-    ]),
-    mode() {
-      return this.property === "catalogues" ? this.getIsEditMode ? this.$t("message.dataupload.menu.editCatalogue") : this.$t("message.dataupload.createNewCatalogue") : this.property === "datasets" ? this.getIsEditMode ? this.$t("message.dataupload.menu.editDataset") : this.$t("message.dataupload.createNewDataset") : "Edit Distribution";
-    }
-  },
-  methods: {
-    ...a("dpiStore", [
-      "saveLocalstorageValues"
-    ]),
-    ...a("auth", [
-      "populateDraftAndEdit"
-    ]),
-    getClearPath() {
-      return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;
-    },
-    handleScroll() {
-      try {
-        document.getElementById("stepperAnchor").offsetTop >= 35 ? document.getElementById("stepperAnchor").classList.add("border-bottom-lightgray") : document.getElementById("stepperAnchor").classList.remove("border-bottom-lightgray");
-      } catch {
-      }
-    }
-  },
-  created() {
-    window.addEventListener("scroll", this.handleScroll), this.populateDraftAndEdit();
-  },
-  mounted() {
-    this.saveLocalstorageValues(this.property);
-  },
-  unmounted() {
-    window.removeEventListener("scroll", this.handleScroll);
-  }
-};
-function l(e, u, h, g, o, $) {
+import t from "./DataProviderInterface.vue2.mjs";
+import { resolveComponent as n, openBlock as o, createElementBlock as i, createBlock as a, createCommentVNode as c } from "vue";
+import "./DataProviderInterface.vue3.mjs";
+import p from "../_virtual/_plugin-vue_export-helper.mjs";
+function s(e, f, m, l, d, u) {
   const r = n("router-view");
-  return t(), i("div", {
+  return o(), i("div", {
     class: "d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100",
-    key: o.property
+    key: e.property
   }, [
-    (t(), d(r, {
+    e.isReady ? (o(), a(r, {
       ref: "view",
-      key: e.$route.query.edit
-    }))
+      key: e.key
+    })) : c("", !0)
   ]);
 }
-const E = /* @__PURE__ */ c(m, [["render", l]]);
+const w = /* @__PURE__ */ p(t, [["render", s]]);
 export {
-  E as default
+  w as default
 };
 //# sourceMappingURL=DataProviderInterface.vue.mjs.map

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 \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;;;;"}
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 v-if=\"isReady\" ref=\"view\" :key=\"key\">\n </router-view>\n </div>\n</template>\n\n<script lang=\"ts\">\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { DpiContext, setupDpiContext } from './composables/useDpiContext';\nimport { computed, defineAsyncComponent, defineComponent, PropType , ref, toRef, toRefs, watch, watchEffect} from 'vue';\nimport { mapActions, mapGetters, useStore } from 'vuex';\nimport dpiSpecs from './config/dpi-spec-config';\nimport { useRuntimeEnv } from '../composables/useRuntimeEnv';\nimport { useRoute } from 'vue-router';\nimport { useAsyncState, watchOnce } from '@vueuse/core';\nimport { useDpiEditMode } from './composables/useDpiEditMode';\n\n\n\nexport default defineComponent({\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage.vue')),\n },\n props: {\n name: {\n type: String,\n default: '',\n },\n dpiContext: {\n type: Object as PropType<DpiContext>,\n default: () => undefined,\n }\n },\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 \|\| 0 >= 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 setup(props) {\n const route = useRoute()\n const store = useStore()\n const env = useRuntimeEnv()\n const userSpec = env.content.dataProviderInterface.specification as 'dcatap' \| 'dcatapde' \| 'dcatapdeODB'\n const fallbackSpec = dpiSpecs[userSpec]\n const dpiContext = toRef(props, 'dpiContext')\n\n const resolvedDpiContext = computed<DpiContext>(() => {\n return dpiContext.value \|\| {\n specification: fallbackSpec,\n specificationName: userSpec\n }\n })\n\n setupDpiContext(resolvedDpiContext)\n\n watchEffect(() => {\n store.dispatch('dpiStore/setSpecification', resolvedDpiContext.value.specification)\n store.dispatch('dpiStore/setSpecificationname', resolvedDpiContext.value.specificationName)\n })\n\n const key = computed(() => {\n return `${route.query.key}@${resolvedDpiContext.value.specificationName}`\n })\n\n const { isReady } = useDpiEditMode(resolvedDpiContext)\n\n return {\n resolvedDpiContext,\n key,\n isReady,\n }\n\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":["_resolveComponent","property","_createElementBlock","isReady","_ctx","_openBlock","_createBlock","_component_router_view","_createCommentVNode"],"mappings":";;;;;YACEA,EAIM,aAAA;SAJmHC,EAAQ,GAAAC,EAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAE5GC,KAAAA,EAAAA;AAAAA,EAAAA,GAAAA;AAAAA,IAASC,EAAA,WAAAC,KAAoBC,EAAAC,GAAA;AAAA,MAAA,KAAA;AAAA,MAHpD,KAAAH,EAAA;AAAA,IAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA;;;"}

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

@@ -1,5 +1,94 @@
-const e = "";
+import { setupDpiContext as l } from "./composables/useDpiContext.mjs";
+import { defineComponent as u, defineAsyncComponent as h, toRef as f, computed as i, watchEffect as g } from "vue";
+import { mapGetters as v, mapActions as r, useStore as $ } from "vuex";
+import { config as y } from "./config/dpi-spec-config.mjs";
+import { useRuntimeEnv as E } from "../composables/useRuntimeEnv.mjs";
+import { useRoute as S } from "vue-router";
+import { useDpiEditMode as w } from "./composables/useDpiEditMode.mjs";
+const L = u({
+  name: "DataProviderInterface",
+  components: {
+    InputPage: h(() => import("./views/InputPage.vue.mjs"))
+  },
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    dpiContext: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  metaInfo() {
+    return {
+      title: `${this.$t("message.metadata.upload")} | ${this.$t("message.header.navigation.data.datasets")}`,
+      meta: [
+        { name: "description", vmid: "description", content: `${this.$t("message.datasets.meta.description")}` },
+        { name: "keywords", vmid: "keywords", content: `${this.$env.metadata.keywords} ${this.$t("message.datasets.meta.description")}}` },
+        { name: "robots", content: "noindex, follow" }
+      ]
+    };
+  },
+  data() {
+    return {
+      property: this.$route.params.property,
+      id: this.$route.params.id
+    };
+  },
+  computed: {
+    ...v("auth", [
+      "getIsEditMode"
+    ]),
+    mode() {
+      return this.property === "catalogues" ? this.getIsEditMode ? this.$t("message.dataupload.menu.editCatalogue") : this.$t("message.dataupload.createNewCatalogue") : this.property === "datasets" ? this.getIsEditMode ? this.$t("message.dataupload.menu.editDataset") : this.$t("message.dataupload.createNewDataset") : "Edit Distribution";
+    }
+  },
+  methods: {
+    ...r("dpiStore", [
+      "saveLocalstorageValues"
+    ]),
+    ...r("auth", [
+      "populateDraftAndEdit"
+    ]),
+    getClearPath() {
+      return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;
+    },
+    handleScroll() {
+      var o, a, t;
+      try {
+        (o = document.getElementById("stepperAnchor")) != null && o.offsetTop || 0 >= 35 ? (a = document.getElementById("stepperAnchor")) == null || a.classList.add("border-bottom-lightgray") : (t = document.getElementById("stepperAnchor")) == null || t.classList.remove("border-bottom-lightgray");
+      } catch {
+      }
+    }
+  },
+  created() {
+    window.addEventListener("scroll", this.handleScroll), this.populateDraftAndEdit();
+  },
+  mounted() {
+    this.saveLocalstorageValues(this.property);
+  },
+  unmounted() {
+    window.removeEventListener("scroll", this.handleScroll);
+  },
+  setup(o) {
+    const a = S(), t = $(), s = E().content.dataProviderInterface.specification, d = y[s], p = f(o, "dpiContext"), e = i(() => p.value || {
+      specification: d,
+      specificationName: s
+    });
+    l(e), g(() => {
+      t.dispatch("dpiStore/setSpecification", e.value.specification), t.dispatch("dpiStore/setSpecificationname", e.value.specificationName);
+    });
+    const c = i(() => `${a.query.key}@${e.value.specificationName}`), { isReady: m } = w();
+    return {
+      resolvedDpiContext: e,
+      key: c,
+      isReady: m
+    };
+  }
+});
 export {
-  e as default
+  L as default
 };
 //# sourceMappingURL=DataProviderInterface.vue2.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DataProviderInterface.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
1	+ {"version":3,"file":"DataProviderInterface.vue2.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 v-if=\"isReady\" ref=\"view\" :key=\"key\">\n </router-view>\n </div>\n</template>\n\n<script lang=\"ts\">\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { DpiContext, setupDpiContext } from './composables/useDpiContext';\nimport { computed, defineAsyncComponent, defineComponent, PropType , ref, toRef, toRefs, watch, watchEffect} from 'vue';\nimport { mapActions, mapGetters, useStore } from 'vuex';\nimport dpiSpecs from './config/dpi-spec-config';\nimport { useRuntimeEnv } from '../composables/useRuntimeEnv';\nimport { useRoute } from 'vue-router';\nimport { useAsyncState, watchOnce } from '@vueuse/core';\nimport { useDpiEditMode } from './composables/useDpiEditMode';\n\n\n\nexport default defineComponent({\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage.vue')),\n },\n props: {\n name: {\n type: String,\n default: '',\n },\n dpiContext: {\n type: Object as PropType<DpiContext>,\n default: () => undefined,\n }\n },\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 \|\| 0 >= 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 setup(props) {\n const route = useRoute()\n const store = useStore()\n const env = useRuntimeEnv()\n const userSpec = env.content.dataProviderInterface.specification as 'dcatap' \| 'dcatapde' \| 'dcatapdeODB'\n const fallbackSpec = dpiSpecs[userSpec]\n const dpiContext = toRef(props, 'dpiContext')\n\n const resolvedDpiContext = computed<DpiContext>(() => {\n return dpiContext.value \|\| {\n specification: fallbackSpec,\n specificationName: userSpec\n }\n })\n\n setupDpiContext(resolvedDpiContext)\n\n watchEffect(() => {\n store.dispatch('dpiStore/setSpecification', resolvedDpiContext.value.specification)\n store.dispatch('dpiStore/setSpecificationname', resolvedDpiContext.value.specificationName)\n })\n\n const key = computed(() => {\n return `${route.query.key}@${resolvedDpiContext.value.specificationName}`\n })\n\n const { isReady } = useDpiEditMode(resolvedDpiContext)\n\n return {\n resolvedDpiContext,\n key,\n isReady,\n }\n\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","defineComponent","defineAsyncComponent","mapGetters","mapActions","_a","_b","_c","props","route","useRoute","store","useStore","userSpec","useRuntimeEnv","fallbackSpec","dpiSpecs","dpiContext","toRef","resolvedDpiContext","computed","setupDpiContext","watchEffect","key","isReady","useDpiEditMode"],"mappings":"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"}

package/dist/data-provider-interface/DataProviderInterface.vue3.mjs ADDED Viewed

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

package/dist/data-provider-interface/DataProviderInterface.vue3.mjs.map ADDED Viewed

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

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

@@ -1,8 +1,8 @@
-import { getCurrentInstance as ee, computed as L, ref as y, onMounted as te, watch as W, watchEffect as ne, openBlock as r, createElementBlock as i, unref as u, toDisplayString as m, createCommentVNode as $, createTextVNode as p, createElementVNode as s, withDirectives as B, isRef as N, vModelText as ae, Fragment as S, renderList as V, vShow as oe, normalizeClass as se } from "vue";
-import { useStore as le } from "vuex";
+import { getCurrentInstance as ee, computed as S, ref as y, onMounted as te, watch as B, watchEffect as ne, openBlock as r, createElementBlock as i, unref as u, toDisplayString as m, createCommentVNode as $, createTextVNode as p, createElementVNode as s, withDirectives as X, isRef as N, vModelText as ae, Fragment as L, renderList as V, vShow as oe, normalizeClass as le } from "vue";
+import { useStore as se } from "vuex";
 import { getTranslationFor as O } from "../../utils/helpers.mjs";
 import { getNode as re } from "@formkit/core";
-import { onClickOutside as X } from "../../external/@vueuse/core/index";
+import { onClickOutside as H } from "../../external/@vueuse/core/index";
 import { useI18n as ie } from "vue-i18n";
 import ce from "qs";
 import ue from "axios";
@@ -15,23 +15,23 @@ const de = { class: "formkitProperty" }, fe = {
 }, ge = { class: "autocompleteInputSingleValue" }, ye = { key: 1 }, xe = { class: "d-flex align-items-center justify-content-center formkit-inner mb-2" }, _e = ["placeholder"], ke = ["onClick"], be = {
   key: 0,
   class: "d-flex flex-wrap"
-}, we = { class: "activeResultsAutocompleteWrapper" }, Ce = ["onClick"], Ie = ["onClick"], Le = { class: "w-100 mt-4" }, Se = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Ve = {
+}, we = { class: "activeResultsAutocompleteWrapper" }, Ce = ["onClick"], Ie = ["onClick"], Se = { class: "w-100 mt-4" }, Le = { class: "d-flex justify-content-between align-items-center flex-wrap" }, Ve = {
   key: 0,
   class: "annifresultContainer"
 }, Te = ["onClick"], Ae = { class: "d-flex" }, Pe = {
   key: 1,
   class: "d-flex flex-wrap"
-}, $e = ["onClick"], Ne = { class: "formkit-wrapper" }, Oe = ["innerHTML"], He = {
+}, $e = ["onClick"], Ue = {
   __name: "AutocompleteInput",
   props: {
     context: Object
   },
   setup(J) {
     let x = ee().appContext.app.config.globalProperties.$env;
-    const a = J, R = le(), { t: j, locale: M } = ie();
-    let h = L(() => a.context.value), d, _ = a.context.attrs.voc, z = L(() => j("message.dataupload.info.searchVocabulary")), G = L(() => j("message.dataupload.info.matchesNothingFound")), w = y({
+    const a = J, R = se(), { t: j, locale: E } = ie();
+    let h = S(() => a.context.value), d, _ = a.context.attrs.voc, z = S(() => j("message.dataupload.info.searchVocabulary")), G = S(() => j("message.dataupload.info.matchesNothingFound")), w = y({
       value: { name: z }
-    }), f = y(), E = y(null), k = y({}), v = [], C = [], q = y({
+    }), f = y(), M = y(null), k = y({}), v = [], C = [], q = y({
       value: !1
     });
     y();
@@ -39,15 +39,15 @@ const de = { class: "formkitProperty" }, fe = {
     te(async () => {
       k.value = "";
     });
-    let D = L(() => {
+    let D = S(() => {
       try {
         if (a.context.attrs.class.includes("inDistribution"))
           return !0;
       } catch {
       }
     });
-    W(w, async () => {
-    }), W(T, async () => {
+    B(w, async () => {
+    }), B(T, async () => {
     });
     const U = async (t) => {
       if (t != null) {
@@ -83,9 +83,9 @@ const de = { class: "formkitProperty" }, fe = {
           } catch {
           }
         }
-      window.removeEventListener("click", X);
+      window.removeEventListener("click", H);
     }
-    X(E, (t) => f.value = !1);
+    H(M, (t) => f.value = !1);
     let F = async (t, n) => {
       let e = 10;
       n != null && (e = e + 10);
@@ -145,9 +145,9 @@ const de = { class: "formkitProperty" }, fe = {
       }
     }, Y = async (t) => {
       let n = t.target.value;
-      console.log(M), await R.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: _, text: n, base: x.api.baseUrl }).then((e) => {
+      console.log(E), await R.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: _, text: n, base: x.api.baseUrl }).then((e) => {
         const o = e.data.result.results.map((c) => ({
-          name: O(c.pref_label, M.value, []) + " (" + c.id + ")",
+          name: O(c.pref_label, E.value, []) + " (" + c.id + ")",
           resource: c.resource
         }));
         o.length === 0 ? w.value = { value: { name: G } } : w.value = o;
@@ -156,7 +156,7 @@ const de = { class: "formkitProperty" }, fe = {
     function Z(t) {
       a.context.node.input({}), P("erase");
     }
-    function H(t) {
+    function W(t) {
       x.content.dataProviderInterface.annifIntegration && I(), h.value.length > 0 && (v = h.value), v.splice(v.findIndex((n) => n.name == t.name), 1), d = v, a.context.node.input(d), A();
     }
     return (t, n) => (r(), i("div", de, [
@@ -175,7 +175,7 @@ const de = { class: "formkitProperty" }, fe = {
             })
           ])) : (r(), i("div", ye, [
             s("div", xe, [
-              B(s("input", {
+              X(s("input", {
                 class: "autocompleteInputfield",
                 placeholder: a.context.attrs.placeholder,
                 "onUpdate:modelValue": n[0] || (n[0] = (e) => N(k) ? k.value = e : k = e),
@@ -187,12 +187,12 @@ const de = { class: "formkitProperty" }, fe = {
               ])
             ]),
             p(),
-            B(s("ul", {
+            X(s("ul", {
               ref_key: "dropdownList",
-              ref: E,
+              ref: M,
               class: "autocompleteResultList"
             }, [
-              (r(!0), i(S, null, V(u(w), (e) => (r(), i("li", {
+              (r(!0), i(L, null, V(u(w), (e) => (r(), i("li", {
                 key: e,
                 onClick: (o) => {
                   P(e), N(f) ? f.value = !u(f) : f = !u(f);
@@ -204,7 +204,7 @@ const de = { class: "formkitProperty" }, fe = {
             ]),
             p(),
             u(x).content.dataProviderInterface.annifIntegration && a.context.attrs.annifTheme ? (r(), i("div", be, [
-              (r(!0), i(S, null, V(u(h), (e) => (r(), i("div", { key: e }, [
+              (r(!0), i(L, null, V(u(h), (e) => (r(), i("div", { key: e }, [
                 s("div", we, [
                   s("div", {
                     class: "d-flex",
@@ -216,14 +216,14 @@ const de = { class: "formkitProperty" }, fe = {
                     p(),
                     s("div", {
                       class: "removeX",
-                      onClick: (o) => H(e)
+                      onClick: (o) => W(e)
                     }, null, 8, Ie)
                   ], 8, Ce)
                 ])
               ]))), 128)),
               p(),
-              s("div", Le, [
-                s("div", Se, [
+              s("div", Se, [
+                s("div", Le, [
                   s("h3", null, m(t.$t("message.dataupload.info.suggestions")), 1),
                   p(),
                   s("span", null, m(t.$t("message.dataupload.info.suggestionText")), 1),
@@ -238,12 +238,12 @@ const de = { class: "formkitProperty" }, fe = {
                 ]),
                 p(),
                 u(q).value ? (r(), i("div", Ve, [
-                  (r(!0), i(S, null, V(u(T), (e) => (r(), i("div", {
+                  (r(!0), i(L, null, V(u(T), (e) => (r(), i("div", {
                     key: e,
                     class: "d-flex"
                   }, [
                     s("div", {
-                      class: se(["activeResultsAutocompleteWrapper annifResults", { loadMore: e.resource === "invalid" }]),
+                      class: le(["activeResultsAutocompleteWrapper annifResults", { loadMore: e.resource === "invalid" }]),
                       onClick: (o) => {
                         e.activeValue = !e.activeValue, K(e);
                       }
@@ -256,7 +256,7 @@ const de = { class: "formkitProperty" }, fe = {
                 ])) : $("", !0)
               ])
             ])) : (r(), i("div", Pe, [
-              (r(!0), i(S, null, V(a.context.value, (e) => (r(), i("div", {
+              (r(!0), i(L, null, V(a.context.value, (e) => (r(), i("div", {
                 class: "activeResultsAutocompleteWrapper",
                 key: e
               }, [
@@ -264,17 +264,10 @@ const de = { class: "formkitProperty" }, fe = {
                 p(),
                 s("div", {
                   class: "removeX",
-                  onClick: (o) => H(e)
+                  onClick: (o) => W(e)
                 }, null, 8, $e)
               ]))), 128))
-            ])),
-            p(),
-            s("div", Ne, [
-              s("div", {
-                innerHTML: a.context.help,
-                class: "formkit-help"
-              }, null, 8, Oe)
-            ])
+            ]))
           ]))
         ])
       ])
@@ -282,6 +275,6 @@ const de = { class: "formkitProperty" }, fe = {
   }
 };
 export {
-  He as default
+  Ue as default
 };
 //# sourceMappingURL=AutocompleteInput.vue.mjs.map