@piveau/piveau-hub-ui-modules 4.0.21

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

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<Readonly<{
+    name?: any;
+}>, any, {
+    property: string | string[];
+    id: string | string[];
+}, {
+    mode(): string;
+    getIsEditMode: import('vuex').Computed;
+}, {
+    getClearPath(): string;
+    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;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,78 @@
+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, $) {
+  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: o.property
+  }, [
+    (t(), d(r, {
+      ref: "view",
+      key: e.$route.query.edit
+    }))
+  ]);
+}
+const E = /* @__PURE__ */ c(m, [["render", l]]);
+export {
+  E as default
+};
+//# sourceMappingURL=DataProviderInterface.vue.mjs.map

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

@@ -0,0 +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  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,MAChB;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;;;cAnFEC,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/DataProviderInterface.vue2.mjs

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

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

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

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

@@ -0,0 +1,7 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    context?: Record<string, any> | undefined;
+    $props: {
+        readonly context?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,270 @@
+import { getCurrentInstance as z, computed as G, ref as x, onMounted as H, watch as q, watchEffect as K, openBlock as i, createElementBlock as c, createElementVNode as o, toDisplayString as g, createTextVNode as p, withDirectives as U, isRef as P, unref as f, vModelText as Y, Fragment as S, renderList as L, vShow as Q, normalizeClass as Z, createCommentVNode as ee } from "vue";
+import { useStore as te } from "vuex";
+import { getTranslationFor as O } from "../../utils/helpers.mjs";
+import { getNode as ne } from "@formkit/core";
+import { onClickOutside as W } from "../../external/@vueuse/core/index";
+import ae from "qs";
+import le from "axios";
+const oe = { class: "formkitProperty" }, se = { class: "formkitCmpWrap" }, re = { class: "formkit-outer" }, ie = {
+  key: 0,
+  class: "d-flex formkit-inner"
+}, ce = { class: "autocompleteInputSingleValue" }, ue = { key: 1 }, de = { class: "d-flex align-items-center justify-content-center formkit-inner mb-2" }, fe = ["placeholder"], pe = ["onClick"], ve = {
+  key: 0,
+  class: "d-flex flex-wrap"
+}, me = { class: "activeResultsAutocompleteWrapper" }, he = ["onClick"], ge = ["onClick"], xe = { class: "w-100 mt-4" }, ye = { class: "d-flex justify-content-between align-items-center flex-wrap" }, _e = /* @__PURE__ */ o("span", null, "You can generate suggestions based on the description you provided", -1), ke = {
+  key: 0,
+  class: "annifresultContainer"
+}, we = ["onClick"], be = { class: "d-flex" }, Ce = {
+  key: 1,
+  class: "d-flex flex-wrap"
+}, Ie = ["onClick"], Se = { class: "formkit-wrapper" }, Le = { class: "formkit-help" }, je = {
+  __name: "AutocompleteInput",
+  props: {
+    context: Object
+  },
+  setup(B) {
+    let y = z().appContext.app.config.globalProperties.$env;
+    const l = B, N = te();
+    let m = G(() => l.context.value), u, _ = l.context.attrs.voc, b = x({
+      value: { name: "--- Type in anything for a live search of the vocabulary ---" }
+    }), d = x(), R = x(null), k = x({}), v = [], C = [], j = x({
+      value: !1
+    });
+    x();
+    let V = x({});
+    H(async () => {
+      k.value = "";
+    }), q(b, async () => {
+    }), q(V, async () => {
+    });
+    const $ = async (t) => {
+      if (t != null) {
+        let n = _ === "iana-media-types" || _ === "spdx-checksum-algorithm", e;
+        return await N.dispatch("dpiStore/requestResourceName", { voc: _, uri: t, envs: y }).then(
+          (a) => {
+            l.context.attrs.property === "dcatde:politicalGeocodingURI" ? a != null && (e = n ? a.data.result.results.filter((s) => s.resource === t).map((s) => s.alt_label)[0].en : O(a.data.result.alt_label, "en", [])) : a != null && (e = n ? a.data.result.results.filter((s) => s.resource === t).map((s) => s.pref_label)[0].en : O(a.data.result.pref_label, "en", []));
+          }
+        ), e;
+      }
+    };
+    K(async () => {
+      const t = m.value;
+      if (t.hasOwnProperty("name") && t.name === t.resource) {
+        let n;
+        l.context.attrs.multiple || (n = $(t.resource), l.context.node.input({ name: await n, resource: t.resource }));
+      }
+      if (t.length >= 1) {
+        let n = [];
+        for (let e = 0; e < t.length; e++)
+          t[e].name === t[e].resource && (n.push({ name: await $(t[e].resource), resource: t[e].resource }), l.context.node.input(n));
+      }
+    });
+    function T(t) {
+      let n = { step: "", prop: l.context.node.name }, e = JSON.parse(localStorage.getItem("dpi_datasets"));
+      for (let a = 0; a < Object.keys(e).length; a++)
+        for (let r = 0; r < Object.keys(e)[a].length; r++) {
+          let s = Object.entries(e);
+          try {
+            Object.keys(s[a][r]).filter((w) => {
+              w === l.context.node.name && (n.step = s[a][0], t === "erase" && (u = {}, e[n.step][n.prop] = u), e[n.step][n.prop] = u, localStorage.setItem("dpi_datasets", JSON.stringify(e)));
+            });
+          } catch {
+          }
+        }
+      window.removeEventListener("click", W);
+    }
+    W(R, (t) => d.value = !1);
+    let E = async (t, n) => {
+      let e = 10;
+      n != null && (e = e + 10);
+      let a = ae.stringify({
+        text: t,
+        limit: e
+      });
+      var r = {
+        method: "post",
+        url: _ == "eurovoc" ? y.content.dataProviderInterface.annifLinkSubject : y.content.dataProviderInterface.annifLinkTheme,
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+          Accept: "application/json"
+        },
+        data: a
+      };
+      le(r).then(async (s) => {
+        for (let h = 0; h < s.data.results.length; h++)
+          C[h] = { name: s.data.results[h].label, resource: s.data.results[h].uri, activeValue: !1 };
+        let w = [];
+        m.value.length > 0 && m.value.forEach((h) => {
+          w.push({ name: h.name, resource: h.resource, activeValue: !0 });
+        }), s.data.results.length > 9 && (C[C.length + 1] = { name: "...", resource: "invalid", activeValue: !1 }), V.value = X(w, C);
+      }).catch(function(s) {
+        console.log(s);
+      });
+    };
+    async function D(t) {
+      t.resource === "invalid" ? I(5) : (A({ name: t.name, resource: t.resource }), I());
+    }
+    function X(t, n) {
+      let e = t.concat(n), a = [], r = /* @__PURE__ */ new Set();
+      return e.forEach((s) => {
+        r.has(s.resource) || (r.add(s.resource), s.activeValue || a.push(s));
+      }), a;
+    }
+    const I = async (t) => {
+      let n = ne("Mandatory").value["dct:description"];
+      for (let e = 0; e < n.length; e++)
+        n[e]["@language"] === "en" && (t != null ? await E(n[e]["@value"], 5) : await E(n[e]["@value"]));
+    };
+    l.context.classes.outer += " autocompleteInput " + l.context.attrs.identifier;
+    const A = async (t) => {
+      if (Object.keys(t).length !== 1) {
+        if (m.value.length > 0 && (v = m.value), l.context.attrs.multiple)
+          if (v.length != 0) {
+            let n = { name: t.name, resource: t.resource }, e = v.filter((a) => a.name != t.name);
+            e.push(n), u = e, await l.context.node.input(u);
+          } else
+            v.push({ name: t.name, resource: t.resource }), u = v, await l.context.node.input(u);
+        else {
+          if (t.resource === "invalid")
+            return;
+          t === "erase" ? (await l.context.node.input({}), T(t)) : (u = { name: t.name, resource: t.resource }, await l.context.node.input(u));
+        }
+        T();
+      }
+    }, F = async (t) => {
+      let n = t.target.value;
+      await N.dispatch("dpiStore/requestAutocompleteSuggestions", { voc: _, text: n, base: y.api.baseUrl }).then((e) => {
+        const a = e.data.result.results.map((r) => ({
+          name: O(r.pref_label, "en", []) + " (" + r.id + ")",
+          resource: r.resource
+        }));
+        a.length === 0 ? b.value = { value: { name: "--- No match found ---" } } : b.value = a;
+      });
+    };
+    function J(t) {
+      l.context.node.input({}), A("erase");
+    }
+    function M(t) {
+      y.content.dataProviderInterface.annifIntegration && I(), m.value.length > 0 && (v = m.value), v.splice(v.findIndex((n) => n.name == t.name), 1), u = v, l.context.node.input(u), T();
+    }
+    return (t, n) => (i(), c("div", oe, [
+      o("h4", null, g(l.context.label), 1),
+      p(),
+      o("div", se, [
+        o("div", re, [
+          !l.context.attrs.multiple && l.context.value.name ? (i(), c("div", ie, [
+            o("a", ce, g(l.context.value.name), 1),
+            p(),
+            o("div", {
+              class: "removeX",
+              onClick: J
+            })
+          ])) : (i(), c("div", ue, [
+            o("div", de, [
+              U(o("input", {
+                class: "autocompleteInputfield",
+                placeholder: l.context.attrs.placeholder,
+                "onUpdate:modelValue": n[0] || (n[0] = (e) => P(k) ? k.value = e : k = e),
+                type: "text",
+                onKeyup: n[1] || (n[1] = (e) => F(e)),
+                onClick: n[2] || (n[2] = (e) => P(d) ? d.value = !f(d) : d = !f(d))
+              }, null, 40, fe), [
+                [Y, f(k)]
+              ])
+            ]),
+            p(),
+            U(o("ul", {
+              ref_key: "dropdownList",
+              ref: R,
+              class: "autocompleteResultList"
+            }, [
+              (i(!0), c(S, null, L(f(b), (e) => (i(), c("li", {
+                key: e,
+                onClick: (a) => {
+                  A(e), P(d) ? d.value = !f(d) : d = !f(d);
+                },
+                class: "p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC"
+              }, g(e.name), 9, pe))), 128))
+            ], 512), [
+              [Q, f(d)]
+            ]),
+            p(),
+            f(y).content.dataProviderInterface.annifIntegration && l.context.attrs.annifTheme ? (i(), c("div", ve, [
+              (i(!0), c(S, null, L(f(m), (e) => (i(), c("div", { key: e }, [
+                o("div", me, [
+                  o("div", {
+                    class: "d-flex",
+                    onClick: (a) => {
+                      e.activeValue = !e.activeValue;
+                    }
+                  }, [
+                    o("span", null, g(e.name), 1),
+                    p(),
+                    o("div", {
+                      class: "removeX",
+                      onClick: (a) => M(e)
+                    }, null, 8, ge)
+                  ], 8, he)
+                ])
+              ]))), 128)),
+              p(),
+              o("div", xe, [
+                o("div", ye, [
+                  o("h3", null, g(l.context.label) + " Suggestions", 1),
+                  p(),
+                  _e,
+                  p(),
+                  o("button", {
+                    class: "navlikeButton",
+                    type: "button",
+                    onClick: n[3] || (n[3] = (e) => {
+                      I(), f(j).value = !0;
+                    })
+                  }, "Try it")
+                ]),
+                p(),
+                f(j).value ? (i(), c("div", ke, [
+                  (i(!0), c(S, null, L(f(V), (e) => (i(), c("div", {
+                    key: e,
+                    class: "d-flex"
+                  }, [
+                    o("div", {
+                      class: Z(["activeResultsAutocompleteWrapper annifResults", { loadMore: e.resource === "invalid" }]),
+                      onClick: (a) => {
+                        e.activeValue = !e.activeValue, D(e);
+                      }
+                    }, [
+                      o("div", be, [
+                        o("span", null, g(e.name), 1)
+                      ])
+                    ], 10, we)
+                  ]))), 128))
+                ])) : ee("", !0)
+              ])
+            ])) : (i(), c("div", Ce, [
+              (i(!0), c(S, null, L(l.context.value, (e) => (i(), c("div", {
+                class: "activeResultsAutocompleteWrapper",
+                key: e
+              }, [
+                o("span", null, g(e.name), 1),
+                p(),
+                o("div", {
+                  class: "removeX",
+                  onClick: (a) => M(e)
+                }, null, 8, Ie)
+              ]))), 128))
+            ])),
+            p(),
+            o("div", Se, [
+              o("div", Le, g(l.context.help), 1)
+            ])
+          ]))
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  je as default
+};
+//# sourceMappingURL=AutocompleteInput.vue.mjs.map

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

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

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

@@ -0,0 +1,7 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    context?: Record<string, any> | undefined;
+    $props: {
+        readonly context?: Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

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

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

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

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

@@ -0,0 +1,24 @@
+declare const _default: import('vue').DefineComponent<Readonly<{
+    catalog?: any;
+    id?: any;
+    property?: any;
+}>, any, {}, {
+    token(): any;
+    redirectUri(): string;
+    getUserData: import('vuex').Computed;
+    getIsDraft: import('vuex').Computed;
+}, {
+    setupEditPage(): Promise<void>;
+    convertToInput: import('vuex').ActionMethod;
+    setIsEditMode: import('vuex').ActionMethod;
+    setIsDraft: import('vuex').ActionMethod;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
+    catalog?: any;
+    id?: any;
+    property?: any;
+}>>>, {
+    readonly catalog?: any;
+    readonly id?: any;
+    readonly property?: any;
+}, {}>;
+export default _default;

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

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