@piveau/dpi 0.1.0-beta.6 → 0.1.0-beta.60

package/dist/data-provider-interface/HappyFlowComponents/ui/Toast.vue.js

@@ -1,12 +1,12 @@
-import { ref as i, createElementBlock as g, openBlock as v, normalizeClass as u, createElementVNode as s, toDisplayString as S, createVNode as c, unref as p } from "vue";
+import { ref as l, createElementBlock as v, openBlock as g, normalizeClass as p, createElementVNode as s, toDisplayString as S, createVNode as c, unref as f } from "vue";
 import x from "../img/x-circleFill.svg.js";
-import _ from "../img/InfoFill.svg.js";
-import T from "../img/CheckCircleFill.svg.js";
+import T from "../img/InfoFill.svg.js";
+import b from "../img/CheckCircleFill.svg.js";
 import B from "../img/WarningFill.svg.js";
-import b from "./TextButtonSmall.vue.js";
-import w from "./CrossOutButton.vue.js";
+import w from "./TextButtonSmall.vue.js";
+import E from "./CrossOutButton.vue.js";
 /* empty css           */
-const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" }, $ = {
+const _ = { class: "imgTextWrap" }, k = ["src"], K = { class: "btnWrapToast" }, h = {
   __name: "Toast",
   props: {
     text: {
@@ -20,50 +20,51 @@ const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" },
     button: String,
     action: String
   },
-  setup(f) {
-    const o = i();
-    let n = i(!1), a = i(!1);
-    const e = f;
-    e.type === "info" && (o.value = _), e.type === "success" && (o.value = T), e.type === "warning" && (o.value = B), e.type === "error" && (o.value = x);
-    const l = (t) => {
-      t === "in" ? a.value = !0 : a.value = !1;
-    }, d = (t) => {
-      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+  setup(d) {
+    const r = l();
+    let n = l(!1), i = l(!1);
+    const e = d;
+    e.type === "info" && (r.value = T), e.type === "success" && (r.value = b), e.type === "warning" && (r.value = B), e.type === "error" && (r.value = x);
+    const u = (t) => {
+      t === "in" ? i.value = !0 : i.value = !1;
     }, m = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+    }, y = (t) => {
       (t.code === "Space" || t.code === "Enter") && (n.value = !1);
     };
-    return (t, r) => (v(), g("div", {
-      class: u(["toastBody", {
+    return (t, o) => (g(), v("div", {
+      class: p(["toastBody", {
         error: e.type === "error",
         warning: e.type === "warning",
         info: e.type === "info",
         success: e.type === "success"
       }])
     }, [
-      s("div", E, [
+      s("div", _, [
         s("img", {
-          src: o.value,
+          src: r.value,
           alt: ""
-        }, null, 8, K),
+        }, null, 8, k),
         s("span", null, S(e.text), 1)
       ]),
-      s("div", h, [
-        c(b, {
+      s("div", K, [
+        c(w, {
+          onClick: o[0] || (o[0] = (a) => t.$emit("button-clicked")),
           buttonText: e.button,
           style: { margin: "auto" }
         }, null, 8, ["buttonText"]),
-        c(w, {
-          onKeydown: d,
-          onKeyup: m,
-          onFocus: r[0] || (r[0] = (y) => l("in")),
-          onBlur: r[1] || (r[1] = (y) => l()),
+        c(E, {
+          onKeydown: m,
+          onKeyup: y,
+          onFocus: o[1] || (o[1] = (a) => u("in")),
+          onBlur: o[2] || (o[2] = (a) => u()),
           type: "inToast",
-          class: u(["crossout", { pressed: p(n), focused: p(a) }])
+          class: p(["crossout", { pressed: f(n), focused: f(i) }])
         }, null, 8, ["class"])
       ])
     ], 2));
   }
 };
 export {
-  $ as default
+  h as default
 };

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

@@ -1,49 +1,60 @@
-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";
+import { ref as f, computed as B, getCurrentInstance as F, unref as m, onMounted as M, watch as O, createElementBlock as c, openBlock as d, createElementVNode as s, createCommentVNode as h, toDisplayString as r, createVNode as u, Fragment as E, renderList as D } from "vue";
+import { PhWarning as g } from "@phosphor-icons/vue";
+import { useEditModeInfo as I } from "../composables/useDpiEditMode.js";
+import P from "../HappyFlowComponents/ui/InputField.vue.js";
+import z from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import { useFormValues as U } from "../composables/useDpiFormValues.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 = {
+import j from "../../_virtual/_plugin-vue_export-helper.js";
+const L = { class: "dpiV3InnerComponentWrap" }, q = { class: "copy-large-regular" }, G = { class: "dpiV3AutoCompleteWrap" }, H = { class: "CardTips_internal" }, J = { class: "CardTips_Part" }, K = { class: "firstRow" }, Q = { class: "icon_title copy-small-semi-bold" }, X = { class: "TextButton_small" }, Y = { class: "secondRow" }, Z = { class: "copy-small-regular" }, ee = { class: "CardTips_Part" }, ae = { class: "firstRow" }, te = { class: "icon_title copy-small-semi-bold" }, se = { class: "TextButton_small" }, oe = { class: "secondRow" }, le = { class: "copy-small-regular" }, ie = { class: "input-container" }, ne = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, ae = { class: "copy-mini-regular" }, se = { class: "input-container" }, oe = {
+}, re = { class: "copy-mini-regular" }, ce = { class: "input-container" }, de = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, le = { class: "copy-mini-regular" }, ne = { class: "input-container" }, ie = {
+}, ue = { class: "copy-mini-regular" }, pe = { class: "input-container" }, fe = {
   key: 0,
   class: "dpiV3_errormsgWrapper"
-}, re = { class: "copy-mini-regular" }, de = { class: "copy-large-regular" }, ce = {
+}, me = { class: "copy-mini-regular" }, ve = { class: "copy-large-regular" }, he = {
   key: 0,
   class: "form-error-message"
-}, k = "", ue = {
+}, T = "", ge = {
   __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;
+  setup(S) {
+    const { formValues: N } = U(), v = S, { isEditMode: R } = I(), _ = f(null), b = f(null), w = B(() => {
+      var e, t;
+      try {
+        const a = (t = (e = N.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
+        if (a && a["foaf:name"] && a["foaf:mbox"])
+          return [
+            a["foaf:name"],
+            a["foaf:mbox"]
+          ];
+      } catch (a) {
+        console.warn("Could not load publisher data:", a);
+      }
+      return [
+        "",
+        "",
+        ""
+      ];
+    }), k = B(() => {
+      var t, a;
+      const e = (a = (t = F().appContext.config.globalProperties.$keycloak) == null ? void 0 : t.idTokenParsed) == null ? void 0 : a.contact;
       if (e) {
-        const n = {
+        const i = {
           organization: e.organization
         };
-        return e.email && (n.email = e.email), e.website && (n.website = `https://${e.website}`), n;
+        return e.email && (i.email = e.email), (e.phone || e.phoneNumber) && (i.phone = e.phone || e.phoneNumber), i;
       }
       return {};
-    }), o = h({
+    }), o = f({
       1: {
         show: !1,
-        message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
+        message: "Bitte geben Sie einen gültigen Organisationsnamen ein."
       },
       2: {
         show: !1,
@@ -54,8 +65,8 @@ const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular
         message: "Bitte geben Sie eine gültige Telefonnummer ein."
       }
     });
-    let p = h({ 1: !1, 2: !1, 3: !1 });
-    const l = h([
+    let n = f({ 1: !1, 2: !1, 3: !1 });
+    const l = f([
       {
         isValid: "unset",
         "vcard:fn": "",
@@ -63,100 +74,137 @@ const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular
         "vcard:hasTelephone": ""
       }
     ]);
-    g.context.node.value.length === 0 && g.context.node.input(m(l)), I(() => {
+    R.value || v.context.node.input(l), v.context.node.value.length === 0 && v.context.node.input(m(l)), M(() => {
       try {
-        k && k["foaf:name"] && k["foaf:mbox"];
+        T && T["foaf:name"] && T["foaf:mbox"];
       } catch (e) {
         console.warn("Could not load publisher data from context:", e);
       }
     });
-    function E(e) {
+    function V(e) {
       return e.trim().length >= 2;
     }
-    function T(e) {
+    function C(e) {
       return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
     }
-    function z(e) {
-      return e.trim() === "" ? !0 : e.trim().length >= 6;
+    function $(e) {
+      if (!e || e.trim() === "")
+        return !0;
+      const t = e.replace(/[\s\-().]/g, "");
+      if (!/^[+]?\d+$/.test(t))
+        return !1;
+      const a = t.replace(/\D/g, "");
+      return a.length >= 6 && a.length <= 15;
     }
-    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;
+    function y(e, t, a) {
+      let i = !1;
+      if (a === 3 && e.trim() === "")
+        o.value[a].show = !1, n.value[a] = !0;
       else if (e.trim() === "")
-        o.value[t].show = !0, p.value[t] = !1;
+        o.value[a].show = !0, n.value[a] = !1;
       else {
-        switch (s) {
+        switch (t) {
           case "vcard:fn":
-            n = E(e);
+            i = V(e);
             break;
           case "vcard:hasEmail":
-            n = T(e);
+            i = C(e);
             break;
           case "vcard:hasTelephone":
-            n = z(e);
+            i = $(e);
             break;
           default:
-            n = e.trim() !== "";
+            i = e.trim() !== "";
         }
-        o.value[t].show = !n, p.value[t] = n;
+        o.value[a].show = !i, n.value[a] = i;
       }
-      p.value[1] && p.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = !1, g.context.node.input(l.value);
+      n.value[1] && n.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = "unset";
     }
-    function x() {
-      u(P[0], "vcard:fn", 1), u(P[1], "vcard:hasEmail", 2);
+    function p(e, t, a) {
+      l.value = l.value.map((i) => t in i ? { ...i, [t]: e } : i), v.context.node.input(l.value), a === 2 ? (_.value && clearTimeout(_.value), _.value = setTimeout(() => {
+        y(e, t, a);
+      }, 800)) : a === 3 ? (b.value && clearTimeout(b.value), b.value = setTimeout(() => {
+        y(e, t, a);
+      }, 800)) : y(e, t, a);
     }
-    function D() {
-      u(_.value[0], "vcard:fn", 1), u(_.value[1], "vcard:hasEmail", 2);
+    function W() {
+      const e = k.value;
+      e.organization && p(e.organization, "vcard:fn", 1), e.email && p(e.email, "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, {
+    function x() {
+      p(w.value[0], "vcard:fn", 1), p(w.value[1], "vcard:hasEmail", 2);
+    }
+    const A = () => {
+      const e = l.value[0];
+      if (e["vcard:fn"].trim() === "")
+        o.value[1].show = !0, n.value[1] = !1;
+      else {
+        const t = V(e["vcard:fn"]);
+        o.value[1].show = !t, n.value[1] = t;
+      }
+      if (e["vcard:hasEmail"].trim() === "")
+        o.value[2].show = !0, n.value[2] = !1;
+      else {
+        const t = C(e["vcard:hasEmail"]);
+        o.value[2].show = !t, n.value[2] = t;
+      }
+      if (e["vcard:hasTelephone"].trim() === "")
+        o.value[3].show = !1, n.value[3] = !0;
+      else {
+        const t = $(e["vcard:hasTelephone"]);
+        o.value[3].show = !t, n.value[3] = t;
+      }
+      n.value[1] && n.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = !1;
+    };
+    return O(() => l.value[0].isValid, (e) => {
+      e === !1 && A();
+    }), (e, t) => (d(), c("div", L, [
+      s("h4", null, r(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
+      s("div", q, r(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
+      s("div", G, [
+        s("div", H, [
+          s("div", J, [
+            s("div", K, [
+              s("div", Q, r(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
+              s("div", X, [
+                u(z, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
                   ),
                   "icon-start": "DeleteBlue",
                   "icon-name": "copy",
                   class: "dpiV3_usedetailsButton",
-                  onClick: x
+                  onClick: W
                 }, 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))
+            s("div", Y, [
+              (d(!0), c(E, null, D(Object.values(k.value), (a) => (d(), c("span", Z, r(a), 1))), 256))
             ])
           ]),
-          a("div", G, [
-            a("div", H, [
-              a("div", J, i(e.$t("message.metadata.publisher")), 1),
-              a("div", Q, [
-                c(B, {
+          s("div", ee, [
+            s("div", ae, [
+              s("div", te, r(e.$t("message.metadata.publisher")), 1),
+              s("div", se, [
+                u(z, {
                   "button-text": e.$t(
                     "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
                   ),
                   "icon-start": "true",
                   "icon-name": "copy",
                   class: "",
-                  onClick: D
+                  onClick: x
                 }, null, 8, ["button-text"])
               ])
             ]),
-            a("div", X, [
-              (d(!0), r(y, null, $(_.value, (t) => (d(), r("span", Y, i(t), 1))), 256))
+            s("div", oe, [
+              (d(!0), c(E, null, D(w.value, (a) => (d(), c("span", le, r(a), 1))), 256))
             ])
           ])
         ])
       ]),
-      a("div", ee, [
-        c(w, {
+      s("div", ie, [
+        u(P, {
           "model-value": l.value[0]["vcard:fn"],
           "add-on-text": !1,
           "date-picker": !1,
@@ -170,18 +218,18 @@ const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular
           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))
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => p(a, "vcard:fn", 1))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[1].show ? (d(), r("div", te, [
-          c(m(v), {
+        o.value[1].show ? (d(), c("div", ne, [
+          u(m(g), {
             size: 16,
             weight: "fill"
           }),
-          a("span", ae, i(o.value[1].message), 1)
-        ])) : f("", !0)
+          s("span", re, r(o.value[1].message), 1)
+        ])) : h("", !0)
       ]),
-      a("div", se, [
-        c(w, {
+      s("div", ce, [
+        u(P, {
           "model-value": l.value[0]["vcard:hasEmail"],
           "add-on-text": !1,
           "date-picker": !1,
@@ -195,18 +243,18 @@ const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular
           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))
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => p(a, "vcard:hasEmail", 2))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[2].show ? (d(), r("div", oe, [
-          c(m(v), {
+        o.value[2].show ? (d(), c("div", de, [
+          u(m(g), {
             size: 16,
             weight: "fill"
           }),
-          a("span", le, i(o.value[2].message), 1)
-        ])) : f("", !0)
+          s("span", ue, r(o.value[2].message), 1)
+        ])) : h("", !0)
       ]),
-      a("div", ne, [
-        c(w, {
+      s("div", pe, [
+        u(P, {
           "model-value": l.value[0]["vcard:hasTelephone"],
           "add-on-text": !1,
           "date-picker": !1,
@@ -220,27 +268,27 @@ const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular
           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))
+          "onUpdate:modelValue": t[2] || (t[2] = (a) => p(a, "vcard:hasTelephone", 3))
         }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
-        o.value[3].show ? (d(), r("div", ie, [
-          c(m(v), {
+        o.value[3].show ? (d(), c("div", fe, [
+          u(m(g), {
             size: 16,
             weight: "fill"
           }),
-          a("span", re, i(o.value[3].message), 1)
-        ])) : f("", !0)
+          s("span", me, r(o.value[3].message), 1)
+        ])) : h("", !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), {
+      s("div", ve, r(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      l.value.find((a) => a.isValid === !1) ? (d(), c("div", he, [
+        u(m(g), {
           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)
+        t[3] || (t[3] = s("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+      ])) : h("", !0)
     ]));
   }
-}, we = /* @__PURE__ */ W(ue, [["__scopeId", "data-v-2c2768bc"]]);
+}, Ce = /* @__PURE__ */ j(ge, [["__scopeId", "data-v-071ac638"]]);
 export {
-  we as default
+  Ce as default
 };

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

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