@piveau/piveau-hub-ui-modules 4.2.1 → 4.3.0-beta.0

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

@@ -1,12 +1,13 @@
-import { ref as h, resolveComponent as V, openBlock as i, createElementBlock as r, createElementVNode as e, toDisplayString as x, createTextVNode as o, unref as s, createCommentVNode as u, withDirectives as I, isRef as L, vModelText as M, Fragment as g, renderList as b, createVNode as _, createBlock as H } from "vue";
-import D from "./AutocompleteInput.vue.mjs";
-import { onClickOutside as U } from "../../external/@vueuse/core/index";
-import { useRuntimeEnv as A } from "../../composables/useRuntimeEnv.mjs";
+import { ref as h, watchEffect as A, resolveComponent as L, openBlock as n, createElementBlock as a, createElementVNode as t, toDisplayString as f, createTextVNode as i, unref as r, createCommentVNode as d, withDirectives as V, isRef as D, vModelText as E, Fragment as g, renderList as x, createVNode as _, createBlock as P, createStaticVNode as T } from "vue";
+import U from "./AutocompleteInput.vue.mjs";
+import { onClickOutside as B } from "../../external/@vueuse/core/index";
+import { useRuntimeEnv as N } from "../../composables/useRuntimeEnv.mjs";
+import { useI18n as $ } from "vue-i18n";
 import "./ConditionalInput.vue2.mjs";
-const E = { class: "formkitProperty" }, P = { class: "formkitHeader" }, S = {
+const F = { class: "formkitProperty" }, j = { class: "formkitHeader" }, O = {
   key: 0,
   class: "d-flex infoLicense py-5"
-}, B = /* @__PURE__ */ e("svg", {
+}, R = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "30px",
   height: "30px",
@@ -14,33 +15,21 @@ const E = { class: "formkitProperty" }, P = { class: "formkitHeader" }, S = {
   class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
   viewBox: "0 0 16 16"
 }, [
-  /* @__PURE__ */ e("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" }),
-  /* @__PURE__ */ o(),
-  /* @__PURE__ */ e("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" })
-], -1), N = /* @__PURE__ */ e("p", { class: "textInfoI" }, [
-  /* @__PURE__ */ o("For European Commission’s datasets, bear in mind that Decision "),
-  /* @__PURE__ */ e("a", { href: "https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833" }, "2011/833/EU"),
-  /* @__PURE__ */ o(` allows for their
-        commercial reuse
-        without prior authorisation, except for the material subject to the third party intellectual property rights.
-        This Decision has been implemented under the `),
-  /* @__PURE__ */ e("a", { href: "https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en" }, `Decision C(2019)
-          1655 final`),
-  /* @__PURE__ */ o(` by which Creative Commons Attribution
-        4.0 International Public License (CC BY 4.0) is adopted as an open licence for the Commission’s reuse policy.
-        Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed under
-        the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).
-        `),
-  /* @__PURE__ */ e("br"),
-  /* @__PURE__ */ e("br"),
-  /* @__PURE__ */ o(`
-        The Council and the European Court of Auditors have approved similar decisions on reuse. It is advisable that
-        you check the reuse policy of your organisation before publishing or submitting your dataset.
-      `)
-], -1), j = {
+  /* @__PURE__ */ t("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" }),
+  /* @__PURE__ */ i(),
+  /* @__PURE__ */ t("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" })
+], -1), X = /* @__PURE__ */ T(`<div class="w-80"><p><em>For <strong>European</strong> <strong>Commission&#39;s datasets</strong>, bear in mind
+            that <ins>Decision 2011/833/EU</ins> <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]" target="_blank" rel="nofollow noopener">[link</a> ] allows for their commercial reuse without prior authorisation,
+            except for the material subject to the third party intellectual property rights. This Decision has been
+            implemented under the <ins>Decision C(2019) 1655 final</ins> <a href="https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en]" target="_blank" rel="nofollow noopener">[link</a> ] by which Creative Commons Attribution 4.0
+            International Public License (CC BY 4.0) is adopted as an open licence for the Commission&#39;s reuse policy.
+            Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed
+            under the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</em></p> <p><em>The <strong>Council</strong> and the <strong>European Court of Auditors</strong> have
+            approved similar decisions on reuse. It is advisable that you check <strong>the reuse policy of your
+              organisation</strong> before publishing or submitting your dataset.</em></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>`, 1), z = {
   key: 1,
   class: "d-flex infoLicense py-5"
-}, F = /* @__PURE__ */ e("svg", {
+}, K = /* @__PURE__ */ t("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "30px",
   height: "30px",
@@ -48,161 +37,178 @@ const E = { class: "formkitProperty" }, P = { class: "formkitHeader" }, S = {
   class: "bi bi-info-circle mx-3 mb-3 mt-1 infoboxI",
   viewBox: "0 0 16 16"
 }, [
-  /* @__PURE__ */ e("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" }),
-  /* @__PURE__ */ o(),
-  /* @__PURE__ */ e("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" })
-], -1), O = /* @__PURE__ */ e("p", { class: "textInfoI" }, [
-  /* @__PURE__ */ o(`As owner of your dataset, you guarantee that it does not violate the copyright, other
+  /* @__PURE__ */ t("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" }),
+  /* @__PURE__ */ i(),
+  /* @__PURE__ */ t("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" })
+], -1), W = /* @__PURE__ */ t("p", { class: "textInfoI" }, [
+  /* @__PURE__ */ i(`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.
         `),
-  /* @__PURE__ */ e("br"),
-  /* @__PURE__ */ e("br"),
-  /* @__PURE__ */ o(`
+  /* @__PURE__ */ t("br"),
+  /* @__PURE__ */ t("br"),
+  /* @__PURE__ */ i(`
         If you need further information regarding copyright issues, please contact us at
         `),
-  /* @__PURE__ */ e("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
-], -1), R = {
+  /* @__PURE__ */ t("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
+], -1), H = {
   key: 2,
   class: "formkitCmpWrap simpleConditional"
-}, z = { class: "m-3" }, K = { class: "conditionalSelectDiv" }, W = { key: 0 }, X = { class: "selectListConditional" }, Y = { class: "conditionalManual" }, $ = {
+}, Y = { class: "m-3" }, q = { class: "conditionalSelectDiv" }, G = { key: 0 }, J = { class: "selectListConditional" }, Q = { class: "conditionalManual" }, Z = {
   key: 0,
   class: "d-flex"
-}, q = { key: 0 }, G = {
+}, ee = { key: 0 }, te = {
   key: 3,
   class: "formkitCmpWrap simpleConditional"
-}, J = { class: "m-3" }, Q = { class: "conditionalSelectDiv" }, Z = { key: 0 }, ee = { class: "selectListConditional" }, te = { class: "conditionalManual" }, oe = {
+}, oe = { class: "m-3" }, ne = { class: "conditionalSelectDiv" }, ae = ["placeholder"], ie = { key: 0 }, se = { class: "selectListConditional" }, le = ["onClick"], re = { class: "conditionalManual" }, de = {
   key: 0,
   class: "d-flex"
-}, ne = {
-  key: 0,
-  class: "conditionalVocabulary"
 }, ce = {
+  key: 0,
+  class: ""
+}, ue = {
+  key: 1,
+  class: "conditionalVocabulary d-flex"
+}, pe = { class: "autocompleteInputSingleValue" }, xe = {
   __name: "ConditionalInput",
   props: {
     context: Object
   },
-  setup(T) {
-    let C = A();
-    const t = T;
-    let d = h(), c = h(!1), p = h(!1);
-    const f = h(null), k = (l) => {
+  setup(M) {
+    let b = N();
+    const e = M, { t: k } = $();
+    let l = h(), u = h(!1), p = h(!1);
+    A(() => {
+      e.context.value.name && (l.value = k("message.dataupload.datasets.conditional.vocabulary")), e.context.value["foaf:name"] && (l.value = k("message.dataupload.datasets.conditional.manually"));
+    });
+    const v = h(null), C = (c) => {
       p.value = !p.value;
-    }, w = (l) => {
-      console.log(l.target.innerHTML), d.value = l.target.innerHTML, (l.target.innerHTML === "manually" || l.target.innerHTML === "manually") && (c.value = "manually"), (l.target.innerHTML === "Vocabulary" || l.target.innerHTML === "vocabulary") && (c.value = "vocabulary"), (l.target.innerHTML === "URL" || l.target.innerHTML === "url") && (c.value = "url"), (l.target.innerHTML === "Text" || l.target.innerHTML === "text") && (c.value = "text"), t.context.node.reset(), t.context.value = "";
+    }, S = () => {
+      e.context.node.reset();
+    }, w = (c, s) => {
+      l.value = s, u.value = c, e.context.node.reset(), e.context.value = "";
     };
-    return U(f, (l) => p.value = !1), (l, a) => {
-      const v = V("FormKit");
-      return i(), r("div", E, [
-        e("h4", P, x(t.context.attrs.identifier.charAt(0).toUpperCase() + t.context.attrs.identifier.slice(1)), 1),
-        o(),
-        t.context.attrs.identifier === "licence" && s(C).content.dataProviderInterface.annifIntegration ? (i(), r("div", S, [
-          B,
-          o(),
-          N
-        ])) : u("", !0),
-        o(),
-        t.context.attrs.identifier === "rights" && s(C).content.dataProviderInterface.annifIntegration ? (i(), r("div", j, [
-          F,
-          o(),
-          O
-        ])) : u("", !0),
-        o(),
-        t.context.attrs.identifier === "rights" ? (i(), r("div", R, [
-          e("div", z, [
-            e("div", K, [
-              I(e("input", {
+    return B(v, (c) => p.value = !1), (c, s) => {
+      const y = L("FormKit");
+      return n(), a("div", F, [
+        t("h4", j, f(c.$t("message.dataupload.datasets." + e.context.attrs.identifier + ".label")), 1),
+        i(),
+        e.context.attrs.identifier === "licence" && r(b).content.dataProviderInterface.annifIntegration ? (n(), a("div", O, [
+          R,
+          i(),
+          X
+        ])) : d("", !0),
+        i(),
+        e.context.attrs.identifier === "rights" && r(b).content.dataProviderInterface.annifIntegration ? (n(), a("div", z, [
+          K,
+          i(),
+          W
+        ])) : d("", !0),
+        i(),
+        e.context.attrs.identifier === "rights" ? (n(), a("div", H, [
+          t("div", Y, [
+            t("div", q, [
+              V(t("input", {
                 ref_key: "I1",
-                ref: f,
+                ref: v,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: a[0] || (a[0] = (n) => k()),
+                onClick: s[0] || (s[0] = (o) => C()),
                 placeholder: "Choose input method",
-                "onUpdate:modelValue": a[1] || (a[1] = (n) => L(d) ? d.value = n : d = n)
+                "onUpdate:modelValue": s[1] || (s[1] = (o) => D(l) ? l.value = o : l = o)
               }, null, 512), [
-                [M, s(d)]
+                [E, r(l)]
               ]),
-              o(),
-              s(p) ? (i(), r("div", W, [
-                e("ul", X, [
-                  (i(!0), r(g, null, b(t.context.attrs.selection, (n, m) => (i(), r("li", {
+              i(),
+              r(p) ? (n(), a("div", G, [
+                t("ul", J, [
+                  (n(!0), a(g, null, x(e.context.attrs.selection, (o, m) => (n(), a("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: a[2] || (a[2] = (y) => w(y))
-                  }, x(n), 1))), 256))
+                    onClick: s[2] || (s[2] = (I) => w(I))
+                  }, f(o), 1))), 256))
                 ])
-              ])) : u("", !0)
+              ])) : d("", !0)
             ]),
-            o(),
-            e("div", Y, [
-              s(c) === "url" || t.context.node.value["@type"] === "url" ? (i(), r("div", $, [
-                _(v, {
+            i(),
+            t("div", Q, [
+              r(u) === "url" || e.context.node.value["@type"] === "url" ? (n(), a("div", Z, [
+                _(y, {
                   type: "url",
                   placeholder: "Please provide a valid URL",
                   name: "rdfs:label",
                   validation: "url",
                   class: "w-100",
                   identifier: "rightsUrl",
-                  modelValue: t.context.value["rdfs:value"],
-                  "onUpdate:modelValue": a[3] || (a[3] = (n) => t.context.value["rdfs:value"] = n)
+                  modelValue: e.context.value["rdfs:value"],
+                  "onUpdate:modelValue": s[3] || (s[3] = (o) => e.context.value["rdfs:value"] = o)
                 }, null, 8, ["modelValue"])
-              ])) : u("", !0)
+              ])) : d("", !0)
             ]),
-            o(),
-            s(c) === "text" || t.context.value["@type"] === "text" ? (i(), r("div", q, [
-              _(v, {
+            i(),
+            r(u) === "text" || e.context.value["@type"] === "text" ? (n(), a("div", ee, [
+              _(y, {
                 type: "text",
                 placeholder: "Please provide a Text",
                 name: "rdfs:label",
                 class: "w-100",
                 identifier: "rightsText",
-                modelValue: t.context.value["rdfs:value"],
-                "onUpdate:modelValue": a[4] || (a[4] = (n) => t.context.value["rdfs:value"] = n)
+                modelValue: e.context.value["rdfs:value"],
+                "onUpdate:modelValue": s[4] || (s[4] = (o) => e.context.value["rdfs:value"] = o)
               }, null, 8, ["modelValue"])
-            ])) : u("", !0)
+            ])) : d("", !0)
           ])
-        ])) : (i(), r("div", G, [
-          e("div", J, [
-            e("div", Q, [
-              I(e("input", {
+        ])) : (n(), a("div", te, [
+          t("div", oe, [
+            t("div", ne, [
+              V(t("input", {
                 ref_key: "I1",
-                ref: f,
+                ref: v,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: a[5] || (a[5] = (n) => k()),
-                placeholder: "Choose input method",
-                "onUpdate:modelValue": a[6] || (a[6] = (n) => L(d) ? d.value = n : d = n)
-              }, null, 512), [
-                [M, s(d)]
+                onClick: s[5] || (s[5] = (o) => C()),
+                placeholder: e.context.attrs.placeholder,
+                "onUpdate:modelValue": s[6] || (s[6] = (o) => D(l) ? l.value = o : l = o)
+              }, null, 8, ae), [
+                [E, r(l)]
               ]),
-              o(),
-              s(p) ? (i(), r("div", Z, [
-                e("ul", ee, [
-                  (i(!0), r(g, null, b(t.context.attrs.selection, (n, m) => (i(), r("li", {
+              i(),
+              r(p) ? (n(), a("div", ie, [
+                t("ul", se, [
+                  (n(!0), a(g, null, x(e.context.attrs.selection, (o, m) => (n(), a("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: a[7] || (a[7] = (y) => w(y))
-                  }, x(n), 1))), 256))
+                    onClick: (I) => w(o, c.$t("message.dataupload.datasets.conditional." + o))
+                  }, f(c.$t("message.dataupload.datasets.conditional." + o)), 9, le))), 256))
                 ])
-              ])) : u("", !0)
+              ])) : d("", !0)
             ]),
-            o(),
-            e("div", te, [
-              s(c) === "manually" || Object.keys(t.context.value).length > 0 && t.context.value["foaf:name"] && s(c) != "vocabulary" ? (i(), r("div", oe, [
-                (i(!0), r(g, null, b(t.context.attrs.options, (n, m) => (i(), H(v, {
+            i(),
+            t("div", re, [
+              r(u) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && r(u) != "vocabulary" ? (n(), a("div", de, [
+                (n(!0), a(g, null, x(e.context.attrs.options, (o, m) => (n(), P(y, {
                   type: m,
-                  placeholder: m,
-                  name: n,
+                  placeholder: c.$t("message.dataupload.datasets.individual." + o),
+                  name: o,
                   validation: m,
                   class: "w-100"
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
-              ])) : u("", !0)
+              ])) : d("", !0)
             ]),
-            o(),
-            s(c) === "vocabulary" || Object.keys(t.context.value).length > 0 && t.context.value.name && s(c) != "manually" ? (i(), r("div", ne, [
-              _(D, {
-                context: t.context
+            i(),
+            r(u) === "vocabulary" && !e.context.value.name ? (n(), a("div", ce, [
+              _(U, {
+                context: e.context
               }, null, 8, ["context"])
-            ])) : u("", !0)
+            ])) : d("", !0),
+            i(),
+            e.context.value.name ? (n(), a("div", ue, [
+              t("a", pe, f(e.context.value.name), 1),
+              i(),
+              t("div", {
+                class: "removeX",
+                onClick: S
+              })
+            ])) : d("", !0)
           ])
         ]))
       ]);
@@ -210,6 +216,6 @@ const E = { class: "formkitProperty" }, P = { class: "formkitHeader" }, S = {
   }
 };
 export {
-  ce as default
+  xe as default
 };
 //# sourceMappingURL=ConditionalInput.vue.mjs.map

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

@@ -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    <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      <p class=\"textInfoI\">For European Commission’s datasets, bear in mind that Decision <a\n          href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833\">2011/833/EU</a> allows for their\n        commercial reuse\n        without prior authorisation, except for the material subject to the third party intellectual property rights.\n        This Decision has been implemented under the <a\n          href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&lang=en\">Decision C(2019)\n          1655 final</a> by which Creative Commons Attribution\n        4.0 International Public License (CC BY 4.0) is adopted as an open licence for the Commission’s reuse policy.\n        Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed under\n        the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).\n        <br><br>\n        The Council and the European Court of Auditors have approved similar decisions on reuse. It is advisable that\n        you check the reuse policy of your organisation before publishing or submitting your dataset.\n      </p>\n    </div>\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=\"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 === 'url' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" placeholder=\"Please provide a valid URL\" name=\"rdfs:label\" validation=\"url\"\n              class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" placeholder=\"Please provide a Text\" name=\"rdfs:label\" class=\"w-100\"\n            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=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n              :validation=\"key\" class=\"w-100\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'vocabulary' || Object.keys(props.context.value).length > 0\n          && props.context.value.name && selectedItem != 'manually'\" class=\"conditionalVocabulary\">\n          <AutocompleteInput :context=\"props.context\"></AutocompleteInput>\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\nconst I1 = ref(null)\n\nconst openSelect = (e) => {\n\n  showSelect.value = !showSelect.value\n\n}\nconst selectMode = (e) => {\n\n  console.log(e.target.innerHTML);\n  \n  selectModeVal.value = e.target.innerHTML\n\n  if (e.target.innerHTML === 'manually'|| e.target.innerHTML === 'manually') { selectedItem.value = \"manually\" }\n  if (e.target.innerHTML === 'Vocabulary' || e.target.innerHTML === 'vocabulary') { selectedItem.value = \"vocabulary\" }\n  if (e.target.innerHTML === 'URL' ||e.target.innerHTML === 'url') { selectedItem.value = \"url\" }\n  if (e.target.innerHTML === 'Text' || e.target.innerHTML === 'text') { selectedItem.value = \"text\" }\n\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.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>"],"names":["env","useRuntimeEnv","props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6GA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC;AAGd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAG1B,UAAMG,IAAKH,EAAI,IAAI,GAEbI,IAAa,CAACC,MAAM;AAExB,MAAAH,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMI,IAAa,CAACD,MAAM;AAExB,cAAQ,IAAIA,EAAE,OAAO,SAAS,GAE9BN,EAAc,QAAQM,EAAE,OAAO,YAE3BA,EAAE,OAAO,cAAc,cAAaA,EAAE,OAAO,cAAc,gBAAcJ,EAAa,QAAQ,cAC9FI,EAAE,OAAO,cAAc,gBAAgBA,EAAE,OAAO,cAAc,kBAAgBJ,EAAa,QAAQ,gBACnGI,EAAE,OAAO,cAAc,SAAQA,EAAE,OAAO,cAAc,WAASJ,EAAa,QAAQ,SACpFI,EAAE,OAAO,cAAc,UAAUA,EAAE,OAAO,cAAc,YAAUJ,EAAa,QAAQ,SAE3FJ,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAU,EAAeJ,GAAI,CAAAK,MAASN,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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      {{ $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><em>For&nbsp;<strong>European</strong>&nbsp;<strong>Commission's datasets</strong>, bear in mind\n            that&nbsp;<ins>Decision 2011/833/EU</ins>&nbsp;<a\n              href=\"https://eur-lex.europa.eu/legal-content/EN/TXT/?uri=CELEX:32011D0833]\" target=\"_blank\"\n              rel=\"nofollow noopener\">[link</a>&nbsp;] allows for their commercial reuse without prior authorisation,\n            except for the material subject to the third party intellectual property rights. This Decision has been\n            implemented under the&nbsp;<ins>Decision C(2019) 1655 final</ins>&nbsp;<a\n              href=\"https://ec.europa.eu/transparency/documents-register/detail?ref=C(2019)1655&amp;lang=en]\"\n              target=\"_blank\" rel=\"nofollow noopener\">[link</a>&nbsp;] by which Creative Commons Attribution 4.0\n            International Public License (CC BY 4.0) is adopted as an open licence for the Commission's reuse policy.\n            Additionally, raw data, metadata or other documents of comparable nature may alternatively be distributed\n            under the provisions of the Creative Commons Universal Public Domain Dedication deed (CC0 1.0).</em></p>\n        <p><em>The&nbsp;<strong>Council</strong>&nbsp;and the&nbsp;<strong>European Court of Auditors</strong>&nbsp;have\n            approved similar decisions on reuse. It is advisable that you check&nbsp;<strong>the reuse policy of your\n              organisation</strong>&nbsp;before publishing or submitting your dataset.</em></p>\n        <p>If you need further information regarding copyright issues, please contact us at&nbsp;<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\n    </div>\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=\"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 === 'url' || props.context.node.value['@type'] === 'url'\">\n            <FormKit type=\"url\" placeholder=\"Please provide a valid URL\" name=\"rdfs:label\" validation=\"url\"\n              class=\"w-100\" identifier=\"rightsUrl\" v-model=\"props.context.value['rdfs:value']\"></FormKit>\n          </div>\n        </div>\n        <div v-if=\"selectedItem === 'text' || props.context.value['@type'] === 'text'\">\n          <FormKit type=\"text\" placeholder=\"Please provide a Text\" name=\"rdfs:label\" class=\"w-100\"\n            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          <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 === '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        <div v-if=\"props.context.value['name']\" class=\"conditionalVocabulary d-flex\">\n          <a class=\"autocompleteInputSingleValue\">{{\n            props.context.value['name'] }}</a>\n          <div class=\"removeX\" @click=\"removeProperty\"></div>\n\n        </div>\n\n\n      </div>\n\n    </div>\n  </div>\n\n</template>\n<script setup>\nimport { ref, watchEffect } from 'vue';\nimport AutocompleteInput from './AutocompleteInput.vue';\nimport { onClickOutside } from '@vueuse/core'\nimport { useRuntimeEnv } from \"../../composables/useRuntimeEnv.ts\";\nimport { useI18n } from 'vue-i18n';\n\nlet env = useRuntimeEnv()\nconst props = defineProps({\n  context: Object,\n})\nconst { t } = useI18n();\nlet selectModeVal = ref()\nlet selectedItem = ref(false)\nlet showSelect = ref(false)\n\n\n\nwatchEffect(() => {\n  if (props.context.value['name']) {\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>"],"names":["env","useRuntimeEnv","props","__props","t","useI18n","selectModeVal","ref","selectedItem","showSelect","watchEffect","I1","openSelect","e","removeProperty","selectMode","translatedString","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA,QAAIA,IAAMC,EAAe;AACzB,UAAMC,IAAQC,GAGR,EAAE,GAAAC,EAAC,IAAKC;AACd,QAAIC,IAAgBC,EAAK,GACrBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK;AAI1B,IAAAG,EAAY,MAAM;AAChB,MAAIR,EAAM,QAAQ,MAAM,SACtBI,EAAc,QAAQF,EAAE,oDAAyD,IAE/EF,EAAM,QAAQ,MAAM,WAAW,MACjCI,EAAc,QAAQF,EAAE,kDAAuD;AAAA,IAEnF,CAAC;AAED,UAAMO,IAAKJ,EAAI,IAAI,GAEbK,IAAa,CAACC,MAAM;AAExB,MAAAJ,EAAW,QAAQ,CAACA,EAAW;AAAA,IAEjC,GACMK,IAAiB,MAAM;AAC3B,MAAAZ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B,GACMa,IAAa,CAACF,GAAGG,MAAqB;AAC1C,MAAAV,EAAc,QAAQU,GACtBR,EAAa,QAAQK,GACrBX,EAAM,QAAQ,KAAK,MAAO,GAC1BA,EAAM,QAAQ,QAAQ;AAAA,IACxB;AAEA,WAAAe,EAAeN,GAAI,CAAAO,MAAST,EAAW,QAAQ,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}