@piveau/dpi 0.1.0-beta.39 → 0.1.0-beta.40

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

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