@piveau/dpi 0.1.0-beta.65 → 0.1.0-beta.67

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

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