@piveau/dpi 0.1.0-beta.46 → 0.1.0-beta.47

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

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