@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.60

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

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