@piveau/dpi 0.1.0-beta.42 → 0.1.0-beta.44

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

@@ -1,164 +1,246 @@
-import { ref as C, getCurrentInstance as we, reactive as Ve, watch as Te, computed as re, resolveComponent as W, createElementBlock as v, openBlock as m, Fragment as P, createVNode as h, createCommentVNode as s, withCtx as R, createTextVNode as Ie, toDisplayString as T, createBlock as d, renderList as Z, createElementVNode as I, unref as k, isRef as q } from "vue";
-import G from "../ButtonV3.vue.js";
-import A from "../InputField.vue.js";
-import ue from "../TextAreaV3.vue.js";
-import J from "../Dropdown.vue.js";
+import { ref as C, getCurrentInstance as Ve, reactive as we, watch as Ue, computed as ue, resolveComponent as G, createElementBlock as h, openBlock as s, Fragment as H, createVNode as g, createCommentVNode as c, withCtx as P, createTextVNode as Re, toDisplayString as I, createBlock as d, renderList as Z, createElementVNode as L, unref as b, isRef as _ } from "vue";
+import ee from "../ButtonV3.vue.js";
+import S from "../InputField.vue.js";
+import se from "../TextAreaV3.vue.js";
+import te from "../Dropdown.vue.js";
 import { PhWarning as E } from "@phosphor-icons/vue";
 import "@formkit/core";
-import { getOptionalURIs as Ae } from "../../services/dpiV3_apis.js";
-import { useFormValues as Fe } from "../../../composables/useDpiFormValues.js";
-import ze from "../TextButtonSmall.vue.js";
+import { getOptionalURIs as Te } from "../../services/dpiV3_apis.js";
+import { useFormValues as Ie } from "../../../composables/useDpiFormValues.js";
+import Le from "../TextButtonSmall.vue.js";
 /* empty css                         */
-const Ce = {
+const Se = {
   key: 2,
   class: "dpiV3_errorMessage"
-}, Ee = { class: "copy-mini-regular" }, He = {
+}, Be = { class: "copy-mini-regular" }, Fe = {
   key: 4,
   class: "dpiV3_errorMessage"
-}, Oe = { class: "copy-mini-regular" }, Pe = {
+}, Ce = { class: "copy-mini-regular" }, Ee = {
   key: 6,
   class: "dpiV3_errorMessage"
-}, Re = { class: "copy-mini-regular" }, Ne = {
+}, Ae = { class: "copy-mini-regular" }, Oe = {
   key: 1,
   class: "dpiV3_errorMessage"
-}, Se = { class: "copy-mini-regular" }, Me = {
+}, ze = { class: "copy-mini-regular" }, He = {
   key: 1,
   class: "dpiV3_errorMessage"
-}, Ue = { class: "copy-mini-regular" }, We = {
+}, Pe = { class: "copy-mini-regular" }, Ne = {
   key: 3,
   class: "dpiV3_errorMessage"
-}, Ze = { class: "copy-mini-regular" }, Be = {
+}, Me = { class: "copy-mini-regular" }, We = {
   key: 6,
   class: "dpiV3_errorMessage"
-}, Le = { class: "copy-mini-regular" }, je = {
+}, je = { class: "copy-mini-regular" }, qe = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, qe = { class: "dpiV3_actionButtonWrap" }, lt = {
+}, Ge = { class: "dpiV3_actionButtonWrap" }, lt = {
   __name: "AdditionalsSubModal",
   props: {
     context: Object,
     item: Object
   },
   setup(e, { emit: me }) {
-    const K = me;
-    let N = C([{}]), H = C([]), S = C(!1), $ = C(), ce = we().appContext.app.config.globalProperties.$env;
-    const { formValues: B } = Fe(), n = Ve({}), a = C([]), F = e;
-    Te(() => {
-      var l;
-      return (l = B.value.Additionals) == null ? void 0 : l[F.item.name];
-    }, (l) => {
-      l && l.length > 0 && (a.value = JSON.parse(JSON.stringify(l)));
-    }, { immediate: !0 });
-    const se = re(() => a.value.length === 0 ? [{}] : a.value), L = (l) => l ? Object.entries(l).some(([i, r]) => typeof r == "string" ? r.trim() !== "" : typeof r == "object" && r !== null ? L(r) : !1) : !1, fe = (l) => {
-      if (!l || l.trim() === "") return !1;
-      try {
-        return new URL(l.trim()), !0;
-      } catch {
-        return /^[a-zA-Z0-9][a-zA-Z0-9-]{0,61}[a-zA-Z0-9]?(\.[a-zA-Z0-9][a-zA-Z0-9-]{0,61}[a-zA-Z0-9]?)*\.[a-zA-Z]{2,}(\/.*)?$/.test(l.trim());
-      }
-    }, M = (l, i = null) => {
-      const r = F.item.identifier;
-      let u = i !== null ? `${r}-${i}` : r;
-      if (n[u] = null, !L(l))
+    const le = me;
+    let N = C([{}]), O = C([]), M = C(!1), p = C(), ce = Ve().appContext.app.config.globalProperties.$env;
+    const { formValues: J } = Ie(), i = we({}), r = C([]), B = e;
+    Ue(
+      () => {
+        var l;
+        return (l = J.value.Additionals) == null ? void 0 : l[B.item.name];
+      },
+      (l) => {
+        l && l.length > 0 && (r.value = JSON.parse(JSON.stringify(l)));
+      },
+      { immediate: !0 }
+    );
+    const fe = ue(() => r.value.length === 0 ? [{}] : r.value), K = (l) => l ? Object.entries(l).some(([n, u]) => typeof u == "string" ? u.trim() !== "" : typeof u == "object" && u !== null ? K(u) : !1) : !1, y = (l) => !l || l.trim() === "" ? !1 : /^(https?|ftp):\/\/([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/[^\s]*)?$/.test(l.trim()), W = (l, n = null) => {
+      const u = B.item.identifier;
+      let a = n !== null ? `${u}-${n}` : u;
+      if (i[a] = null, console.log(u), !K(l))
         return !0;
-      switch (r) {
+      switch (u) {
         case "conformsTo":
           const f = l["@id"] || "";
           if (!f.trim())
-            return n[u] = "URL ist erforderlich", !1;
-          if (!fe(f))
-            return n[u] = "Bitte geben Sie eine gültige URL ein", !1;
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(f))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "admsIdentifier":
+          const $ = l["@id"] || "";
+          if (!$.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y($))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "relation":
+          const k = l["@id"] || "";
+          if (!k.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(k))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "qualifiedRelation":
+          const o = l["@id"] || "";
+          if (!o.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(o))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+        case "qualifiedAttribution":
+          const t = l["@id"] || "";
+          if (!t.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(t))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+        case "source":
+          const v = l["@id"] || "";
+          if (!v.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(v))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+        case "hasVersion":
+          const V = l["@id"] || "";
+          if (!V.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(V))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+        case "isVersionOf":
+          const w = l["@id"] || "";
+          if (!w.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(w))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "isReferencedBy":
+          const R = l["@id"] || "";
+          if (!R.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(R))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "references":
+          const T = l["@id"] || "";
+          if (!T.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(T))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "wasGeneratedBy":
+          const F = l["@id"] || "";
+          if (!F.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(F))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
+          break;
+        case "landingPage":
+          const z = l["@id"] || "";
+          if (!z.trim())
+            return i[a] = "URL ist erforderlich", !1;
+          if (!y(z))
+            return i[a] = "Bitte geben Sie eine gültige URL ein", !1;
           break;
         case "temporalResolution":
-          u = "temporalResolution-0";
-          const y = Object.assign({}, ...a.value);
-          if (["Year", "Month", "Day", "Hour", "Minute", "Second"].filter((V) => {
-            const g = y[V];
-            return !g || typeof g == "string" && g.trim() === "";
+          a = "temporalResolution-0";
+          const j = Object.assign({}, ...r.value);
+          if ([
+            "Year",
+            "Month",
+            "Day",
+            "Hour",
+            "Minute",
+            "Second"
+          ].filter((q) => {
+            const A = j[q];
+            return !A || typeof A == "string" && A.trim() === "";
           }).length > 0)
-            return n[u] = "Alle Zeiteinheiten sind erforderlich", !1;
-          n[u] = null;
+            return i[a] = "Alle Zeiteinheiten sind erforderlich", !1;
+          i[a] = null;
           break;
         case "creator":
           if (!(l["foaf:name"] || l["@value"] || "").trim())
-            return n[u] = "Name ist erforderlich", !1;
+            return i[a] = "Name ist erforderlich", !1;
           break;
         case "contributor":
           if (!(l["foaf:name"] || l["@value"] || "").trim())
-            return n[u] = "Name ist erforderlich", !1;
+            return i[a] = "Name ist erforderlich", !1;
           break;
       }
       return !0;
     }, de = () => {
       let l = !0;
-      Object.keys(n).forEach((u) => {
-        n[u] = null;
+      Object.keys(i).forEach((a) => {
+        i[a] = null;
       });
-      const i = F.item.identifier;
-      return ["conformsTo", "temporalResolution", "creator", "contributor"].includes(i) && a.value.forEach((u, f) => {
-        M(u, f) || (l = !1);
+      const n = B.item.identifier;
+      return [
+        "conformsTo",
+        "temporalResolution",
+        "creator",
+        "contributor"
+      ].includes(n) && r.value.forEach((a, f) => {
+        W(a, f) || (l = !1);
       }), l;
     }, ve = (l) => {
-      a.value.push({});
+      r.value.push({});
     }, he = () => {
-      K("goBack", !1);
-    }, ke = (l, i) => {
-      a.value.splice(i, 1), delete n[`${F.item.identifier}-${i}`];
-    }, Y = re(() => {
-      if (F.item.identifier !== "temporalResolution") return null;
-      for (let l = 0; l < a.value.length; l++) {
-        const i = `temporalResolution-${l}`;
-        if (n[i])
+      le("goBack", !1);
+    }, ge = (l, n) => {
+      r.value.splice(n, 1), delete i[`${B.item.identifier}-${n}`];
+    }, ie = ue(() => {
+      if (B.item.identifier !== "temporalResolution") return null;
+      for (let l = 0; l < r.value.length; l++) {
+        const n = `temporalResolution-${l}`;
+        if (i[n])
           return {
-            key: i,
-            message: n[i]
+            key: n,
+            message: i[n]
           };
       }
       return null;
-    }), be = (l, i, r) => {
-      a.value[i] || (a.value[i] = {}), a.value[i]["@value"] = l.pref_label.de || l.pref_label.en, a.value[i].uri = l.resource, setTimeout(() => {
-        M(a.value[i], i);
+    }), be = (l, n, u) => {
+      r.value[n] || (r.value[n] = {}), r.value[n]["@value"] = l.pref_label.de || l.pref_label.en, r.value[n].uri = l.resource, setTimeout(() => {
+        W(r.value[n], n);
       }, 0);
-    }, w = (l, i, r, u) => {
-      var y;
-      const f = typeof l == "string" ? l : ((y = l == null ? void 0 : l.target) == null ? void 0 : y.value) ?? "";
-      a.value[r] || (a.value[r] = {}), i === "dct:issued" ? a.value[r][u] = ge(f) : a.value[r][u] = f, f != "" && (N.value[0][i] = f), u === "@id" && f != "" && (N.value[0][i] = "https://" + f), setTimeout(() => {
-        M(a.value[r], r);
+    }, U = (l, n, u, a) => {
+      var $;
+      const f = typeof l == "string" ? l : (($ = l == null ? void 0 : l.target) == null ? void 0 : $.value) ?? "";
+      r.value[u] || (r.value[u] = {}), n === "dct:issued" ? r.value[u][a] = ke(f) : r.value[u][a] = f, f != "" && (N.value[0][n] = f), a === "@id" && f != "" && (N.value[0][n] = "https://" + f), setTimeout(() => {
+        W(r.value[u], u);
       }, 0);
     };
-    function ge(l) {
-      const [i, r, u] = l.split("-");
-      return `${u}.${r}.${i}`;
+    function ke(l) {
+      const [n, u, a] = l.split("-");
+      return `${a}.${u}.${n}`;
     }
-    const $e = (l, i, r, u) => {
-      a.value[r] || (a.value[r] = {}), a.value[r][u] = l, setTimeout(() => {
-        M(a.value[r], r);
+    const ye = (l, n, u, a) => {
+      r.value[u] || (r.value[u] = {}), r.value[u][a] = l, setTimeout(() => {
+        W(r.value[u], u);
       }, 0);
-    }, ye = (l) => ($.value = l.pref_label.de, N.value = [
+    }, $e = (l) => (p.value = l.pref_label.de, N.value = [
       { "@value": l.pref_label.de, uri: l.resource }
-    ], l), j = async (l, i, r) => {
-      if (r === "select") {
-        let u = C([]);
+    ], l), Y = async (l, n, u) => {
+      if (u === "select") {
+        let a = C([]);
         if (l.forEach((f) => {
-          u.value.push({ "@value": f, selected: !1 });
-        }), i !== "")
+          a.value.push({ "@value": f, selected: !1 });
+        }), n !== "")
           try {
-            H.value = u.value;
+            O.value = a.value;
           } catch (f) {
             console.log(f);
           }
       }
-      if (r === "auto") {
-        let u = C(await Ae(i, ce.api.baseUrl, l));
-        if (i !== "")
+      if (u === "auto") {
+        let a = C(await Te(n, ce.api.baseUrl, l));
+        if (n !== "")
           try {
             const f = {
-              label: u.value.filter((y) => {
-                const p = y.pref_label.de || y.pref_label.en;
-                return p && i.trim() && (p == null ? void 0 : p.toLowerCase().startsWith(i.trim().toLowerCase()));
+              label: a.value.filter(($) => {
+                const k = $.pref_label.de || $.pref_label.en;
+                return k && n.trim() && (k == null ? void 0 : k.toLowerCase().startsWith(n.trim().toLowerCase()));
               })
             };
-            f.uri = u.value.filter((y) => y.resource), H.value = f.label;
+            f.uri = a.value.filter(($) => $.resource), O.value = f.label;
           } catch (f) {
             console.log(f);
           }
@@ -166,45 +248,46 @@ const Ce = {
     }, pe = () => {
       if (!de())
         return;
-      const l = a.value.filter((i) => L(i));
-      l.length > 0 && (B.value.Additionals[F.item.name] = l), S.value && (B.value.Additionals[F.item.name] = N.value), K("sst", "close");
+      const l = r.value.filter(
+        (n) => K(n)
+      );
+      l.length > 0 && (J.value.Additionals[B.item.name] = l), M.value && (J.value.Additionals[B.item.name] = N.value), le("sst", "close");
     };
-    return (l, i) => {
-      const r = W("additionalText"), u = W("itemWrapperAdditionals"), f = W("activeItem"), y = W("interaction");
-      return m(), v(P, null, [
-        h(r, null, {
-          default: R(() => [
-            Ie(T(e.item.help), 1)
+    return (l, n) => {
+      const u = G("additionalText"), a = G("itemWrapperAdditionals"), f = G("activeItem"), $ = G("interaction");
+      return s(), h(H, null, [
+        g(u, null, {
+          default: P(() => [
+            Re(I(e.item.help), 1)
           ]),
           _: 1
         }),
-        h(f, null, {
-          default: R(() => [
-            e.item.$formkit === "repeatable" ? (m(!0), v(P, { key: 0 }, Z(se.value, (p, o) => (m(), v("div", {
+        g(f, null, {
+          default: P(() => [
+            e.item.$formkit === "repeatable" ? (s(!0), h(H, { key: 0 }, Z(fe.value, (k, o) => (s(), h("div", {
               class: "repeatableOuter dpiV3AutoCompleteWrap",
               key: o
             }, [
-              e.item.$formkit === "repeatable" ? (m(!0), v(P, { key: 0 }, Z(e.item.children[0].children.filter(
+              e.item.$formkit === "repeatable" ? (s(!0), h(H, { key: 0 }, Z(e.item.children[0].children.filter(
                 (t) => t.$formkit !== "group"
-              ), (t, b) => (m(), d(u, { key: b }, {
-                default: R(() => {
-                  var V, g, z, O, U, Q, X, D, x, _, ee, te, le, ae, ie, oe, ne;
+              ), (t, v) => (s(), d(a, { key: v }, {
+                default: P(() => {
+                  var V, w, R, T, F, z, j, Q, X, D, x, q, A, ae, re, ne, oe;
                   return [
-                    I("details", null, T(t), 1),
-                    t.$formkit === "url" && e.item.name === "@id" ? (m(), d(A, {
+                    t.$formkit === "url" && e.item.name === "@id" ? (s(), d(S, {
                       key: 0,
                       label: t.label,
                       placeholder: e.item.placeholder,
                       infoIcon: !1,
                       preIcon: !1,
                       showEndIcon: !1,
-                      "show-error": !!n[`${e.item.identifier}-${o}`],
-                      onInput: (c) => w(c, e.item.name, o, "@id"),
+                      "show-error": !!i[`${e.item.identifier}-${o}`],
+                      onInput: (m) => U(m, e.item.name, o, "@id"),
                       initialHintText: !1,
-                      "model-value": (V = a.value[o]) == null ? void 0 : V["@id"],
-                      "v-model": (g = a.value[o]) == null ? void 0 : g["@id"]
-                    }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"])) : s("", !0),
-                    t.$formkit === "url" && e.item.name != "@id" ? (m(), d(A, {
+                      "model-value": (V = r.value[o]) == null ? void 0 : V["@id"],
+                      "v-model": (w = r.value[o]) == null ? void 0 : w["@id"]
+                    }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"])) : c("", !0),
+                    t.$formkit === "url" && e.item.name != "@id" ? (s(), d(S, {
                       key: 1,
                       label: t.label,
                       placeholder: e.item.placeholder,
@@ -212,68 +295,68 @@ const Ce = {
                       preIcon: !1,
                       showEndIcon: !1,
                       "show-error": !1,
-                      onInput: (c) => w(c, e.item.name, o, t.name),
+                      onInput: (m) => U(m, e.item.name, o, t.name),
                       initialHintText: !1,
-                      "model-value": (z = a.value[o]) == null ? void 0 : z[t.name],
-                      "v-model": (O = a.value[o]) == null ? void 0 : O[t.name]
-                    }, null, 8, ["label", "placeholder", "onInput", "model-value", "v-model"])) : s("", !0),
-                    t.$formkit === "url" && t.label != "Homepage" && t.label != "Contributor Homepage" && e.item.name != "@id" && n[`${e.item.identifier}-${o}`] ? (m(), v("div", Ce, [
-                      h(k(E), {
+                      "model-value": (R = r.value[o]) == null ? void 0 : R[t.name],
+                      "v-model": (T = r.value[o]) == null ? void 0 : T[t.name]
+                    }, null, 8, ["label", "placeholder", "onInput", "model-value", "v-model"])) : c("", !0),
+                    t.$formkit === "url" && t.label != "Homepage" && t.label != "Contributor Homepage" && e.item.name != "@id" && i[`${e.item.identifier}-${o}`] ? (s(), h("div", Se, [
+                      g(b(E), {
                         size: 16,
                         weight: "fill"
                       }),
-                      I("span", Ee, T(n[`${e.item.identifier}-${o}`]), 1)
-                    ])) : s("", !0),
-                    t.$formkit === "text" && e.item.name === "@value" ? (m(), d(A, {
+                      L("span", Be, I(i[`${e.item.identifier}-${o}`]), 1)
+                    ])) : c("", !0),
+                    t.$formkit === "text" && e.item.name === "@value" ? (s(), d(S, {
                       key: 3,
                       label: t.label,
                       placeholder: e.item.placeholder,
                       infoIcon: !1,
                       preIcon: !1,
                       showEndIcon: !1,
-                      "show-error": !!n[`${e.item.identifier}-${o}`],
-                      onInput: (c) => w(c, e.item.name, o, "@value"),
+                      "show-error": !!i[`${e.item.identifier}-${o}`],
+                      onInput: (m) => U(m, e.item.name, o, "@value"),
                       initialHintText: !1,
-                      "model-value": (U = a.value[o]) == null ? void 0 : U["@value"],
-                      "v-model": (Q = a.value[o]) == null ? void 0 : Q["@value"]
-                    }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"])) : s("", !0),
-                    t.$formkit === "text" && e.item.name === "@value" && n[`${e.item.identifier}-${o}`] ? (m(), v("div", He, [
-                      h(k(E), {
+                      "model-value": (F = r.value[o]) == null ? void 0 : F["@value"],
+                      "v-model": (z = r.value[o]) == null ? void 0 : z["@value"]
+                    }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"])) : c("", !0),
+                    t.$formkit === "text" && e.item.name === "@value" && i[`${e.item.identifier}-${o}`] ? (s(), h("div", Fe, [
+                      g(b(E), {
                         size: 16,
                         weight: "fill"
                       }),
-                      I("span", Oe, T(n[`${e.item.identifier}-${o}`]), 1)
-                    ])) : s("", !0),
-                    t.$formkit === "text" && e.item.name != "@value" ? (m(), d(A, {
+                      L("span", Ce, I(i[`${e.item.identifier}-${o}`]), 1)
+                    ])) : c("", !0),
+                    t.$formkit === "text" && e.item.name != "@value" ? (s(), d(S, {
                       key: 5,
                       label: t.label,
                       placeholder: e.item.placeholder,
                       infoIcon: !1,
                       preIcon: !1,
                       showEndIcon: !1,
-                      "show-error": t.name === "foaf:name" && !!n[`${e.item.identifier}-${o}`],
-                      onInput: (c) => w(c, e.item.name, o, t.name),
+                      "show-error": t.name === "foaf:name" && !!i[`${e.item.identifier}-${o}`],
+                      onInput: (m) => U(m, e.item.name, o, t.name),
                       initialHintText: !1,
-                      "model-value": (X = a.value[o]) == null ? void 0 : X[t.name],
-                      "v-model": (D = a.value[o]) == null ? void 0 : D[t.name]
-                    }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"])) : s("", !0),
-                    t.$formkit === "text" && t.name === "foaf:name" && n[`${e.item.identifier}-${o}`] ? (m(), v("div", Pe, [
-                      h(k(E), {
+                      "model-value": (j = r.value[o]) == null ? void 0 : j[t.name],
+                      "v-model": (Q = r.value[o]) == null ? void 0 : Q[t.name]
+                    }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"])) : c("", !0),
+                    t.$formkit === "text" && t.name === "foaf:name" && i[`${e.item.identifier}-${o}`] ? (s(), h("div", Ee, [
+                      g(b(E), {
                         size: 16,
                         weight: "fill"
                       }),
-                      I("span", Re, T(n[`${e.item.identifier}-${o}`]), 1)
-                    ])) : s("", !0),
-                    t.$formkit === "select" && t.identifier !== "language" ? (m(), d(J, {
+                      L("span", Ae, I(i[`${e.item.identifier}-${o}`]), 1)
+                    ])) : c("", !0),
+                    t.$formkit === "select" && t.identifier !== "language" ? (s(), d(te, {
                       key: 7,
                       dropdownWidth: "large",
                       type: "inputField",
-                      onClick: (c) => j(
+                      onClick: (m) => Y(
                         Object.values(t.options),
-                        c,
+                        m,
                         t.$formkit
                       ),
-                      "v-model": (x = a.value[o]) == null ? void 0 : x[t.name],
+                      "v-model": (X = r.value[o]) == null ? void 0 : X[t.name],
                       inputFieldProps: {
                         addOnText: !1,
                         initialHintText: !1,
@@ -282,23 +365,23 @@ const Ce = {
                         preIcon: !1,
                         label: t.label,
                         dropdown_dpiV3: !0,
-                        placeholder: ((_ = a.value[o]) == null ? void 0 : _[t.name]) || t.placeholder,
+                        placeholder: ((D = r.value[o]) == null ? void 0 : D[t.name]) || t.placeholder,
                         inputFieldSize: "large",
                         autocomplete: "true",
-                        modelValue: (ee = a.value[o]) == null ? void 0 : ee[t.name],
-                        showError: e.item.identifier === "temporalResolution" && !!n[`${e.item.identifier}-${o}`]
+                        modelValue: (x = r.value[o]) == null ? void 0 : x[t.name],
+                        showError: e.item.identifier === "temporalResolution" && !!i[`${e.item.identifier}-${o}`]
                       },
-                      "onUpdate:modelValue": (c) => $e(c, e.item.name, o, t.name),
-                      data: k(H),
+                      "onUpdate:modelValue": (m) => ye(m, e.item.name, o, t.name),
+                      data: b(O),
                       autocomplete: !1
-                    }, null, 8, ["onClick", "v-model", "inputFieldProps", "onUpdate:modelValue", "data"])) : s("", !0),
-                    t.$formkit === "auto" ? (m(), d(J, {
+                    }, null, 8, ["onClick", "v-model", "inputFieldProps", "onUpdate:modelValue", "data"])) : c("", !0),
+                    t.$formkit === "auto" ? (s(), d(te, {
                       key: 8,
                       dropdownWidth: "large",
                       type: "inputField",
-                      onInput: (c) => j(e.item.voc, c, t.$formkit),
-                      modelValue: k($),
-                      "onUpdate:modelValue": i[0] || (i[0] = (c) => q($) ? $.value = c : $ = c),
+                      onInput: (m) => Y(e.item.voc, m, t.$formkit),
+                      modelValue: b(p),
+                      "onUpdate:modelValue": n[0] || (n[0] = (m) => _(p) ? p.value = m : p = m),
                       inputFieldProps: {
                         addOnText: !1,
                         initialHintText: !1,
@@ -307,39 +390,39 @@ const Ce = {
                         preIcon: !1,
                         label: t.label,
                         dropdown_dpiV3: !0,
-                        placeholder: ((te = a.value[o]) == null ? void 0 : te["@value"]) || e.item.placeholder,
+                        placeholder: ((q = r.value[o]) == null ? void 0 : q["@value"]) || e.item.placeholder,
                         inputFieldSize: "large",
                         autocomplete: "true",
-                        modelValue: k($),
+                        modelValue: b(p),
                         showError: !1
                       },
-                      onChosenVocItem: (c) => be(c, o, e.item.name),
-                      data: k(H),
+                      onChosenVocItem: (m) => be(m, o, e.item.name),
+                      data: b(O),
                       autocomplete: !0
-                    }, null, 8, ["onInput", "modelValue", "inputFieldProps", "onChosenVocItem", "data"])) : s("", !0),
-                    t.$formkit === "textarea" && e.item.name === "@value" ? (m(), d(ue, {
+                    }, null, 8, ["onInput", "modelValue", "inputFieldProps", "onChosenVocItem", "data"])) : c("", !0),
+                    t.$formkit === "textarea" && e.item.name === "@value" ? (s(), d(se, {
                       key: 9,
                       label: t.label,
-                      placeholder: ((le = a.value[o]) == null ? void 0 : le[t.name]) || e.item.placeholder,
+                      placeholder: ((A = r.value[o]) == null ? void 0 : A[t.name]) || e.item.placeholder,
                       infoIcon: !1,
                       preIcon: !1,
                       showEndIcon: !1,
-                      onInput: (c) => w(c, e.item.name, o, "@value"),
+                      onInput: (m) => U(m, e.item.name, o, "@value"),
                       initialHintText: !1,
-                      "model-value": (ae = a.value[o]) == null ? void 0 : ae["@value"]
-                    }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : s("", !0),
-                    t.$formkit === "textarea" && e.item.name != "@value" ? (m(), d(ue, {
+                      "model-value": (ae = r.value[o]) == null ? void 0 : ae["@value"]
+                    }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : c("", !0),
+                    t.$formkit === "textarea" && e.item.name != "@value" ? (s(), d(se, {
                       key: 10,
                       label: t.label,
-                      placeholder: ((ie = a.value[o]) == null ? void 0 : ie[t.name]) || e.item.placeholder,
+                      placeholder: ((re = r.value[o]) == null ? void 0 : re[t.name]) || e.item.placeholder,
                       infoIcon: !1,
                       preIcon: !1,
                       showEndIcon: !1,
-                      onInput: (c) => w(c, e.item.name, o, t.name),
+                      onInput: (m) => U(m, e.item.name, o, t.name),
                       initialHintText: !1,
-                      "model-value": (oe = a.value[o]) == null ? void 0 : oe[t.name]
-                    }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : s("", !0),
-                    t.$formkit === "email" ? (m(), d(A, {
+                      "model-value": (ne = r.value[o]) == null ? void 0 : ne[t.name]
+                    }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : c("", !0),
+                    t.$formkit === "email" ? (s(), d(S, {
                       key: 11,
                       label: t.label,
                       placeholder: e.item.placeholder,
@@ -348,77 +431,77 @@ const Ce = {
                       preIcon: !1,
                       showEndIcon: !1,
                       "show-error": !1,
-                      onInput: (c) => w(c, e.item.name, o, "@value"),
+                      onInput: (m) => U(m, e.item.name, o, "@value"),
                       initialHintText: !1,
-                      "model-value": (ne = a.value[o]) == null ? void 0 : ne["@value"]
-                    }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : s("", !0)
+                      "model-value": (oe = r.value[o]) == null ? void 0 : oe["@value"]
+                    }, null, 8, ["label", "placeholder", "onInput", "model-value"])) : c("", !0)
                   ];
                 }),
                 _: 2
-              }, 1024))), 128)) : s("", !0),
-              e.item.identifier === "temporalResolution" && n[`${e.item.identifier}-${o}`] ? (m(), v("div", Ne, [
-                h(k(E), {
+              }, 1024))), 128)) : c("", !0),
+              e.item.identifier === "temporalResolution" && i[`${e.item.identifier}-${o}`] ? (s(), h("div", Oe, [
+                g(b(E), {
                   size: 16,
                   weight: "fill"
                 }),
-                I("span", Se, T(n[`${e.item.identifier}-${o}`]), 1)
-              ])) : s("", !0),
-              h(ze, {
+                L("span", ze, I(i[`${e.item.identifier}-${o}`]), 1)
+              ])) : c("", !0),
+              g(Le, {
                 "button-text": "löschen",
                 class: "rightAlign",
-                onClick: (t) => ke(e.item.name, o)
+                onClick: (t) => ge(e.item.name, o)
               }, null, 8, ["onClick"])
-            ]))), 128)) : s("", !0),
-            e.item.$formkit != "repeatable" || e.item.$formkit != "group" ? (m(), d(u, { key: 1 }, {
-              default: R(() => {
-                var p, o;
+            ]))), 128)) : c("", !0),
+            e.item.$formkit != "repeatable" || e.item.$formkit != "group" ? (s(), d(a, { key: 1 }, {
+              default: P(() => {
+                var k, o;
                 return [
-                  e.item.$formkit === "simpleInput" ? (m(), d(A, {
+                  e.item.$formkit === "simpleInput" ? (s(), d(S, {
                     key: 0,
                     label: e.item.label,
                     placeholder: e.item.placeholder,
                     infoIcon: !1,
                     preIcon: !1,
                     showEndIcon: !1,
-                    "show-error": !!n[e.item.identifier],
-                    onInput: i[1] || (i[1] = (t) => w(t, e.item.name, 0, "@value")),
+                    "show-error": !!i[e.item.identifier],
+                    onInput: n[1] || (n[1] = (t) => U(t, e.item.name, 0, "@value")),
                     initialHintText: !1,
-                    "model-value": (p = a.value[0]) == null ? void 0 : p["@value"]
-                  }, null, 8, ["label", "placeholder", "show-error", "model-value"])) : s("", !0),
-                  e.item.$formkit === "simpleInput" && n[e.item.identifier] ? (m(), v("div", Me, [
-                    h(k(E), {
+                    "model-value": (k = r.value[0]) == null ? void 0 : k["@value"]
+                  }, null, 8, ["label", "placeholder", "show-error", "model-value"])) : c("", !0),
+                  e.item.$formkit === "simpleInput" && i[e.item.identifier] ? (s(), h("div", He, [
+                    g(b(E), {
                       size: 16,
                       weight: "fill"
                     }),
-                    I("span", Ue, T(n[e.item.identifier]), 1)
-                  ])) : s("", !0),
-                  e.item.$formkit === "formkitGroup" && e.item.children[0].$formkit !== "date" ? (m(!0), v(P, { key: 2 }, Z(e.item.children, (t, b) => {
-                    var V, g;
-                    return m(), d(A, {
-                      key: b,
+                    L("span", Pe, I(i[e.item.identifier]), 1)
+                  ])) : c("", !0),
+                  e.item.$formkit === "formkitGroup" && e.item.children[0].$formkit !== "date" ? (s(!0), h(H, { key: 2 }, Z(e.item.children, (t, v) => {
+                    var V, w;
+                    return s(), d(S, {
+                      key: v,
                       label: t.label,
                       placeholder: e.item.placeholder,
                       infoIcon: !1,
                       preIcon: !1,
                       showEndIcon: !1,
-                      "show-error": !!n[e.item.identifier],
-                      onInput: (z) => w(z, e.item.name, b, t.name),
+                      "show-error": !!i[e.item.identifier],
+                      onInput: (R) => U(R, e.item.name, v, t.name),
                       initialHintText: !1,
-                      "model-value": (V = a.value[b]) == null ? void 0 : V[t.name],
-                      "v-model": (g = a.value[b]) == null ? void 0 : g[t.name]
+                      "model-value": (V = r.value[v]) == null ? void 0 : V[t.name],
+                      "v-model": (w = r.value[v]) == null ? void 0 : w[t.name]
                     }, null, 8, ["label", "placeholder", "show-error", "onInput", "model-value", "v-model"]);
-                  }), 128)) : s("", !0),
-                  Y.value ? (m(), v("div", We, [
-                    h(k(E), {
+                  }), 128)) : c("", !0),
+                  ie.value ? (s(), h("div", Ne, [
+                    g(b(E), {
                       size: 16,
                       weight: "fill"
                     }),
-                    I("span", Ze, T(Y.value.message), 1)
-                  ])) : s("", !0),
-                  e.item.$formkit === "formkitGroup" && e.item.children[0].$formkit === "date" ? (m(!0), v(P, { key: 4 }, Z(e.item.children, (t, b) => {
-                    var V, g, z, O;
-                    return m(), d(A, {
-                      key: b,
+                    L("span", Me, I(ie.value.message), 1)
+                  ])) : c("", !0),
+                  e.item.$formkit === "formkitGroup" && e.item.children[0].$formkit === "date" ? (s(!0), h(H, { key: 4 }, Z(e.item.children, (t, v) => {
+                    var V, w, R, T;
+                    return s(), d(S, {
+                      key: v,
                       label: t.label,
                       placeholder: e.item.placeholder,
                       infoIcon: !1,
@@ -427,21 +510,21 @@ const Ce = {
                       inputType: "date",
                       showEndIcon: !1,
                       "show-error": !1,
-                      onInput: (U) => w(U, e.item.name, b, t.name),
+                      onInput: (F) => U(F, e.item.name, v, t.name),
                       initialHintText: !1,
-                      "model-value": (g = (V = a.value[b]) == null ? void 0 : V[t.name]) == null ? void 0 : g["@value"],
-                      "v-model": (O = (z = a.value[b]) == null ? void 0 : z[t.name]) == null ? void 0 : O["@value"]
+                      "model-value": (w = (V = r.value[v]) == null ? void 0 : V[t.name]) == null ? void 0 : w["@value"],
+                      "v-model": (T = (R = r.value[v]) == null ? void 0 : R[t.name]) == null ? void 0 : T["@value"]
                     }, null, 8, ["label", "placeholder", "onInput", "model-value", "v-model"]);
-                  }), 128)) : s("", !0),
-                  e.item.$formkit === "auto" ? (m(), d(J, {
+                  }), 128)) : c("", !0),
+                  e.item.$formkit === "auto" ? (s(), d(te, {
                     key: 5,
                     dropdownWidth: "large",
                     type: "inputField",
-                    onInput: i[2] || (i[2] = (t) => {
-                      j(e.item.voc, t, e.item.$formkit), q(S) ? S.value = !0 : S = !0;
+                    onInput: n[2] || (n[2] = (t) => {
+                      Y(e.item.voc, t, e.item.$formkit), _(M) ? M.value = !0 : M = !0;
                     }),
-                    modelValue: k($),
-                    "onUpdate:modelValue": i[3] || (i[3] = (t) => q($) ? $.value = t : $ = t),
+                    modelValue: b(p),
+                    "onUpdate:modelValue": n[3] || (n[3] = (t) => _(p) ? p.value = t : p = t),
                     inputFieldProps: {
                       addOnText: !1,
                       initialHintText: !1,
@@ -450,51 +533,51 @@ const Ce = {
                       preIcon: !1,
                       label: e.item.label,
                       dropdown_dpiV3: !0,
-                      placeholder: ((o = a.value[0]) == null ? void 0 : o["@value"]) || e.item.placeholder,
+                      placeholder: ((o = r.value[0]) == null ? void 0 : o["@value"]) || e.item.placeholder,
                       inputFieldSize: "large",
                       autocomplete: "true",
-                      modelValue: k($),
-                      showError: !!n[e.item.identifier]
+                      modelValue: b(p),
+                      showError: !!i[e.item.identifier]
                     },
-                    onChosenVocItem: ye,
-                    data: k(H),
+                    onChosenVocItem: $e,
+                    data: b(O),
                     autocomplete: !0
-                  }, null, 8, ["modelValue", "inputFieldProps", "data"])) : s("", !0),
-                  n[e.item.identifier] ? (m(), v("div", Be, [
-                    h(k(E), {
+                  }, null, 8, ["modelValue", "inputFieldProps", "data"])) : c("", !0),
+                  i[e.item.identifier] ? (s(), h("div", We, [
+                    g(b(E), {
                       size: 16,
                       weight: "fill"
                     }),
-                    I("span", Le, T(n[e.item.identifier]), 1)
-                  ])) : s("", !0)
+                    L("span", je, I(i[e.item.identifier]), 1)
+                  ])) : c("", !0)
                 ];
               }),
               _: 1
-            })) : s("", !0)
+            })) : c("", !0)
           ]),
           _: 1
         }),
-        e.item.$formkit === "repeatable" ? (m(), v("div", je, [
-          h(G, {
+        e.item.$formkit === "repeatable" ? (s(), h("div", qe, [
+          g(ee, {
             buttonText: "Weitere hinzufügen",
             size: "large",
             iconStart: "plus",
             variant: "tertiary",
             class: "mt-3",
-            onClick: i[4] || (i[4] = (p) => ve(e.item))
+            onClick: n[4] || (n[4] = (k) => ve(e.item))
           })
-        ])) : s("", !0),
-        h(y, { class: "dpiV3_interactionWrap" }, {
-          default: R(() => [
-            I("div", qe, [
-              h(G, {
+        ])) : c("", !0),
+        g($, { class: "dpiV3_interactionWrap" }, {
+          default: P(() => [
+            L("div", Ge, [
+              g(ee, {
                 onClick: he,
                 buttonText: "Zurück",
                 size: "large",
                 iconStart: "CaretLeft",
                 variant: "tertiary"
               }),
-              h(G, {
+              g(ee, {
                 onClick: pe,
                 buttonText: "Speichern",
                 size: "large"