@piveau/piveau-hub-ui-modules 4.1.3 → 4.1.5

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

@@ -1,80 +1,214 @@
-import { ref as m, resolveComponent as V, openBlock as t, createElementBlock as l, createElementVNode as n, toDisplayString as _, createTextVNode as p, withDirectives as M, isRef as S, vModelText as I, unref as i, Fragment as x, renderList as y, createCommentVNode as v, createBlock as L, createVNode as N } from "vue";
-import O from "./AutocompleteInput.vue.mjs";
-import { onClickOutside as T } from "../../external/@vueuse/core/index";
+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 "./ConditionalInput.vue2.mjs";
-const j = { class: "formkitProperty" }, w = { class: "formkitCmpWrap simpleConditional" }, B = { class: "m-3" }, D = { class: "conditionalSelectDiv" }, F = { key: 0 }, E = { class: "selectListConditional" }, H = { class: "conditionalManual" }, K = {
+const P = { class: "formkitProperty" }, S = { class: "formkitHeader" }, B = {
+  key: 0,
+  class: "d-flex infoLicense py-5"
+}, H = /* @__PURE__ */ e("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"
+}, [
+  /* @__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 = {
+  key: 1,
+  class: "d-flex infoLicense py-5"
+}, F = /* @__PURE__ */ e("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"
+}, [
+  /* @__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 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 
+        `),
+  /* @__PURE__ */ e("a", { href: "mailto:op-copyright@publications.europa.eu" }, "op-copyright@publications.europa.eu")
+], -1), R = {
+  key: 2,
+  class: "formkitCmpWrap simpleConditional"
+}, z = { class: "m-3" }, K = { class: "conditionalSelectDiv" }, W = { key: 0 }, X = { class: "selectListConditional" }, Y = { class: "conditionalManual" }, $ = {
+  key: 0,
+  class: "d-flex"
+}, q = { key: 0 }, G = {
+  key: 3,
+  class: "formkitCmpWrap simpleConditional"
+}, J = { class: "m-3" }, Q = { class: "conditionalSelectDiv" }, Z = { key: 0 }, ee = { class: "selectListConditional" }, te = { class: "conditionalManual" }, oe = {
   key: 0,
   class: "d-flex"
-}, P = {
+}, ne = {
   key: 0,
   class: "conditionalVocabulary"
-}, q = {
+}, ce = {
   __name: "ConditionalInput",
   props: {
     context: Object
   },
-  setup(h) {
-    const e = h;
-    let r = m(), a = m(!1), d = m(!1);
-    const f = m(null), k = (c) => {
-      d.value = !d.value;
-    }, b = (c) => {
-      r.value = c.target.innerHTML, c.target.innerHTML === "manually" ? a.value = "manually" : a.value = "vocabulary", e.context.node.reset();
+  setup(L) {
+    let C = E();
+    const t = L;
+    let c = h(), s = h(!1), p = h(!1);
+    const f = h(null), k = (d) => {
+      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 = "";
     };
-    return T(f, (c) => d.value = !1), (c, s) => {
-      const C = V("FormKit");
-      return t(), l("div", j, [
-        n("h4", null, _(e.context.attrs.identifier), 1),
-        p(),
-        n("div", w, [
-          n("div", B, [
-            n("div", D, [
-              M(n("input", {
+    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),
+        o(),
+        t.context.attrs.identifier === "licence" && r(C).content.dataProviderInterface.annifIntegration ? (i(), l("div", B, [
+          H,
+          o(),
+          N
+        ])) : u("", !0),
+        o(),
+        t.context.attrs.identifier === "rights" && r(C).content.dataProviderInterface.annifIntegration ? (i(), l("div", j, [
+          F,
+          o(),
+          O
+        ])) : u("", !0),
+        o(),
+        t.context.attrs.identifier === "rights" ? (i(), l("div", R, [
+          e("div", z, [
+            e("div", K, [
+              I(e("input", {
+                ref_key: "I1",
+                ref: f,
+                type: "text",
+                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)
+              }, null, 512), [
+                [V, r(c)]
+              ]),
+              o(),
+              r(p) ? (i(), l("div", W, [
+                e("ul", X, [
+                  (i(!0), l(b, null, _(t.context.attrs.selection, (n, m) => (i(), l("li", {
+                    class: "p-2 border-b border-gray-200",
+                    onClick: a[2] || (a[2] = (y) => w(y))
+                  }, x(n), 1))), 256))
+                ])
+              ])) : u("", !0)
+            ]),
+            o(),
+            e("div", Y, [
+              r(s) === "url" || t.context.node.value["@type"] === "url" ? (i(), l("div", $, [
+                g(v, {
+                  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)
+                }, null, 8, ["modelValue"])
+              ])) : u("", !0)
+            ]),
+            o(),
+            r(s) === "text" || t.context.value["@type"] === "text" ? (i(), l("div", q, [
+              g(v, {
+                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)
+              }, null, 8, ["modelValue"])
+            ])) : u("", !0)
+          ])
+        ])) : (i(), l("div", G, [
+          e("div", J, [
+            e("div", Q, [
+              I(e("input", {
                 ref_key: "I1",
                 ref: f,
                 type: "text",
                 class: "conditionalSelect formkit-input formkit-inner",
-                onClick: s[0] || (s[0] = (o) => k()),
+                onClick: a[5] || (a[5] = (n) => k()),
                 placeholder: "Choose input method",
-                "onUpdate:modelValue": s[1] || (s[1] = (o) => S(r) ? r.value = o : r = o)
+                "onUpdate:modelValue": a[6] || (a[6] = (n) => M(c) ? c.value = n : c = n)
               }, null, 512), [
-                [I, i(r)]
+                [V, r(c)]
               ]),
-              p(),
-              i(d) ? (t(), l("div", F, [
-                n("ul", E, [
-                  (t(!0), l(x, null, y(e.context.attrs.selection, (o, u) => (t(), l("li", {
+              o(),
+              r(p) ? (i(), l("div", Z, [
+                e("ul", ee, [
+                  (i(!0), l(b, null, _(t.context.attrs.selection, (n, m) => (i(), l("li", {
                     class: "p-2 border-b border-gray-200",
-                    onClick: s[2] || (s[2] = (g) => b(g))
-                  }, _(o), 1))), 256))
+                    onClick: a[7] || (a[7] = (y) => w(y))
+                  }, x(n), 1))), 256))
                 ])
-              ])) : v("", !0)
+              ])) : u("", !0)
             ]),
-            p(),
-            n("div", H, [
-              i(a) === "manually" || Object.keys(e.context.value).length > 0 && e.context.value["foaf:name"] && i(a) != "vocabulary" ? (t(), l("div", K, [
-                (t(!0), l(x, null, y(e.context.attrs.options, (o, u) => (t(), L(C, {
-                  type: u,
-                  placeholder: u,
-                  name: o,
-                  validation: u,
+            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, {
+                  type: m,
+                  placeholder: m,
+                  name: n,
+                  validation: m,
                   class: "w-100"
                 }, null, 8, ["type", "placeholder", "name", "validation"]))), 256))
-              ])) : v("", !0)
+              ])) : u("", !0)
             ]),
-            p(),
-            i(a) === "vocabulary" || Object.keys(e.context.value).length > 0 && e.context.value.name && i(a) != "manually" ? (t(), l("div", P, [
-              N(O, {
-                context: e.context
+            o(),
+            r(s) === "vocabulary" || Object.keys(t.context.value).length > 0 && t.context.value.name && r(s) != "manually" ? (i(), l("div", ne, [
+              g(U, {
+                context: t.context
               }, null, 8, ["context"])
-            ])) : v("", !0)
+            ])) : u("", !0)
           ])
-        ])
+        ]))
       ]);
     };
   }
 };
 export {
-  q as default
+  ce 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>{{ props.context.attrs.identifier }}</h4>\n    <div class=\"formkitCmpWrap simpleConditional\">\n      <div class=\"m-3\">\n        <div class=\"conditionalSelectDiv\">\n          <input ref=\"I1\" type=\"text\" class=\"conditionalSelect formkit-input formkit-inner\" @click=\"openSelect($event)\"\n            placeholder=\"Choose input method\" v-model=\"selectModeVal\">\n          <div v-if=\"showSelect\">\n            <ul class=\"selectListConditional\">\n              <li v-for=\"el, index in props.context.attrs.selection\" class=\"p-2 border-b border-gray-200 \"\n                @click=\"selectMode($event)\">{{ el }}</li>\n            </ul>\n          </div>\n        </div>\n        <div class=\"conditionalManual\">\n          <div class=\"d-flex\" v-if=\"selectedItem === 'manually' ||\n            Object.keys(props.context.value).length > 0 && props.context.value['foaf:name']\n            && selectedItem != 'vocabulary'\">\n            <FormKit v-for=\"el, key in props.context.attrs.options\" :type=\"key\" :placeholder=\"key\" :name=\"el\"\n              :validation=\"key\" 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'\n\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') {\n    selectedItem.value = \"manually\"\n  }\n  else selectedItem.value = \"vocabulary\"\n  props.context.node.reset()\n}\n\nonClickOutside(I1, event => showSelect.value = false)\n\n</script>\n<style>\n.conditionalManual {\n  .formkit-outer {\n    width: 100%;\n  }\n}\n</style>"],"names":["props","__props","selectModeVal","ref","selectedItem","showSelect","I1","openSelect","e","selectMode","onClickOutside","event"],"mappings":";;;;;;;;;;;;;;;;AAwCA,UAAMA,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,aACzBJ,EAAa,QAAQ,aAElBA,EAAa,QAAQ,cAC1BJ,EAAM,QAAQ,KAAK,MAAO;AAAA,IAC5B;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() + 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, markRaw as $, resolveComponent as v, openBlock as i, createBlock as D, withCtx as f, createElementVNode as n, createElementBlock as s, Fragment as y, renderList as b, normalizeClass as I, toDisplayString as C, createTextVNode as r, createCommentVNode as c, createVNode as g } from "vue";
+import { defineComponent as k, markRaw as $, resolveComponent as v, openBlock as i, createBlock as D, withCtx as y, createElementVNode as n, createElementBlock as o, Fragment as b, renderList as C, normalizeClass as I, toDisplayString as h, createTextVNode as r, createCommentVNode as l, createVNode as g } from "vue";
 import { mapGetters as P } from "vuex";
 import { useDpiStepper as F } from "../composables/useDpiStepper.mjs";
 import V from "./InputPageStep.vue.mjs";
@@ -66,26 +66,26 @@ const K = k({
     const {
       steps: e,
       activeStep: a,
-      visitedSteps: l,
-      previousStep: h,
-      nextStep: S,
-      stepPlugin: _,
+      visitedSteps: c,
+      previousStep: S,
+      nextStep: _,
+      stepPlugin: f,
       goToNextStep: p,
       goToPreviousStep: d
-    } = F(), u = (t) => (e[t].errorCount > 0 || e[t].blockingCount > 0) && l.value.includes(t), o = $({
+    } = F(), u = (t) => (e[t].errorCount > 0 || e[t].blockingCount > 0) && c.value.includes(t), s = $({
       SelectControlledGroup: w
     });
     return {
       steps: e,
-      visitedSteps: l,
+      visitedSteps: c,
       activeStep: a,
-      previousStep: h,
-      nextStep: S,
-      stepPlugin: _,
+      previousStep: S,
+      nextStep: _,
+      stepPlugin: f,
       checkStepValidity: u,
       goToNextStep: p,
       goToPreviousStep: d,
-      library: o
+      library: s
     };
   }
 }), j = {
@@ -94,10 +94,7 @@ const K = k({
 }, z = {
   key: 0,
   class: "disInfoWrapper"
-}, L = { class: "steps" }, O = ["data-step-active", "data-step-valid", "onClick"], T = { class: "stepBubbleWrap" }, q = { class: "circle stepCircle" }, A = {
-  key: 0,
-  class: "step--errors"
-}, E = {
+}, L = { class: "steps" }, O = ["data-step-active", "data-step-valid", "onClick"], T = { class: "stepBubbleWrap" }, q = { class: "circle stepCircle" }, A = ["textContent"], E = {
   key: 0,
   class: "seperatorHorizontalStepper"
 }, G = {
@@ -112,18 +109,18 @@ const K = k({
   key: 0,
   class: "p-1"
 }, Z = /* @__PURE__ */ n("b", null, "*", -1);
-function J(e, a, l, h, S, _) {
+function J(e, a, c, S, _, f) {
   const p = v("FormKitSchema"), d = v("InputPageStep"), u = v("FormKit");
   return i(), D(u, {
     type: "form",
     actions: !1,
     plugins: [e.stepPlugin]
   }, {
-    default: f(() => [
+    default: y(() => [
       n("div", j, [
-        e.isCollapsed ? c("", !0) : (i(), s("div", z, [
+        e.isCollapsed ? l("", !0) : (i(), o("div", z, [
           n("ul", L, [
-            (i(!0), s(y, null, b(e.steps, (o, t, m) => (i(), s("li", {
+            (i(!0), o(b, null, C(e.steps, (s, t, m) => (i(), o("li", {
               key: m,
               class: I(["step", {
                 activeItem: e.activeStep === t,
@@ -131,37 +128,41 @@ function J(e, a, l, h, S, _) {
                 "has-errors": e.checkStepValidity(t)
               }]),
               "data-step-active": e.activeStep === t,
-              "data-step-valid": o.valid && o.errorCount === 0,
+              "data-step-valid": s.valid && s.errorCount === 0,
               onClick: (Q) => e.activeStep = t
             }, [
               n("div", T, [
-                n("div", q, C(m + 1), 1),
+                n("div", q, h(m + 1), 1),
                 r(),
-                e.checkStepValidity(t) ? (i(), s("span", A)) : c("", !0),
-                r(" " + C(e.camel2title(t)), 1)
+                e.checkStepValidity(t) ? (i(), o("span", {
+                  key: 0,
+                  class: "step--errors",
+                  textContent: h(s.errorCount + s.blockingCount)
+                }, null, 8, A)) : l("", !0),
+                r(" " + h(e.camel2title(t)), 1)
               ]),
               r(),
-              m + 1 != Object.keys(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions).length ? (i(), s("div", E)) : c("", !0),
+              m + 1 != Object.keys(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions).length ? (i(), o("div", E)) : l("", !0),
               r(),
-              e.activeStep === "overview" ? (i(), s("div", G)) : c("", !0)
+              e.activeStep === "overview" ? (i(), o("div", G)) : l("", !0)
             ], 10, O))), 128)),
             r(),
-            e.activeStep === "overview" ? (i(), s("li", H, R)) : c("", !0)
+            e.activeStep === "overview" ? (i(), o("li", H, R)) : l("", !0)
           ]),
           r(),
           n("div", U, [
-            (i(!0), s(y, null, b(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions, (o, t) => (i(), s("div", { key: t }, [
-              g(d, { name: o }, {
-                default: f(() => [
+            (i(!0), o(b, null, C(e.getNavSteps(e.$env.content.dataProviderInterface.specification).distributions, (s, t) => (i(), o("div", { key: t }, [
+              g(d, { name: s }, {
+                default: y(() => [
                   g(p, {
-                    schema: e.schema[o],
+                    schema: e.schema[s],
                     library: e.library
                   }, null, 8, ["schema", "library"]),
                   r(),
-                  o === "Mandatory" ? (i(), s("p", W, [
+                  s === "Mandatory" ? (i(), o("p", W, [
                     Z,
                     r(" mandatory")
-                  ])) : c("", !0)
+                  ])) : l("", !0)
                 ]),
                 _: 2
               }, 1032, ["name"])

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

@@ -1 +1 @@
-{"version":3,"file":"DistributionStepper.vue.mjs","sources":["../../../lib/data-provider-interface/components/DistributionStepper.vue"],"sourcesContent":["<template>\n  <FormKit type=\"form\" :actions=\"false\" :plugins=\"[stepPlugin]\">\n    <div name=\"distribution-stepper\" class=\"singleDistributions\">\n      <div class=\"disInfoWrapper\" v-if=\"!isCollapsed\">\n        <ul class=\"steps\">\n          <li v-for=\"(step, stepName, index) in steps\" :key=\"index\" class=\"step\"\n            :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\" :class=\"{\n              activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName)\n            }\" @click=\"activeStep = stepName\">\n            <div class=\"stepBubbleWrap\">\n              <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n              <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\" />\n              <!-- v-text=\"step.errorCount + step.blockingCount\" /> -->\n              {{ camel2title(stepName) }}\n            </div>\n            <div v-if=\"index + 1 != Object.keys(getNavSteps($env.content.dataProviderInterface.specification).distributions).length\" class=\"seperatorHorizontalStepper\">\n            </div>\n            <div v-if=\"activeStep === 'overview'\" class=\"seperatorHorizontalStepper\"></div>\n          </li>\n          <li class=\"step inactiveStep\" v-if=\"activeStep === 'overview'\">\n            <div class=\"circle stepCircle\"></div>\n          </li>\n        </ul>\n        <div class=\"d-flex flex-column w-100\">\n          <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification).distributions\" :key=\"index\">\n            <InputPageStep :name=\"stepName\">\n              <!-- <PropertyChooser></PropertyChooser> -->\n              <FormKitSchema :schema=\"schema[stepName]\" :library=\"library\" />\n              <p v-if=\"stepName === 'Mandatory'\" class=\"p-1\"> <b>*</b> mandatory</p>\n            </InputPageStep>\n          </div>\n        </div>\n      </div>\n    </div>\n  </FormKit>\n</template>\n\n<script>\nimport { defineComponent, markRaw } from 'vue';\nimport { mapGetters } from 'vuex';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport SelectControlledGroup from './SelectControlledGroup.vue';\n\n\nexport default defineComponent({\n  props: {\n    name: {\n      type: String,\n      default: '',\n    },\n    index: {\n      required: true\n    },\n    schema: {\n      required: true,\n      type: Object,\n    },\n    context: {\n      type: Object,\n    },\n    distributionIsCollapsed: {\n      type: Boolean,\n    },\n    collapseDistributions: {\n      type: Function,\n    },\n    deleteDistribution: {\n      type: Function,\n    },\n  },\n  components: {\n    InputPageStep,\n  },\n  data() {\n    return {\n      isCollapsed: false,\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n      isActive: false\n    }\n  }, \n  methods: {\n    editDistribution() {\n      this.isCollapsed = !this.isCollapsed;\n      this.collapseDistributions(this.index);\n    }\n  }, \n  computed: {\n    ...mapGetters('dpiStore', [\n      'getNavSteps'\n    ]),\n    getName() {\n      return this.name \n        || values['Distributions']['distributionList'][this.name - 1]['Mandatory']['dcat:accessURL'][0]['@id'];\n    },\n  },\n  watch: {\n    distributionIsCollapsed: {\n      handler(newValue) {\n        this.isCollapsed = newValue;\n      },\n    },\n  },\n  created() {},\n  setup() {\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({\n      SelectControlledGroup,\n    })\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      \n      library,\n    }\n  }\n});\n</script>\n\n<style></style>"],"names":["_sfc_main","defineComponent","InputPageStep","str","match","mapGetters","newValue","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","checkStepValidity","stepName","library","markRaw","SelectControlledGroup","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_createElementVNode","_hoisted_11","_hoisted_13","_hoisted_15","_createBlock","_component_FormKit","_ctx","_withCtx","_hoisted_1","_createCommentVNode","_openBlock","_createElementBlock","_hoisted_2","_Fragment","_renderList","step","index","_normalizeClass","$event","_toDisplayString","_createTextVNode","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_createVNode","_component_InputPageStep","_component_FormKitSchema","_hoisted_14"],"mappings":"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"}
+{"version":3,"file":"DistributionStepper.vue.mjs","sources":["../../../lib/data-provider-interface/components/DistributionStepper.vue"],"sourcesContent":["<template>\n  <FormKit type=\"form\" :actions=\"false\" :plugins=\"[stepPlugin]\">\n    <div name=\"distribution-stepper\" class=\"singleDistributions\">\n      <div class=\"disInfoWrapper\" v-if=\"!isCollapsed\">\n        <ul class=\"steps\">\n          <li v-for=\"(step, stepName, index) in steps\" :key=\"index\" class=\"step\"\n            :data-step-active=\"activeStep === stepName\" :data-step-valid=\"step.valid && step.errorCount === 0\" :class=\"{\n              activeItem: activeStep === stepName, inactiveStep: stepName != activeStep, 'has-errors': checkStepValidity(stepName)\n            }\" @click=\"activeStep = stepName\">\n            <div class=\"stepBubbleWrap\">\n              <div class=\"circle stepCircle\">{{ index + 1 }}</div>\n              <span v-if=\"checkStepValidity(stepName)\" class=\"step--errors\" \n              v-text=\"step.errorCount + step.blockingCount\" />\n              {{ camel2title(stepName) }}\n            </div>\n            <div v-if=\"index + 1 != Object.keys(getNavSteps($env.content.dataProviderInterface.specification).distributions).length\" class=\"seperatorHorizontalStepper\">\n            </div>\n            <div v-if=\"activeStep === 'overview'\" class=\"seperatorHorizontalStepper\"></div>\n          </li>\n          <li class=\"step inactiveStep\" v-if=\"activeStep === 'overview'\">\n            <div class=\"circle stepCircle\"></div>\n          </li>\n        </ul>\n        <div class=\"d-flex flex-column w-100\">\n          <div v-for=\"(stepName, index) in getNavSteps($env.content.dataProviderInterface.specification).distributions\" :key=\"index\">\n            <InputPageStep :name=\"stepName\">\n              <!-- <PropertyChooser></PropertyChooser> -->\n              <FormKitSchema :schema=\"schema[stepName]\" :library=\"library\" />\n              <p v-if=\"stepName === 'Mandatory'\" class=\"p-1\"> <b>*</b> mandatory</p>\n            </InputPageStep>\n          </div>\n        </div>\n      </div>\n    </div>\n  </FormKit>\n</template>\n\n<script>\nimport { defineComponent, markRaw } from 'vue';\nimport { mapGetters } from 'vuex';\nimport { useDpiStepper } from '../composables/useDpiStepper';\nimport InputPageStep from '../components/InputPageStep.vue';\nimport SelectControlledGroup from './SelectControlledGroup.vue';\n\n\nexport default defineComponent({\n  props: {\n    name: {\n      type: String,\n      default: '',\n    },\n    index: {\n      required: true\n    },\n    schema: {\n      required: true,\n      type: Object,\n    },\n    context: {\n      type: Object,\n    },\n    distributionIsCollapsed: {\n      type: Boolean,\n    },\n    collapseDistributions: {\n      type: Function,\n    },\n    deleteDistribution: {\n      type: Function,\n    },\n  },\n  components: {\n    InputPageStep,\n  },\n  data() {\n    return {\n      isCollapsed: false,\n      camel2title: (str) =>\n        str\n          .replace(/([A-Z])/g, (match) => ` ${match}`)\n          .replace(/^./, (match) => match.toUpperCase())\n          .trim(),\n      isActive: false\n    }\n  }, \n  methods: {\n    editDistribution() {\n      this.isCollapsed = !this.isCollapsed;\n      this.collapseDistributions(this.index);\n    }\n  }, \n  computed: {\n    ...mapGetters('dpiStore', [\n      'getNavSteps'\n    ]),\n    getName() {\n      return this.name \n        || values['Distributions']['distributionList'][this.name - 1]['Mandatory']['dcat:accessURL'][0]['@id'];\n    },\n  },\n  watch: {\n    distributionIsCollapsed: {\n      handler(newValue) {\n        this.isCollapsed = newValue;\n      },\n    },\n  },\n  created() {},\n  setup() {\n    const {\n      steps,\n      activeStep,\n      visitedSteps,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      goToNextStep,\n      goToPreviousStep,\n    } = useDpiStepper();\n\n    const checkStepValidity = (stepName) => {\n      return (steps[stepName].errorCount > 0 || steps[stepName].blockingCount > 0) && visitedSteps.value.includes(stepName)\n    }\n\n    const library = markRaw({\n      SelectControlledGroup,\n    })\n\n    return {\n      steps,\n      visitedSteps,\n      activeStep,\n      previousStep,\n      nextStep,\n      stepPlugin,\n      checkStepValidity,\n      goToNextStep,\n      goToPreviousStep,\n      \n      library,\n    }\n  }\n});\n</script>\n\n<style></style>"],"names":["_sfc_main","defineComponent","InputPageStep","str","match","mapGetters","newValue","steps","activeStep","visitedSteps","previousStep","nextStep","stepPlugin","goToNextStep","goToPreviousStep","useDpiStepper","checkStepValidity","stepName","library","markRaw","SelectControlledGroup","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_createElementVNode","_hoisted_11","_hoisted_13","_hoisted_15","_createBlock","_component_FormKit","_ctx","_withCtx","_hoisted_1","_createCommentVNode","_openBlock","_createElementBlock","_hoisted_2","_Fragment","_renderList","step","index","_normalizeClass","$event","_toDisplayString","_createTextVNode","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_createVNode","_component_InputPageStep","_component_FormKitSchema","_hoisted_14"],"mappings":"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"}

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

@@ -10,7 +10,10 @@ declare const _default: import('vue').DefineComponent<{
     };
     onClickOutside: typeof onClickOutside;
     triggerDropdown: (e: any) => void;
+    validationMessage: string;
+    placeholderMessage: string;
 }, {
+    inputChoice: string;
     error: string;
     URLValue: string;
     uploadURL: boolean;