@piveau/piveau-hub-ui-modules 4.2.0 → 4.3.0

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

@@ -1,12 +1,12 @@
-import { ref as h, resolveComponent as T, openBlock as i, createElementBlock as l, createElementVNode as e, toDisplayString as x, createTextVNode as o, unref as r, createCommentVNode as u, withDirectives as I, isRef as M, vModelText as V, Fragment as b, renderList as _, createVNode as g, createBlock as D } from "vue";
-import U from "./AutocompleteInput.vue.mjs";
-import { onClickOutside as A } from "../../external/@vueuse/core/index";
-import { useRuntimeEnv as E } from "../../composables/useRuntimeEnv.mjs";
+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 "./ConditionalInput.vue2.mjs";
-const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
+const E = { class: "formkitProperty" }, P = { class: "formkitHeader" }, S = {
   key: 0,
   class: "d-flex infoLicense py-5"
-}, H = /* @__PURE__ */ e("svg", {
+}, B = /* @__PURE__ */ e("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "30px",
   height: "30px",
@@ -52,14 +52,15 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
   /* @__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 intellectual property or
+  /* @__PURE__ */ o(`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(`
-        If you need further information regarding copyright issues, please contact us at 
+        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 = {
@@ -82,33 +83,33 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
   props: {
     context: Object
   },
-  setup(L) {
-    let C = E();
-    const t = L;
-    let c = h(), s = h(!1), p = h(!1);
-    const f = h(null), k = (d) => {
+  setup(T) {
+    let C = A();
+    const t = T;
+    let d = h(), c = h(!1), p = h(!1);
+    const f = h(null), k = (l) => {
       p.value = !p.value;
-    }, w = (d) => {
-      c.value = d.target.innerHTML, d.target.innerHTML === "Manually" && (s.value = "manually"), d.target.innerHTML === "Vocabulary" && (s.value = "vocabulary"), d.target.innerHTML === "URL" && (s.value = "url"), d.target.innerHTML === "Text" && (s.value = "text"), t.context.node.reset(), t.context.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 = "";
     };
-    return A(f, (d) => p.value = !1), (d, a) => {
-      const v = T("FormKit");
-      return i(), l("div", P, [
-        e("h4", S, x(t.context.attrs.identifier.charAt(0).toUpperCase() + t.context.attrs.identifier.slice(1)), 1),
+    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" && r(C).content.dataProviderInterface.annifIntegration ? (i(), l("div", B, [
-          H,
+        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" && r(C).content.dataProviderInterface.annifIntegration ? (i(), l("div", j, [
+        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(), l("div", R, [
+        t.context.attrs.identifier === "rights" ? (i(), r("div", R, [
           e("div", z, [
             e("div", K, [
               I(e("input", {
@@ -118,14 +119,14 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
                 class: "conditionalSelect formkit-input formkit-inner",
                 onClick: a[0] || (a[0] = (n) => k()),
                 placeholder: "Choose input method",
-                "onUpdate:modelValue": a[1] || (a[1] = (n) => M(c) ? c.value = n : c = n)
+                "onUpdate:modelValue": a[1] || (a[1] = (n) => L(d) ? d.value = n : d = n)
               }, null, 512), [
-                [V, r(c)]
+                [M, s(d)]
               ]),
               o(),
-              r(p) ? (i(), l("div", W, [
+              s(p) ? (i(), r("div", W, [
                 e("ul", X, [
-                  (i(!0), l(b, null, _(t.context.attrs.selection, (n, m) => (i(), l("li", {
+                  (i(!0), r(g, null, b(t.context.attrs.selection, (n, m) => (i(), r("li", {
                     class: "p-2 border-b border-gray-200",
                     onClick: a[2] || (a[2] = (y) => w(y))
                   }, x(n), 1))), 256))
@@ -134,8 +135,8 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
             ]),
             o(),
             e("div", Y, [
-              r(s) === "url" || t.context.node.value["@type"] === "url" ? (i(), l("div", $, [
-                g(v, {
+              s(c) === "url" || t.context.node.value["@type"] === "url" ? (i(), r("div", $, [
+                _(v, {
                   type: "url",
                   placeholder: "Please provide a valid URL",
                   name: "rdfs:label",
@@ -148,8 +149,8 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
               ])) : u("", !0)
             ]),
             o(),
-            r(s) === "text" || t.context.value["@type"] === "text" ? (i(), l("div", q, [
-              g(v, {
+            s(c) === "text" || t.context.value["@type"] === "text" ? (i(), r("div", q, [
+              _(v, {
                 type: "text",
                 placeholder: "Please provide a Text",
                 name: "rdfs:label",
@@ -160,7 +161,7 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
               }, null, 8, ["modelValue"])
             ])) : u("", !0)
           ])
-        ])) : (i(), l("div", G, [
+        ])) : (i(), r("div", G, [
           e("div", J, [
             e("div", Q, [
               I(e("input", {
@@ -170,14 +171,14 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
                 class: "conditionalSelect formkit-input formkit-inner",
                 onClick: a[5] || (a[5] = (n) => k()),
                 placeholder: "Choose input method",
-                "onUpdate:modelValue": a[6] || (a[6] = (n) => M(c) ? c.value = n : c = n)
+                "onUpdate:modelValue": a[6] || (a[6] = (n) => L(d) ? d.value = n : d = n)
               }, null, 512), [
-                [V, r(c)]
+                [M, s(d)]
               ]),
               o(),
-              r(p) ? (i(), l("div", Z, [
+              s(p) ? (i(), r("div", Z, [
                 e("ul", ee, [
-                  (i(!0), l(b, null, _(t.context.attrs.selection, (n, m) => (i(), l("li", {
+                  (i(!0), r(g, null, b(t.context.attrs.selection, (n, m) => (i(), r("li", {
                     class: "p-2 border-b border-gray-200",
                     onClick: a[7] || (a[7] = (y) => w(y))
                   }, x(n), 1))), 256))
@@ -186,8 +187,8 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
             ]),
             o(),
             e("div", te, [
-              r(s) === "manually" || Object.keys(t.context.value).length > 0 && t.context.value["foaf:name"] && r(s) != "vocabulary" ? (i(), l("div", oe, [
-                (i(!0), l(b, null, _(t.context.attrs.options, (n, m) => (i(), D(v, {
+              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, {
                   type: m,
                   placeholder: m,
                   name: n,
@@ -197,8 +198,8 @@ const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
               ])) : u("", !0)
             ]),
             o(),
-            r(s) === "vocabulary" || Object.keys(t.context.value).length > 0 && t.context.value.name && r(s) != "manually" ? (i(), l("div", ne, [
-              g(U, {
+            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
               }, null, 8, ["context"])
             ])) : u("", !0)

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() + props.context.attrs.identifier.slice(1) }}</h4>\n    <div v-if=\"props.context.attrs.identifier === 'licence' && env.content.dataProviderInterface.annifIntegration\" 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\" 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 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  selectModeVal.value = e.target.innerHTML\n\n  if (e.target.innerHTML === 'Manually') { selectedItem.value = \"manually\" }\n  if (e.target.innerHTML === 'Vocabulary') { selectedItem.value = \"vocabulary\" }\n  if (e.target.innerHTML === 'URL') { selectedItem.value = \"url\" }\n  if (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.infoboxI{\n  width: 5%;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGA,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;AACxB,MAAAN,EAAc,QAAQM,EAAE,OAAO,WAE3BA,EAAE,OAAO,cAAc,eAAcJ,EAAa,QAAQ,aAC1DI,EAAE,OAAO,cAAc,iBAAgBJ,EAAa,QAAQ,eAC5DI,EAAE,OAAO,cAAc,UAASJ,EAAa,QAAQ,QACrDI,EAAE,OAAO,cAAc,WAAUJ,EAAa,QAAQ,SAE1DJ,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    <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/data-provider-interface/components/SimpleAccessURLInput.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/SimpleAccessURLInput.vue.mjs

@@ -0,0 +1,33 @@
+import { openBlock as s, createElementBlock as p, createVNode as r, unref as a, isRef as c } from "vue";
+import { FormKit as d } from "@formkit/vue";
+const u = { class: "formkitProperty w-100" }, U = {
+  __name: "SimpleAccessURLInput",
+  props: {
+    context: Object
+  },
+  setup(i) {
+    const e = i;
+    let t;
+    const n = async () => {
+      this.URLValue.includes("http://") || this.URLValue.includes("https://") ? await this.context.node.input({ "@id": this.URLValue }) : await this.context.node.input({ "@id": "https://" + this.URLValue });
+    };
+    return (h, l) => (s(), p("div", u, [
+      r(a(d), {
+        id: "aUrlLink",
+        modelValue: a(t),
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => c(t) ? t.value = o : t = o),
+        class: "selectInputField formkit-inner",
+        type: "url",
+        name: "@id",
+        help: e.context.help,
+        placeholder: e.context.attrs.placeholder,
+        validation: e.context.attrs.validationType,
+        onInput: n
+      }, null, 8, ["modelValue", "help", "placeholder", "validation"])
+    ]));
+  }
+};
+export {
+  U as default
+};
+//# sourceMappingURL=SimpleAccessURLInput.vue.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleAccessURLInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/SimpleAccessURLInput.vue"],"sourcesContent":["<script setup>\n\nimport { FormKit } from '@formkit/vue';\n\nconst props = defineProps({\n    context: Object\n})\n\nlet URLValue\n\nconst saveUrl = async () => {\n\n    if (this.URLValue.includes('http://') || this.URLValue.includes('https://')) {\n        await this.context.node.input({ '@id': this.URLValue})\n    }\n    else await this.context.node.input({ '@id': 'https://' + this.URLValue })\n\n}\n</script>\n<template>\n    <div class=\"formkitProperty w-100\">\n        <FormKit id=\"aUrlLink\" v-model=\"URLValue\" class=\"selectInputField formkit-inner\" type=\"url\" name=\"@id\"\n            :help=\"props.context.help\" :placeholder=\"props.context.attrs.placeholder\"\n            :validation=\"props.context.attrs.validationType\" @input=\"saveUrl\" />\n    </div>\n</template>\n<style></style>"],"names":["props","__props","URLValue","saveUrl"],"mappings":";;;;;;;;AAIA,UAAMA,IAAQC;AAId,QAAIC;AAEJ,UAAMC,IAAU,YAAY;AAExB,MAAI,KAAK,SAAS,SAAS,SAAS,KAAK,KAAK,SAAS,SAAS,UAAU,IACtE,MAAM,KAAK,QAAQ,KAAK,MAAM,EAAE,OAAO,KAAK,SAAQ,CAAC,IAEpD,MAAM,KAAK,QAAQ,KAAK,MAAM,EAAE,OAAO,aAAa,KAAK,UAAU;AAAA,IAE5E;;;;;;;;;;;;;;;;;"}

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

@@ -1872,45 +1872,43 @@ const t = {
           mandatory: !0,
           minimum: 1,
           children: [
-            {
-              identifier: "titleLabel",
-              $formkit: "text",
-              name: "@value",
-              validation: "required"
-            },
             {
               identifier: "language",
               value: "en",
               $formkit: "select",
               validation: "required",
               options: e,
-              name: "@language"
+              name: "@language",
+              classes: {
+                outer: "w25-textfield"
+              }
+            },
+            {
+              identifier: "title",
+              $formkit: "text",
+              name: "@value",
+              validation: "required",
+              mandatory: !0,
+              classes: {
+                outer: "w75-textfield"
+              }
             }
           ]
         }
       ]
     },
     description: {
-      identifier: "datasetDescription",
+      identifier: "description",
       $formkit: "repeatable",
       name: "dct:description",
       children: [
         {
-          identifier: "datasetDescription",
+          identifier: "description",
           $formkit: "group",
           name: "dct:description",
           mandatory: !0,
           minimum: 1,
           children: [
-            {
-              identifier: "description",
-              $formkit: "textarea",
-              name: "@value",
-              validation: "required",
-              classes: {
-                outer: "w25-textfield"
-              }
-            },
             {
               identifier: "language",
               value: "en",
@@ -1919,7 +1917,16 @@ const t = {
               validation: "required",
               name: "@language",
               classes: {
-                outer: "w75-descField"
+                outer: "w25-descField"
+              }
+            },
+            {
+              identifier: "description",
+              $formkit: "textarea",
+              name: "@value",
+              validation: "required",
+              classes: {
+                outer: "w75-textfield"
               }
             }
           ]
@@ -1927,11 +1934,12 @@ const t = {
       ]
     },
     publisher: {
-      $formkit: "auto",
+      $formkit: "simpleConditional",
       identifier: "publisher",
       name: "dct:publisher",
       voc: "corporate-body",
-      id: "publisher"
+      options: { text: "foaf:name", email: "foaf:mbox", url: "foaf:homepage" },
+      selection: { 1: "vocabulary", 2: "manually" }
     },
     language: {
       identifier: "language",
@@ -1963,7 +1971,7 @@ const t = {
     },
     homepage: {
       identifier: "homepage",
-      $formkit: "url",
+      $formkit: "simpleInput",
       name: "foaf:homepage",
       validation: "optional|url"
     },
@@ -1981,7 +1989,10 @@ const t = {
               identifier: "hasPartURL",
               $formkit: "url",
               name: "@id",
-              validation: "optional|url"
+              validationType: "url",
+              classes: {
+                outer: "w100-textfield"
+              }
             }
           ]
         }
@@ -1989,41 +2000,43 @@ const t = {
     },
     isPartOf: {
       identifier: "isPartOf",
+      $formkit: "simpleInput",
       name: "dct:isPartOf",
-      $formkit: "url",
-      validation: "optional|url"
+      validationType: "url"
     },
     rights: {
       identifier: "rights",
-      $formkit: "group",
+      $formkit: "simpleConditional",
       name: "dct:rights",
-      children: [
-        {
-          identifier: "rights",
-          $formkit: "select",
-          name: "@type",
-          options: { url: "Provide an URL", str: "String" },
-          id: "rightsModeCatalogue"
-        },
-        {
-          identifier: "rights",
-          $cmp: "FormKit",
-          if: "$get(rightsModeCatalogue).value",
-          props: {
-            if: "$get(rightsModeCatalogue).value === url",
-            then: {
-              identifier: "rightsUrl",
-              type: "url",
-              label: "URL",
-              name: "rdfs:label"
-            },
-            else: {
-              type: "text",
-              name: "rdfs:label"
-            }
-          }
-        }
-      ]
+      options: { url: "rdfs:label", text: "rdfs:label" },
+      selection: { 1: "URL", 2: "Text" }
+      // children: [
+      //   {
+      //     identifier: 'rights',
+      //     $formkit: "select",
+      //     name: '@type',
+      //     options: { url: 'Provide an URL', str: 'String' },
+      //     id: "rightsModeCatalogue"
+      //   },
+      //   {
+      //     identifier: 'rights',
+      //     $cmp: "FormKit",
+      //     if: "$get(rightsModeCatalogue).value",
+      //     props: {
+      //       if: "$get(rightsModeCatalogue).value === url",
+      //       then: {
+      //         identifier: 'rightsUrl',
+      //         type: "url",
+      //         label: "URL",
+      //         name: 'rdfs:label',
+      //       },
+      //       else: {
+      //         type: "text",
+      //         name: 'rdfs:label',
+      //       }
+      //     }
+      //   }
+      // ]
     },
     catalog: {
       identifier: "catalog",
@@ -2038,8 +2051,11 @@ const t = {
             {
               identifier: "catalogURL",
               $formkit: "url",
-              validation: "optional|url",
-              name: "@id"
+              validationType: "url",
+              name: "@id",
+              classes: {
+                outer: "w100-textfield"
+              }
             }
           ]
         }
@@ -2047,7 +2063,7 @@ const t = {
     },
     creator: {
       identifier: "creator",
-      $formkit: "group",
+      $formkit: "formkitGroup",
       name: "dct:creator",
       children: [
         {
@@ -2058,24 +2074,36 @@ const t = {
             "": "---",
             "foaf:Person": "Person",
             "foaf:Organization": "Organization"
+          },
+          classes: {
+            outer: "w100-textfield"
           }
         },
         {
           identifier: "creatorName",
           $formkit: "text",
-          name: "foaf:name"
+          name: "foaf:name",
+          classes: {
+            outer: "w100-textfield"
+          }
         },
         {
           identifier: "creatorEmail",
           $formkit: "email",
           name: "foaf:mbox",
-          validation: "optional|email"
+          validation: "optional|email",
+          classes: {
+            outer: "w100-textfield"
+          }
         },
         {
           identifier: "creatorHomepage",
           $formkit: "url",
           name: "foaf:homepage",
-          validation: "optional|url"
+          validation: "optional|url",
+          classes: {
+            outer: "w100-textfield"
+          }
         }
       ]
     }