npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.4.29 → 4.5.0 - Mend

@piveau/piveau-hub-ui-modules 4.4.29 → 4.5.0

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/components/ConditionalInput.vue.mjs CHANGED Viewed

@@ -1,86 +1,83 @@
-import { getCurrentInstance as B, ref as h, watchEffect as H, resolveComponent as F, openBlock as n, createElementBlock as i, toDisplayString as g, createTextVNode as l, unref as s, createStaticVNode as $, createCommentVNode as u, createElementVNode as r, withDirectives as L, isRef as U, vModelText as D, Fragment as k, renderList as C, createVNode as w, createBlock as j } from "vue";
-import O from "./AutocompleteInput.vue.mjs";
-import { onClickOutside as X } from "../../external/@vueuse/core/index";
-import { useRuntimeEnv as q } from "../../composables/useRuntimeEnv.mjs";
-import { useStore as z } from "vuex";
-import { getTranslationFor as S } from "../../utils/helpers.mjs";
+import { getCurrentInstance as N, ref as m, computed as x, watchEffect as R, resolveComponent as P, openBlock as n, createElementBlock as a, toDisplayString as v, createTextVNode as l, unref as s, createStaticVNode as L, createCommentVNode as u, createElementVNode as r, withDirectives as U, isRef as $, vModelText as M, Fragment as b, renderList as k, createVNode as C, createBlock as B } from "vue";
+import H from "./AutocompleteInput.vue.mjs";
+import { onClickOutside as q } from "../../external/@vueuse/core/index";
+import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.mjs";
+import { useStore as j } from "vuex";
+import "../../utils/helpers.mjs";
 import "@formkit/core";
-import { useI18n as K } from "vue-i18n";
+import { useI18n as O } from "vue-i18n";
+import { useRequestUriName as X } from "../composables/useRequestUriName.mjs";
 import "./ConditionalInput.vue2.mjs";
-const W = { class: "formkitProperty" }, G = {
+const z = { class: "formkitProperty" }, K = {
   key: 0,
   class: "formkitHeader"
-}, Y = {
+}, W = {
   key: 1,
   class: "formkitHeader"
-}, J = {
+}, Y = {
   key: 2,
   class: "d-flex infoLicense py-5"
-}, Q = {
+}, G = {
   key: 3,
   class: "d-flex infoLicense py-5"
-}, Z = {
+}, J = {
   key: 4,
   class: "formkitCmpWrap simpleConditional"
-}, ee = { class: "m-3" }, te = { class: "conditionalSelectDiv" }, oe = ["placeholder"], ae = { key: 0 }, ne = { class: "selectListConditional" }, ie = ["onClick"], se = { class: "conditionalManual" }, le = {
+}, Q = { class: "m-3" }, Z = { class: "conditionalSelectDiv" }, ee = ["placeholder"], te = { key: 0 }, oe = { class: "selectListConditional" }, ne = ["onClick"], ae = { class: "conditionalManual" }, ie = {
   key: 0,
   class: "d-flex"
-}, re = { key: 0 }, de = {
+}, se = { key: 0 }, le = {
   key: 5,
   class: "formkitCmpWrap simpleConditional"
-}, ue = { class: "m-3" }, ce = { class: "conditionalSelectDiv" }, pe = ["placeholder"], me = { key: 0 }, fe = { class: "selectListConditional" }, ve = ["onClick"], he = ["innerHTML"], ge = { class: "conditionalManual" }, ye = {
+}, re = { class: "m-3" }, de = { class: "conditionalSelectDiv" }, ue = ["placeholder"], ce = { key: 0 }, pe = { class: "selectListConditional" }, me = ["onClick"], ve = ["innerHTML"], fe = { class: "conditionalManual" }, he = {
   key: 0,
   class: "d-flex"
-}, xe = {
+}, ge = {
   key: 0,
   class: ""
-}, be = {
+}, ye = {
   key: 1,
   class: "conditionalVocabulary d-flex"
-}, ke = { class: "autocompleteInputSingleValue" }, Ce = ["innerHTML"], De = {
+}, xe = { class: "autocompleteInputSingleValue" }, be = ["innerHTML"], Ee = {
   __name: "ConditionalInput",
   props: {
     context: Object
   },
-  setup(E) {
-    let _ = q();
-    const t = E;
-    let A = B().appContext.app.config.globalProperties.$env;
-    const { t: I, locale: V } = K();
-    let d = h(), p = h(!1), v = h(!1), x = t.context.attrs.voc;
-    const N = z();
-    let y = h();
-    const P = async (a) => {
-      if (a != null) {
-        let e = x === "iana-media-types" || x === "spdx-checksum-algorithm", m;
-        return await N.dispatch("dpiStore/requestResourceName", { voc: x, uri: a, envs: A }).then(
-          (o) => {
-            t.context.attrs.property === "dcatde:politicalGeocodingURI" ? o != null && (m = e ? o.data.result.results.filter((c) => c.resource === a).map((c) => c.alt_label)[0].en : S(o.data.result.alt_label, V.value, [])) : o != null && (m = e ? o.data.result.results.filter((c) => c.resource === a).map((c) => c.pref_label)[0].en : S(o.data.result.pref_label, V.value, []));
-          }
-        ), m;
-      }
-    };
-    H(() => {
-      t.context.value.name && (y.value != t.context.value.name && (t.context.value.name === t.context.value.resource ? P(t.context.value.name).then((a) => {
-        y.value = a;
-      }).catch((a) => {
-        console.error(a);
-      }) : y.value = t.context.value.name), d.value = I("message.dataupload.datasets.conditional.vocabulary")), t.context.value["foaf:name"] && (d.value = I("message.dataupload.datasets.conditional.manually"));
+  setup(T) {
+    let w = F();
+    const t = T;
+    N().appContext.app.config.globalProperties.$env;
+    const { t: I, locale: D } = O();
+    let d = m(), c = m(!1), p = m(!1);
+    t.context.attrs.voc, j();
+    let f = m();
+    const { execute: E, error: ke, isLoading: Ce } = X({
+      res: x(() => t.context.value.name),
+      voc: x(() => t.context.attrs.voc),
+      property: x(() => t.context.attrs.property),
+      locale: D
+    });
+    R(() => {
+      t.context.value.name && (f.value != t.context.value.name && (t.context.value.name === t.context.value.resource ? E().then((i) => {
+        f.value = i;
+      }).catch((i) => {
+        console.error(i);
+      }) : f.value = t.context.value.name), d.value = I("message.dataupload.datasets.conditional.vocabulary")), t.context.value["foaf:name"] && (d.value = I("message.dataupload.datasets.conditional.manually"));
     });
-    const b = h(null), M = (a) => {
-      v.value = !v.value;
-    }, R = () => {
+    const g = m(null), _ = (i) => {
+      p.value = !p.value;
+    }, S = () => {
       t.context.node.reset();
-    }, T = (a, e) => {
-      d.value = e, p.value = a, t.context.node.reset(), t.context.value = "";
+    }, V = (i, e) => {
+      d.value = e, c.value = i, t.context.node.reset(), t.context.value = "";
     };
-    return X(b, (a) => v.value = !1), (a, e) => {
-      const m = F("FormKit");
-      return n(), i("div", W, [
-        t.context.attrs.class != null && t.context.attrs.class.includes("inDistribution") ? (n(), i("h4", G, g(a.$t("message.dataupload.distributions." + t.context.attrs.identifier + ".label")), 1)) : (n(), i("h4", Y, g(a.$t("message.dataupload.datasets." + t.context.attrs.identifier + ".label")), 1)),
+    return q(g, (i) => p.value = !1), (i, e) => {
+      const y = P("FormKit");
+      return n(), a("div", z, [
+        t.context.attrs.class != null && t.context.attrs.class.includes("inDistribution") ? (n(), a("h4", K, v(i.$t("message.dataupload.distributions." + t.context.attrs.identifier + ".label")), 1)) : (n(), a("h4", W, v(i.$t("message.dataupload.datasets." + t.context.attrs.identifier + ".label")), 1)),
         e[18] || (e[18] = l()),
-        t.context.attrs.identifier === "licence" && s(_).content.dataProviderInterface.annifIntegration ? (n(), i("div", J, e[6] || (e[6] = [
-          $(`<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"></path></svg> <div class="w-80"><p>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind
+        t.context.attrs.identifier === "licence" && s(w).content.dataProviderInterface.annifIntegration ? (n(), a("div", Y, e[6] || (e[6] = [
+          L(`<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"></path></svg> <div class="w-80"><p>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind
           that  <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]" target="_blank" rel="nofollow noopener"><ins>Decision 2011/833/EU</ins></a> allows for their commercial
           reuse without
           prior authorisation, except for the material subject to the third party intellectual property rights. This
@@ -94,8 +91,8 @@ const W = { class: "formkitProperty" }, G = {
             organisation</strong> before publishing or submitting your dataset.</p> <p>If you need further information regarding copyright issues, please contact us at <a href="mailto:op-copyright@publications.europa.eu" target="_blank" rel="nofollow noopener">op-copyright@publications.europa.eu</a></p></div>`, 3)
         ]))) : u("", !0),
         e[19] || (e[19] = l()),
-        t.context.attrs.identifier === "rights" && s(_).content.dataProviderInterface.annifIntegration ? (n(), i("div", Q, e[7] || (e[7] = [
-          $(`<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"></path></svg> <p class="textInfoI">As owner of your dataset, you guarantee that it does not violate the copyright, other
+        t.context.attrs.identifier === "rights" && s(w).content.dataProviderInterface.annifIntegration ? (n(), a("div", G, e[7] || (e[7] = [
+          L(`<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" fill="currentColor" class="bi bi-info-circle mx-3 mb-3 mt-1 infoboxI" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"></path> <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"></path></svg> <p class="textInfoI">As owner of your dataset, you guarantee that it does not violate the copyright, other
         intellectual property or
         privacy rights of any third party. In particular, if third party material is included in the dataset, you must
         ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.
@@ -104,36 +101,36 @@ const W = { class: "formkitProperty" }, G = {
         <a href="mailto:op-copyright@publications.europa.eu">op-copyright@publications.europa.eu</a></p>`, 3)
         ]))) : u("", !0),
         e[20] || (e[20] = l()),
-        t.context.attrs.identifier === "rights" ? (n(), i("div", Z, [
-          r("div", ee, [
-            r("div", te, [
-              L(r("input", {
+        t.context.attrs.identifier === "rights" ? (n(), a("div", J, [
+          r("div", Q, [
+            r("div", Z, [
+              U(r("input", {
                 ref_key: "I1",
-                ref: b,
+                ref: g,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: e[0] || (e[0] = (o) => M()),
+                onClick: e[0] || (e[0] = (o) => _()),
                 placeholder: t.context.attrs.placeholder,
-                "onUpdate:modelValue": e[1] || (e[1] = (o) => U(d) ? d.value = o : d = o)
-              }, null, 8, oe), [
-                [D, s(d)]
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => $(d) ? d.value = o : d = o)
+              }, null, 8, ee), [
+                [M, s(d)]
               ]),
               e[8] || (e[8] = l()),
-              s(v) ? (n(), i("div", ae, [
-                r("ul", ne, [
-                  (n(!0), i(k, null, C(t.context.attrs.selection, (o, f) => (n(), i("li", {
+              s(p) ? (n(), a("div", te, [
+                r("ul", oe, [
+                  (n(!0), a(b, null, k(t.context.attrs.selection, (o, h) => (n(), a("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: (c) => T(o, a.$t("message.dataupload.datasets.conditional." + o))
-                  }, g(a.$t("message.dataupload.datasets.conditional." + o)), 9, ie))), 256))
+                    onClick: (A) => V(o, i.$t("message.dataupload.datasets.conditional." + o))
+                  }, v(i.$t("message.dataupload.datasets.conditional." + o)), 9, ne))), 256))
                 ])
               ])) : u("", !0)
             ]),
             e[9] || (e[9] = l()),
-            r("div", se, [
-              s(p) === "URL" || t.context.node.value["@type"] === "url" ? (n(), i("div", le, [
-                w(m, {
+            r("div", ae, [
+              s(c) === "URL" || t.context.node.value["@type"] === "url" ? (n(), a("div", ie, [
+                C(y, {
                   type: "url",
-                  placeholder: a.$t("message.dataupload.datasets.conditional.URL"),
+                  placeholder: i.$t("message.dataupload.datasets.conditional.URL"),
                   name: "rdfs:label",
                   validation: "url",
                   class: "w-100",
@@ -144,10 +141,10 @@ const W = { class: "formkitProperty" }, G = {
               ])) : u("", !0)
             ]),
             e[10] || (e[10] = l()),
-            s(p) === "Text" || t.context.value["@type"] === "text" ? (n(), i("div", re, [
-              w(m, {
+            s(c) === "Text" || t.context.value["@type"] === "text" ? (n(), a("div", se, [
+              C(y, {
                 type: "text",
-                placeholder: a.$t("message.dataupload.datasets.conditional.Text"),
+                placeholder: i.$t("message.dataupload.datasets.conditional.Text"),
                 name: "rdfs:label",
                 class: "w-100",
                 identifier: "rightsText",
@@ -156,69 +153,69 @@ const W = { class: "formkitProperty" }, G = {
               }, null, 8, ["placeholder", "modelValue"])
             ])) : u("", !0)
           ])
-        ])) : (n(), i("div", de, [
-          r("div", ue, [
-            r("div", ce, [
-              L(r("input", {
+        ])) : (n(), a("div", le, [
+          r("div", re, [
+            r("div", de, [
+              U(r("input", {
                 ref_key: "I1",
-                ref: b,
+                ref: g,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: e[4] || (e[4] = (o) => M()),
+                onClick: e[4] || (e[4] = (o) => _()),
                 placeholder: t.context.attrs.placeholder,
-                "onUpdate:modelValue": e[5] || (e[5] = (o) => U(d) ? d.value = o : d = o)
-              }, null, 8, pe), [
-                [D, s(d)]
+                "onUpdate:modelValue": e[5] || (e[5] = (o) => $(d) ? d.value = o : d = o)
+              }, null, 8, ue), [
+                [M, s(d)]
               ]),
               e[11] || (e[11] = l()),
-              s(v) ? (n(), i("div", me, [
-                r("ul", fe, [
-                  (n(!0), i(k, null, C(t.context.attrs.selection, (o, f) => (n(), i("li", {
+              s(p) ? (n(), a("div", ce, [
+                r("ul", pe, [
+                  (n(!0), a(b, null, k(t.context.attrs.selection, (o, h) => (n(), a("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: (c) => T(o, a.$t("message.dataupload.datasets.conditional." + o))
-                  }, g(a.$t("message.dataupload.datasets.conditional." + o)), 9, ve))), 256))
+                    onClick: (A) => V(o, i.$t("message.dataupload.datasets.conditional." + o))
+                  }, v(i.$t("message.dataupload.datasets.conditional." + o)), 9, me))), 256))
                 ])
               ])) : u("", !0),
               e[12] || (e[12] = l()),
-              s(p) === "vocabulary" ? (n(), i("div", {
+              s(c) === "vocabulary" ? (n(), a("div", {
                 key: 1,
-                innerHTML: a.$t("message.dataupload.distributions.licence.vocabulary.help"),
+                innerHTML: i.$t("message.dataupload.distributions.licence.vocabulary.help"),
                 class: "formkit-help position-absolute"
-              }, null, 8, he)) : u("", !0)
+              }, null, 8, ve)) : u("", !0)
             ]),
             e[14] || (e[14] = l()),
-            r("div", ge, [
-              s(p) === "manually" || Object.keys(t.context.value).length > 0 && t.context.value["foaf:name"] && s(p) != "vocabulary" ? (n(), i("div", ye, [
-                (n(!0), i(k, null, C(t.context.attrs.options, (o, f) => (n(), j(m, {
-                  type: f,
-                  placeholder: a.$t("message.dataupload.datasets.individual." + o),
+            r("div", fe, [
+              s(c) === "manually" || Object.keys(t.context.value).length > 0 && t.context.value["foaf:name"] && s(c) != "vocabulary" ? (n(), a("div", he, [
+                (n(!0), a(b, null, k(t.context.attrs.options, (o, h) => (n(), B(y, {
+                  type: h,
+                  placeholder: i.$t("message.dataupload.datasets.individual." + o),
                   name: o,
-                  validation: f,
+                  validation: h,
                   class: "w-100"
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
               ])) : u("", !0)
             ]),
             e[15] || (e[15] = l()),
-            s(p) === "vocabulary" && !t.context.value.name ? (n(), i("div", xe, [
-              w(O, {
+            s(c) === "vocabulary" && !t.context.value.name ? (n(), a("div", ge, [
+              C(H, {
                 context: t.context
               }, null, 8, ["context"])
             ])) : u("", !0),
             e[16] || (e[16] = l()),
-            t.context.value.name ? (n(), i("div", be, [
-              r("a", ke, g(s(y)), 1),
+            t.context.value.name ? (n(), a("div", ye, [
+              r("a", xe, v(s(f)), 1),
               e[13] || (e[13] = l()),
               r("div", {
                 class: "removeX",
-                onClick: R
+                onClick: S
               })
             ])) : u("", !0),
             e[17] || (e[17] = l()),
-            s(p) === "manually" ? (n(), i("div", {
+            s(c) === "manually" ? (n(), a("div", {
               key: 2,
               innerHTML: t.context.attrs.info,
               class: "formkit-help"
-            }, null, 8, Ce)) : u("", !0)
+            }, null, 8, be)) : u("", !0)
           ])
         ]))
       ]);
@@ -226,6 +223,6 @@ const W = { class: "formkitProperty" }, G = {
   }
 };
 export {
-  De as default
+  Ee as default
 };
 //# sourceMappingURL=ConditionalInput.vue.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n <div class=\"formkitProperty\">\n <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n props.context.attrs.identifier.slice(1) }}</h4> -->\n <h4 class=\"formkitHeader\"\n v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <h4 class=\"formkitHeader\" v-else>\n {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <div class=\"w-80\">\n <p>For <strong>European</strong> <strong>Commission's datasets</strong>, bear in mind\n that  <a href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a> allows for their commercial\n reuse without\n prior authorisation, except for the material subject to the third party intellectual property rights. This\n Decision has been implemented under the  <a\n href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en]\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>  by which Creative\n Commons\n Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the Commission's\n reuse policy. Additionally, raw data, metadata or other documents of comparable nature may alternatively be\n distributed under the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0\n 1.0).</p>\n <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have\n approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your\n organisation</strong> before publishing or submitting your dataset.</p>\n <p>If you need further information regarding copyright issues, please contact us at <a\n href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n rel=\"nofollow noopener\">op-copyright@publications.europa.eu</a></p>\n </div>\n\n </div>\n\n <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n intellectual property or\n privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n <br><br>\n If you need further information regarding copyright issues, please contact us at\n <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n </p>\n </div>\n <!-- Choice between text and URL -->\n <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=\"props.context.attrs.placeholder\" v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'URL' \|\| props.context.node.value['@type'] === 'url'\">\n <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n </FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'Text' \|\| props.context.value['@type'] === 'text'\">\n <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n </div>\n </div>\n </div>\n\n <!-- Choice between manualinput and vocabulary search -->\n <div class=\"formkitCmpWrap simpleConditional\" v-else>\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=props.context.attrs.placeholder v-model=\"selectModeVal\">\n\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n <div v-if=\"selectedItem === 'vocabulary'\"\n v-html=\"$t('message.dataupload.distributions.licence.vocabulary.help')\"\n class=\"formkit-help position-absolute\">\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'manually' \|\|\n Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n && selectedItem != 'vocabulary'\">\n <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\"\n :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n class=\"w-100\"></FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n </div>\n\n <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n <a class=\"autocompleteInputSingleValue\">{{\n resolvedUriName }}</a>\n <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n </div>\n <div v-if=\"selectedItem === 'manually'\" v-html=\"props.context.attrs.info\" class=\"formkit-help\"></div>\n\n </div>\n\n </div>\n </div>\n\n</template>\n<script setup>\n\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { ref, watch, computed, onMounted, watchEffect } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { getCurrentInstance } from \"vue\";\nimport { getNode } from '@formkit/core'\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n context: Object,\n})\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nconst { t, locale } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\nlet voc = props.context.attrs.voc;\nconst store = useStore();\nlet resolvedUriName = ref();\n\nconst requestURIname = async (res) => {\n\nif (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, locale.value, []);\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, locale.value, []);\n name = result;\n\n }\n }\n }\n );\n\n return name\n}\n\n}\n\nwatchEffect(() => {\n if (props.context.value['name']) {\n if (resolvedUriName.value != props.context.value.name) {\n\n if (props.context.value.name === props.context.value.resource) {\n requestURIname(props.context.value.name).then(result => {\n resolvedUriName.value = result;\n }).catch(error => {\n console.error(error);\n })\n }\n else {\n resolvedUriName.value = props.context.value.name\n }\n }\n\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n }\n if (props.context.value['foaf:name']) {\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n }\n});\n\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n selectModeVal.value = translatedString\n selectedItem.value = e\n props.context.node.reset()\n props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n .formkit-outer {\n width: 100%;\n }\n}\n\n.hover {\n text-decoration: underline;\n}\n\n.conditionalVocabulary {\n display: flex;\n align-items: center;\n margin: 1rem 0;\n}\n\n.w-80 {\n width: 80%;\n}\n\n.infoLicense {\n a {\n color: blue;\n }\n\n padding: 1rem;\n background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n width: 5%;\n}\n\n.textInfoI {\n width: 95%;\n}\n</style>\n"],"names":["env","useRuntimeEnv","props","__props","instance","getCurrentInstance","t","locale","useI18n","selectModeVal","ref","selectedItem","showSelect","voc","store","useStore","resolvedUriName","requestURIname","res","vocMatch","name","response","dataset","getTranslationFor","watchEffect","result","error","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA,QAAIA,IAAMC,EAAc;AACxB,UAAMC,IAAQC;AAGX,QAACC,IAAWC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AACtE,UAAC,EAAE,GAAAC,GAAG,QAAAC,MAAWC;AACtB,QAAIC,IAAgBC,EAAI,GACpBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK,GACtBG,IAAMX,EAAM,QAAQ,MAAM;AAC9B,UAAMY,IAAQC,EAAQ;AACtB,QAAIC,IAAkBN,EAAG;AAEzB,UAAMO,IAAiB,OAAOC,MAAQ;AAEtC,UAAIA,KAAO,MAAW;AACpB,YAAIC,IACFN,MAAQ,sBACRA,MAAQ,2BAENO;AAEJ,qBAAMN,EAAM,SAAS,gCAAgC,EAAE,KAAKD,GAAK,KAAKK,GAAK,MAAMd,EAAQ,CAAE,EAAE;AAAA,UAC3F,CAACiB,MAAa;AACZ,YAAInB,EAAM,QAAQ,MAAM,aAAa,iCAC/BmB,KAAY,SAMdD,IALaD,IACTE,EAAS,KAAK,OAAO,QACpB,OAAO,CAACC,MAAYA,EAAQ,aAAaJ,CAAG,EAC5C,IAAI,CAACI,MAAYA,EAAQ,SAAS,EAAE,CAAC,EAAE,KACxCC,EAAkBF,EAAS,KAAK,OAAO,WAAWd,EAAO,OAAO,CAAA,CAAE,KAKpEc,KAAY,SAMdD,IALaD,IACTE,EAAS,KAAK,OAAO,QACpB,OAAO,CAACC,MAAYA,EAAQ,aAAaJ,CAAG,EAC5C,IAAI,CAACI,MAAYA,EAAQ,UAAU,EAAE,CAAC,EAAE,KACzCC,EAAkBF,EAAS,KAAK,OAAO,YAAYd,EAAO,OAAO,CAAA,CAAE;AAAA,UAK7E;AAAA,QACJ,GAESa;AAAA,MACT;AAAA,IAEA;AAEA,IAAAI,EAAY,MAAM;AAChB,MAAItB,EAAM,QAAQ,MAAM,SAClBc,EAAgB,SAASd,EAAM,QAAQ,MAAM,SAE3CA,EAAM,QAAQ,MAAM,SAASA,EAAM,QAAQ,MAAM,WACnDe,EAAef,EAAM,QAAQ,MAAM,IAAI,EAAE,KAAK,CAAAuB,MAAU;AACtD,QAAAT,EAAgB,QAAQS;AAAA,MAClC,CAAS,EAAE,MAAM,CAAAC,MAAS;AAChB,gBAAQ,MAAMA,CAAK;AAAA,MAC7B,CAAS,IAGDV,EAAgB,QAAQd,EAAM,QAAQ,MAAM,OAIhDO,EAAc,QAAQH,EAAE,oDAAyD,IAE/EJ,EAAM,QAAQ,MAAM,WAAW,MACjCO,EAAc,QAAQH,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAGD,UAAMqB,IAAKjB,EAAI,IAAI,GAEbkB,IAAa,CAACC,MAAM;AAExB,MAAAjB,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMkB,IAAiB,MAAM;AAC3B,MAAA5B,EAAM,QAAQ,KAAK,MAAM;AAAA,IAC3B,GACM6B,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAvB,EAAc,QAAQuB,GACtBrB,EAAa,QAAQkB,GACrB3B,EAAM,QAAQ,KAAK,MAAM,GACzBA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAA+B,EAAeN,GAAI,CAAAO,MAAStB,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"ConditionalInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/ConditionalInput.vue"],"sourcesContent":["<template>\n <div class=\"formkitProperty\">\n <!-- <h4 class=\"formkitHeader\">{{ props.context.attrs.identifier.charAt(0).toUpperCase() +\n props.context.attrs.identifier.slice(1) }}</h4> -->\n <h4 class=\"formkitHeader\"\n v-if=\"props.context.attrs.class != undefined && props.context.attrs.class.includes('inDistribution')\">\n {{ $t('message.dataupload.distributions.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <h4 class=\"formkitHeader\" v-else>\n {{ $t('message.dataupload.datasets.' + props.context.attrs.identifier + '.label') }}\n </h4>\n <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI \" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <div class=\"w-80\">\n <p>For <strong>European</strong> <strong>Commission's datasets</strong>, bear in mind\n that  <a href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision 2011/833/EU</ins></a> allows for their commercial\n reuse without\n prior authorisation, except for the material subject to the third party intellectual property rights. This\n Decision has been implemented under the  <a\n href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en]\"\n target=\"_blank\" rel=\"nofollow noopener\"><ins>Decision C(2019) 1655 final</ins></a>  by which Creative\n Commons\n Attribution 4.0 International Public License (CC BY 4.0) is adopted as an open licence for the Commission's\n reuse policy. Additionally, raw data, metadata or other documents of comparable nature may alternatively be\n distributed under the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0\n 1.0).</p>\n <p>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have\n approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your\n organisation</strong> before publishing or submitting your dataset.</p>\n <p>If you need further information regarding copyright issues, please contact us at <a\n href=\"mailto:op-copyright@publications.europa.eu\" target=\"_blank\"\n rel=\"nofollow noopener\">op-copyright@publications.europa.eu</a></p>\n </div>\n\n </div>\n\n <div v-if=\"props.context.attrs.identifier === 'rights' && env.content.dataProviderInterface.annifIntegration\"\n class=\"d-flex infoLicense py-5\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30px\" height=\"30px\" fill=\"currentColor\"\n class=\"bi bi-info-circle mx-3 mb-3 mt-1 infoboxI\" viewBox=\"0 0 16 16\">\n <path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\" />\n <path\n d=\"m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n </svg>\n <p class=\"textInfoI\">As owner of your dataset, you guarantee that it does not violate the copyright, other\n intellectual property or\n privacy rights of any third party. In particular, if third party material is included in the dataset, you must\n ensure that all necessary permissions have been obtained and appropriate acknowledgment is given, if necessary.\n <br><br>\n If you need further information regarding copyright issues, please contact us at\n <a href=\"mailto:op-copyright@publications.europa.eu\">op-copyright@publications.europa.eu</a>\n </p>\n </div>\n <!-- Choice between text and URL -->\n <div class=\"formkitCmpWrap simpleConditional\" v-if=\"props.context.attrs.identifier === 'rights'\">\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=\"props.context.attrs.placeholder\" v-model=\"selectModeVal\">\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'URL' \|\| props.context.node.value['@type'] === 'url'\">\n <FormKit type=\"url\" :placeholder=\"$t('message.dataupload.datasets.conditional.URL')\" name=\"rdfs:label\"\n validation=\"url\" class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\">\n </FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'Text' \|\| props.context.value['@type'] === 'text'\">\n <FormKit type=\"text\" :placeholder=\"$t('message.dataupload.datasets.conditional.Text')\" name=\"rdfs:label\"\n class=\"w-100\" identifier=\"rightsText\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n </div>\n </div>\n </div>\n\n <!-- Choice between manualinput and vocabulary search -->\n <div class=\"formkitCmpWrap simpleConditional\" v-else>\n <div class=\"m-3\">\n <div class=\"conditionalSelectDiv\">\n <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n :placeholder=props.context.attrs.placeholder v-model=\"selectModeVal\">\n\n <div v-if=\"showSelect\">\n <ul class=\"selectListConditional\">\n <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n @click=\"selectMode(el, $t('message.dataupload.datasets.conditional.' + el))\">{{\n $t('message.dataupload.datasets.conditional.' + el) }}</li>\n </ul>\n </div>\n <div v-if=\"selectedItem === 'vocabulary'\"\n v-html=\"$t('message.dataupload.distributions.licence.vocabulary.help')\"\n class=\"formkit-help position-absolute\">\n </div>\n </div>\n <div class=\"conditionalManual\">\n <div class=\"d-flex\" v-if=\"selectedItem === 'manually' \|\|\n Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n && selectedItem != 'vocabulary'\">\n <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\"\n :placeholder=\"$t('message.dataupload.datasets.individual.' + el)\" :name=\"el\" :validation=\"key\"\n class=\"w-100\"></FormKit>\n </div>\n </div>\n <div v-if=\"selectedItem === 'vocabulary' && !props.context.value['name']\" class=\"\">\n <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n </div>\n\n <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n <a class=\"autocompleteInputSingleValue\">{{\n resolvedUriName }}</a>\n <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n </div>\n <div v-if=\"selectedItem === 'manually'\" v-html=\"props.context.attrs.info\" class=\"formkit-help\"></div>\n\n </div>\n\n </div>\n </div>\n\n</template>\n<script setup>\n\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { ref, watch, computed, onMounted, watchEffect, toRef } from 'vue';\nimport { useStore } from 'vuex';\nimport { getTranslationFor } from \"../../utils/helpers\";\nimport { getCurrentInstance } from \"vue\";\nimport { getNode } from '@formkit/core'\nimport { useI18n } from 'vue-i18n';\nimport { useRequestUriName } from '../composables/useRequestUriName';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n context: Object,\n})\nlet instance = getCurrentInstance().appContext.app.config.globalProperties.$env\nconst { t, locale } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\nlet voc = props.context.attrs.voc;\nconst store = useStore();\nlet resolvedUriName = ref();\n\nconst { execute: requestURIname, error: requestURInameError, isLoading: requestURInameLoading } = useRequestUriName({\n res: computed(() => props.context.value.name),\n voc: computed(() => props.context.attrs.voc),\n property: computed(() => props.context.attrs.property),\n locale,\n})\n\nwatchEffect(() => {\n if (props.context.value['name']) {\n if (resolvedUriName.value != props.context.value.name) {\n\n if (props.context.value.name === props.context.value.resource) {\n requestURIname().then(result => {\n resolvedUriName.value = result;\n }).catch(error => {\n console.error(error);\n })\n }\n else {\n resolvedUriName.value = props.context.value.name\n }\n }\n\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'vocabulary');\n }\n if (props.context.value['foaf:name']) {\n selectModeVal.value = t('message.dataupload.datasets.conditional.' + 'manually');\n }\n});\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n showSelect.value = !showSelect.value\n\n}\nconst removeProperty = () => {\n props.context.node.reset()\n}\nconst selectMode = (e, translatedString) => {\n selectModeVal.value = translatedString\n selectedItem.value = e\n props.context.node.reset()\n props.context.value = \"\"\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n .formkit-outer {\n width: 100%;\n }\n}\n\n.hover {\n text-decoration: underline;\n}\n\n.conditionalVocabulary {\n display: flex;\n align-items: center;\n margin: 1rem 0;\n}\n\n.w-80 {\n width: 80%;\n}\n\n.infoLicense {\n a {\n color: blue;\n }\n\n padding: 1rem;\n background-color: rgb(171, 225, 165)\n}\n\n.infoboxI {\n width: 5%;\n}\n\n.textInfoI {\n width: 95%;\n}\n</style>\n"],"names":["env","useRuntimeEnv","props","__props","getCurrentInstance","t","locale","useI18n","selectModeVal","ref","selectedItem","showSelect","useStore","resolvedUriName","requestURIname","requestURInameError","requestURInameLoading","useRequestUriName","computed","watchEffect","result","error","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,QAAIA,IAAMC,EAAc;AACxB,UAAMC,IAAQC;AAGC,IAAAC,EAAkB,EAAG,WAAW,IAAI,OAAO,iBAAiB;AACtE,UAAC,EAAE,GAAAC,GAAG,QAAAC,MAAWC;AACtB,QAAIC,IAAgBC,EAAI,GACpBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAChB,IAAAP,EAAM,QAAQ,MAAM,KAChBU,EAAU;AACxB,QAAIC,IAAkBJ,EAAG;AAEzB,UAAM,EAAE,SAASK,GAAgB,OAAOC,IAAqB,WAAWC,GAAuB,IAAGC,EAAkB;AAAA,MAClH,KAAKC,EAAS,MAAMhB,EAAM,QAAQ,MAAM,IAAI;AAAA,MAC5C,KAAKgB,EAAS,MAAMhB,EAAM,QAAQ,MAAM,GAAG;AAAA,MAC3C,UAAUgB,EAAS,MAAMhB,EAAM,QAAQ,MAAM,QAAQ;AAAA,MACrD,QAAAI;AAAA,IACF,CAAC;AAED,IAAAa,EAAY,MAAM;AAChB,MAAIjB,EAAM,QAAQ,MAAM,SAClBW,EAAgB,SAASX,EAAM,QAAQ,MAAM,SAE3CA,EAAM,QAAQ,MAAM,SAASA,EAAM,QAAQ,MAAM,WACnDY,EAAgB,EAAC,KAAK,CAAAM,MAAU;AAC9B,QAAAP,EAAgB,QAAQO;AAAA,MAClC,CAAS,EAAE,MAAM,CAAAC,MAAS;AAChB,gBAAQ,MAAMA,CAAK;AAAA,MAC7B,CAAS,IAGDR,EAAgB,QAAQX,EAAM,QAAQ,MAAM,OAIhDM,EAAc,QAAQH,EAAE,oDAAyD,IAE/EH,EAAM,QAAQ,MAAM,WAAW,MACjCM,EAAc,QAAQH,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMiB,IAAKb,EAAI,IAAI,GAEbc,IAAa,CAACC,MAAM;AAExB,MAAAb,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMc,IAAiB,MAAM;AAC3B,MAAAvB,EAAM,QAAQ,KAAK,MAAM;AAAA,IAC3B,GACMwB,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAnB,EAAc,QAAQmB,GACtBjB,EAAa,QAAQc,GACrBtB,EAAM,QAAQ,KAAK,MAAM,GACzBA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAA0B,EAAeN,GAAI,CAAAO,MAASlB,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}