@piveau/dpi 0.1.0-beta.10

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

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

package/dist/data-provider-interface/components/ContactPage.vue.js

@@ -0,0 +1,246 @@
+import { ref as h, computed as M, getCurrentInstance as S, unref as m, onMounted as I, createElementBlock as r, openBlock as d, createElementVNode as a, createCommentVNode as f, toDisplayString as i, createVNode as c, Fragment as y, renderList as $ } from "vue";
+import { PhWarning as v } from "@phosphor-icons/vue";
+import { useEditModeInfo as R } from "../composables/useDpiEditMode.js";
+import w from "../HappyFlowComponents/ui/InputField.vue.js";
+import B from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+/* empty css                 */
+import W from "../../_virtual/_plugin-vue_export-helper.js";
+const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular" }, U = { class: "dpiV3AutoCompleteWrap" }, j = { class: "CardTips_internal" }, F = { class: "CardTips_Part" }, L = { class: "firstRow" }, O = { class: "icon_title copy-small-semi-bold" }, K = { class: "TextButton_small" }, Z = { class: "secondRow" }, q = { class: "copy-small-regular" }, G = { class: "CardTips_Part" }, H = { class: "firstRow" }, J = { class: "icon_title copy-small-semi-bold" }, Q = { class: "TextButton_small" }, X = { class: "secondRow" }, Y = { class: "copy-small-regular" }, ee = { class: "input-container" }, te = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, ae = { class: "copy-mini-regular" }, se = { class: "input-container" }, oe = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, le = { class: "copy-mini-regular" }, ne = { class: "input-container" }, ie = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, re = { class: "copy-mini-regular" }, de = { class: "copy-large-regular" }, ce = {
+  key: 0,
+  class: "form-error-message"
+}, k = "", ue = {
+  __name: "ContactPage",
+  props: {
+    context: Object
+  },
+  setup(C) {
+    const g = C, { isEditMode: pe } = R(), P = [
+      "Mobilitätsreferat der Landeshauptstadt München",
+      "contact@example.com",
+      "https://example.com"
+    ], _ = h([
+      "Mobilitätsreferat - Verkehrs- und Verhaltensdaten",
+      "verkehrsdaten.mor@muenchen.de"
+    ]), V = M(() => {
+      var s, t;
+      const e = (t = (s = S().appContext.config.globalProperties.$keycloak) == null ? void 0 : s.idTokenParsed) == null ? void 0 : t.contact;
+      if (e) {
+        const n = {
+          organization: e.organization
+        };
+        return e.email && (n.email = e.email), e.website && (n.website = `https://${e.website}`), n;
+      }
+      return {};
+    }), o = h({
+      1: {
+        show: !1,
+        message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
+      },
+      2: {
+        show: !1,
+        message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+      },
+      3: {
+        show: !1,
+        message: "Bitte geben Sie eine gültige Telefonnummer ein."
+      }
+    });
+    let p = h({ 1: !1, 2: !1, 3: !1 });
+    const l = h([
+      {
+        isValid: "unset",
+        "vcard:fn": "",
+        "vcard:hasEmail": "",
+        "vcard:hasTelephone": ""
+      }
+    ]);
+    g.context.node.value.length === 0 && g.context.node.input(m(l)), I(() => {
+      try {
+        k && k["foaf:name"] && k["foaf:mbox"];
+      } catch (e) {
+        console.warn("Could not load publisher data from context:", e);
+      }
+    });
+    function E(e) {
+      return e.trim().length >= 2;
+    }
+    function T(e) {
+      return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
+    }
+    function z(e) {
+      return e.trim() === "" ? !0 : e.trim().length >= 6;
+    }
+    function u(e, s, t) {
+      l.value = l.value.map((b) => s in b ? { ...b, [s]: e } : b);
+      let n = !1;
+      if (t === 3 && e.trim() === "")
+        o.value[t].show = !1, p.value[t] = !0;
+      else if (e.trim() === "")
+        o.value[t].show = !0, p.value[t] = !1;
+      else {
+        switch (s) {
+          case "vcard:fn":
+            n = E(e);
+            break;
+          case "vcard:hasEmail":
+            n = T(e);
+            break;
+          case "vcard:hasTelephone":
+            n = z(e);
+            break;
+          default:
+            n = e.trim() !== "";
+        }
+        o.value[t].show = !n, p.value[t] = n;
+      }
+      p.value[1] && p.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = !1, g.context.node.input(l.value);
+    }
+    function x() {
+      u(P[0], "vcard:fn", 1), u(P[1], "vcard:hasEmail", 2);
+    }
+    function D() {
+      u(_.value[0], "vcard:fn", 1), u(_.value[1], "vcard:hasEmail", 2);
+    }
+    return (e, s) => (d(), r("div", N, [
+      a("h4", null, i(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
+      a("div", A, i(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
+      a("div", U, [
+        a("div", j, [
+          a("div", F, [
+            a("div", L, [
+              a("div", O, i(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
+              a("div", K, [
+                c(B, {
+                  "button-text": e.$t(
+                    "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
+                  ),
+                  "icon-start": "DeleteBlue",
+                  "icon-name": "copy",
+                  class: "dpiV3_usedetailsButton",
+                  onClick: x
+                }, null, 8, ["button-text"])
+              ])
+            ]),
+            a("div", Z, [
+              (d(!0), r(y, null, $(Object.values(V.value), (t) => (d(), r("span", q, i(t), 1))), 256))
+            ])
+          ]),
+          a("div", G, [
+            a("div", H, [
+              a("div", J, i(e.$t("message.metadata.publisher")), 1),
+              a("div", Q, [
+                c(B, {
+                  "button-text": e.$t(
+                    "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
+                  ),
+                  "icon-start": "true",
+                  "icon-name": "copy",
+                  class: "",
+                  onClick: D
+                }, null, 8, ["button-text"])
+              ])
+            ]),
+            a("div", X, [
+              (d(!0), r(y, null, $(_.value, (t) => (d(), r("span", Y, i(t), 1))), 256))
+            ])
+          ])
+        ])
+      ]),
+      a("div", ee, [
+        c(w, {
+          "model-value": l.value[0]["vcard:fn"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.nameInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
+          "show-end-icon": !1,
+          "show-error": o.value[1].show,
+          "onUpdate:modelValue": s[0] || (s[0] = (t) => u(t, "vcard:fn", 1))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        o.value[1].show ? (d(), r("div", te, [
+          c(m(v), {
+            size: 16,
+            weight: "fill"
+          }),
+          a("span", ae, i(o.value[1].message), 1)
+        ])) : f("", !0)
+      ]),
+      a("div", se, [
+        c(w, {
+          "model-value": l.value[0]["vcard:hasEmail"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.mailInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
+          "show-end-icon": !1,
+          "show-error": o.value[2].show,
+          "onUpdate:modelValue": s[1] || (s[1] = (t) => u(t, "vcard:hasEmail", 2))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        o.value[2].show ? (d(), r("div", oe, [
+          c(m(v), {
+            size: 16,
+            weight: "fill"
+          }),
+          a("span", le, i(o.value[2].message), 1)
+        ])) : f("", !0)
+      ]),
+      a("div", ne, [
+        c(w, {
+          "model-value": l.value[0]["vcard:hasTelephone"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.telInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
+          "show-end-icon": !1,
+          "show-error": o.value[3].show,
+          "onUpdate:modelValue": s[2] || (s[2] = (t) => u(t, "vcard:hasTelephone", 3))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        o.value[3].show ? (d(), r("div", ie, [
+          c(m(v), {
+            size: 16,
+            weight: "fill"
+          }),
+          a("span", re, i(o.value[3].message), 1)
+        ])) : f("", !0)
+      ]),
+      a("div", de, i(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      l.value.find((t) => t.isValid === !1) ? (d(), r("div", ce, [
+        c(m(v), {
+          size: 16,
+          weight: "fill"
+        }),
+        s[3] || (s[3] = a("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+      ])) : f("", !0)
+    ]));
+  }
+}, we = /* @__PURE__ */ W(ue, [["__scopeId", "data-v-2c2768bc"]]);
+export {
+  we as default
+};

package/dist/data-provider-interface/components/CoveringPage.vue.js

@@ -0,0 +1,9 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {};
+function n(c, o) {
+  return "Covering Page";
+}
+const _ = /* @__PURE__ */ e(r, [["render", n]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,49 @@
+import { mapActions as o, mapGetters as s } from "vuex";
+import { createElementBlock as i, openBlock as n, createElementVNode as p } from "vue";
+import c from "../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  props: ["id", "property", "catalog"],
+  data() {
+    return {};
+  },
+  computed: {
+    ...s("auth", ["getIsDraft", "getUserData"]),
+    token() {
+      return this.getUserData.rtpToken;
+    },
+    redirectUri() {
+      return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}`;
+    }
+  },
+  methods: {
+    ...o("auth", ["setIsEditMode", "setIsDraft"]),
+    ...o("dpiStore", ["convertToInput"]),
+    async setupEditPage() {
+      this.$router.push({
+        name: "DataProviderInterface-Input",
+        params: { property: this.property },
+        query: {
+          locale: this.$route.query.locale,
+          edit: !0,
+          id: !this.getIsDraft && this.property === "catalogues" ? this.catalog : this.id,
+          catalog: this.catalog,
+          fromDraft: this.getIsDraft ? "true" : void 0
+        }
+      });
+    }
+  },
+  beforeRouteEnter(a, t, r) {
+    r((e) => {
+      t.fullPath.startsWith(e.redirectUri) ? e.$router.go(-1) : e.setupEditPage();
+    });
+  }
+}, d = { style: { height: "370px" } };
+function l(a, t, r, e, h, f) {
+  return n(), i("div", d, t[0] || (t[0] = [
+    p("div", { class: "spinner" }, null, -1)
+  ]));
+}
+const y = /* @__PURE__ */ c(u, [["render", l]]);
+export {
+  y as default
+};

package/dist/data-provider-interface/components/DiscoverabilityPage.vue.js

@@ -0,0 +1,60 @@
+import { computed as g, ref as l, getCurrentInstance as h, onMounted as x, createElementBlock as o, openBlock as n, createElementVNode as r, createCommentVNode as y, Fragment as V, renderList as C, unref as d, createBlock as I, createVNode as k } from "vue";
+import D from "../HappyFlowComponents/ui/Chip.vue.js";
+import { getDatasetCategories as E } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { PhWarning as z } from "@phosphor-icons/vue";
+/* empty css                         */
+import U from "../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as w } from "../composables/useDpiContext.js";
+const B = { class: "dpiV3_findabilityWrap" }, P = { class: "dpiV3_findabilityThemesWrap" }, S = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, W = {
+  __name: "DiscoverabilityPage",
+  props: {
+    context: Object
+  },
+  setup(u) {
+    const c = w(), f = g(() => {
+      var t;
+      return !!((t = c.value.edit) != null && t.enabled);
+    });
+    let s = l([]), m = h().appContext.app.config.globalProperties.$env, i = l([{ isValid: "unset" }]);
+    l(["this is a secret"]);
+    const p = u;
+    f.value || p.context.node.input(i);
+    const v = async () => {
+      try {
+        s.value = await E(m.api.baseUrl), s.value.sort((t, a) => t.pref_label.de.localeCompare(a.pref_label.de));
+      } catch (t) {
+        console.log(t);
+      }
+    }, _ = (t) => {
+      i.value.find((e) => e.id === t.id) ? i.value = i.value.filter((e) => e.id !== t.id) : i.value.push({ id: t.id, uri: t.resource, label: t.pref_label.de }), i.value.length > 1 ? i.value.find((e) => e.isValid = !0) : i.value.find((e) => e.isValid = !1), p.context.node.input(i);
+    };
+    return x(() => {
+      v();
+    }), (t, a) => (n(), o("div", B, [
+      a[1] || (a[1] = r("h4", { class: "dpiV3_title" }, "Machen Sie Ihren Datensatz leicht auffindbar", -1)),
+      a[2] || (a[2] = r("span", null, "Um sicherzustellen, dass Ihr Datensatz für andere leicht zu finden ist, wählen Sie die relevanten Kategorien aus.", -1)),
+      r("div", P, [
+        (n(!0), o(V, null, C(d(s), (e, b) => (n(), I(D, {
+          key: b,
+          text: e.pref_label.de,
+          data: { "@value": e.value, URI: e.URI },
+          setup: { "@type": "select", "@inTable": !1, "@findability": !0 },
+          onClick: (M) => _(e)
+        }, null, 8, ["text", "data", "onClick"]))), 128))
+      ]),
+      d(i).find((e) => e.isValid === !1) ? (n(), o("div", S, [
+        k(d(z), {
+          size: 16,
+          weight: "fill"
+        }),
+        a[0] || (a[0] = r("span", { class: "copy-mini-regular" }, "Bitte wählen Sie mindestens eine Kategorie aus, bevor Sie fortfahren.", -1))
+      ])) : y("", !0)
+    ]));
+  }
+}, j = /* @__PURE__ */ U(W, [["__scopeId", "data-v-35202ed2"]]);
+export {
+  j as default
+};