@piveau/dpi 0.2.0-alpha.19 → 0.2.0-alpha.20

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/DocumentationsV3.vue.js

@@ -1,22 +1,23 @@
-import { ref as p, onMounted as P, createElementBlock as h, openBlock as m, normalizeClass as E, createCommentVNode as D, createBlock as W, Fragment as H, renderList as N, createElementVNode as I, createVNode as g, toDisplayString as T, unref as f, isRef as O } from "vue";
-import Z from "../Dropdown.vue.js";
-import j from "../TextAreaV3.vue.js";
-import L from "../ButtonV3.vue.js";
-import G from "../ModalSimpleV3.vue.js";
-import R from "../InputField.vue.js";
-import { useFormValues as J } from "../../../composables/useDpiFormValues.js";
+import { ref as f, reactive as O, onMounted as Z, createElementBlock as V, openBlock as g, normalizeClass as L, createCommentVNode as k, createBlock as j, Fragment as G, renderList as J, createElementVNode as I, createVNode as h, unref as u, toDisplayString as x, isRef as K } from "vue";
+import Q from "../Dropdown.vue.js";
+import X from "../TextAreaV3.vue.js";
+import R from "../ButtonV3.vue.js";
+import Y from "../ModalSimpleV3.vue.js";
+import $ from "../InputField.vue.js";
+import { PhWarning as ee } from "@phosphor-icons/vue";
+import { useFormValues as te } from "../../../composables/useDpiFormValues.js";
 /* empty css                      */
-import K from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
+import ae from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const le = { class: "dpiV3_LinkAndMetadata" }, ie = {
   key: 0,
-  class: "validation-error"
-}, Y = { class: "copy-mini-regular" }, ee = {
+  class: "dpiV3_errorMessage"
+}, oe = { class: "copy-mini-regular" }, se = {
   key: 1,
   class: "copy-mini-regular dpiV3_text_error"
-}, te = {
+}, de = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, ae = {
+}, ne = {
   __name: "DocumentationsV3",
   props: {
     documentations: { type: Array, required: !0 },
@@ -26,113 +27,121 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(r, { emit: S }) {
-    const { formValues: $ } = J();
-    let c = p({});
-    const o = r, V = S, s = p([...o.fileTypes]), k = p(!1), C = p(null);
-    let b = p(!1);
-    function B(e) {
-      return /^(https?:\/\/)?(www\.)?[-\w@:%.+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-\w()@:%+.~#?&/=]*)$/.test(e);
-    }
-    function x(e, l) {
-      const t = l == null ? void 0 : l.trim();
-      return t ? B(t) ? (e.showErrorURL = !1, e.urlErrorMessage = "", !0) : (e.showErrorURL = !0, e.urlErrorMessage = "Bitte geben Sie eine gültige URL ein", !1) : (e.showErrorURL = !1, e.urlErrorMessage = "", !0);
-    }
-    P(() => {
-      o.documentations.length === 0 && V("update", [
+  setup(r, { expose: A, emit: z }) {
+    const { formValues: E } = te();
+    let p = f({});
+    const i = r, y = z, d = f([...i.fileTypes]), P = f(!1), F = f(null), o = O({});
+    let U = f(!1);
+    Z(() => {
+      i.documentations.length === 0 && y("update", [
         {
           id: 1,
           "dcat:accessURL": "",
           "dct:format": "",
           "dct:title": "",
           "dct:description": "",
-          "formatUri:": "",
-          showErrorURL: !1,
-          urlErrorMessage: ""
+          "formatUri:": ""
         }
       ]);
     });
-    const A = (e) => {
+    const D = (e) => {
+      if (!e || e.trim() === "") return !1;
+      const l = e.trim();
+      return /\.[a-zA-Z]{2,}$/.test(l);
+    }, C = (e) => {
+      const l = e["dct:title"] && e["dct:title"].trim() !== "", t = e["dct:description"] && e["dct:description"].trim() !== "", a = e["dct:format"] && e["dct:format"].trim !== "" && (typeof e["dct:format"] == "string" ? e["dct:format"].trim() !== "" : !0);
+      return l || t || a;
+    }, S = (e) => {
+      const l = i.documentations.find((t) => t.id === e);
+      if (l) {
+        const t = l["dcat:accessURL"], a = typeof t == "string" ? t.trim() : "";
+        C(l) ? a ? D(a) ? o[e] = null : o[e] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : o[e] = "Bitte geben Sie eine gültige URL ein." : a && !D(a) ? o[e] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : o[e] = null;
+      }
+    }, w = () => {
+      let e = !1;
+      return i.documentations.forEach((l) => {
+        const t = l["dcat:accessURL"], a = typeof t == "string" ? t.trim() : "";
+        C(l) ? a ? D(a) || (o[l.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", e = !0) : (o[l.id] = "URL ist erforderlich", e = !0) : a && !D(a) && (o[l.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", e = !0);
+      }), e;
+    }, M = (e) => {
       switch (e) {
         case "delete":
-          q();
+          N();
           break;
       }
-    }, F = (e, l, t = null) => {
-      var u, i;
-      s.value = [...o.fileTypes];
-      const a = typeof e == "string" ? e.trim().toUpperCase() : (i = (u = e == null ? void 0 : e.target) == null ? void 0 : u.value) == null ? void 0 : i.trim().toUpperCase();
-      a.length > 0 ? s.value = o.fileTypes.filter(
-        (v) => v["@value"].toUpperCase().startsWith(a)
-      ) : s.value = [...fileTypes.value];
-    }, M = () => {
+    }, _ = (e, l, t = null) => {
+      var n, s;
+      d.value = [...i.fileTypes];
+      const a = typeof e == "string" ? e.trim().toUpperCase() : (s = (n = e == null ? void 0 : e.target) == null ? void 0 : n.value) == null ? void 0 : s.trim().toUpperCase();
+      a.length > 0 ? d.value = i.fileTypes.filter(
+        (T) => T["@value"].toUpperCase().startsWith(a)
+      ) : d.value = [...i.fileTypes];
+    }, W = () => {
+      if (w())
+        return;
       const l = {
-        id: (o.documentations.length ? Math.max(...o.documentations.map((t) => t.id)) : 0) + 1,
+        id: (i.documentations.length ? Math.max(...i.documentations.map((t) => t.id)) : 0) + 1,
         "dcat:accessURL": "",
         "dct:format": "",
         "dct:title": "",
         "dct:description": "",
-        "formatUri:": "",
-        showErrorURL: !1,
-        urlErrorMessage: ""
+        "formatUri:": ""
       };
-      V("update", [...o.documentations, l]);
-    }, z = (e, l) => {
-      s.value = [...o.fileTypes];
-      const t = s.value.find(
-        (i) => i["@value"] === e
-      ), a = p(
-        $.value.DistributionSimple["dcat:distribution"].find(
-          (i) => i.id === o.distributionId
+      y("update", [...i.documentations, l]);
+    }, q = (e, l) => {
+      d.value = [...i.fileTypes];
+      const t = d.value.find(
+        (s) => s["@value"] === e
+      ), a = f(
+        E.value.DistributionSimple["dcat:distribution"].find(
+          (s) => s.id === i.distributionId
         )
-      ), u = p(
-        a.value.documentations.find((i) => i.id === l)
+      ), n = f(
+        a.value.documentations.find((s) => s.id === l)
       );
-      u.value === void 0 || (u.value.formatUri = t.uri), U(e, "dct:format", l);
-    }, U = (e, l, t) => {
-      var u, i, v;
+      n.value === void 0 || (n.value.formatUri = t.uri), v(e, "dct:format", l);
+    }, v = (e, l, t) => {
+      var n, s, T;
       let a = "";
       if (l === "dcat:accessURL") {
-        const n = ((u = e == null ? void 0 : e.target) == null ? void 0 : u.value) || e, w = o.documentations.find((d) => d.id === t);
-        x(w, n), a = o.documentations.map(
-          (d) => d.id === t ? { ...d, [l]: n } : d
+        const c = typeof e == "string" ? e : ((n = e == null ? void 0 : e.target) == null ? void 0 : n.value) ?? "";
+        a = i.documentations.map(
+          (b) => b.id === t ? { ...b, [l]: c } : b
         );
       } else if (l === "dct:format") {
-        s.value = [...o.fileTypes];
-        const n = typeof e == "string" ? e.trim().toUpperCase() : (v = (i = e == null ? void 0 : e.target) == null ? void 0 : i.value) == null ? void 0 : v.trim().toUpperCase();
-        n.length > 0 ? s.value = o.fileTypes.filter(
-          (d) => d["@value"].toUpperCase().startsWith(n)
-        ) : s.value = [...o.fileTypes];
-        const w = s.value.find(
-          (d) => d["@value"] === e
+        d.value = [...i.fileTypes];
+        const c = typeof e == "string" ? e.trim().toUpperCase() : (T = (s = e == null ? void 0 : e.target) == null ? void 0 : s.value) == null ? void 0 : T.trim().toUpperCase();
+        c.length > 0 ? d.value = i.fileTypes.filter(
+          (m) => m["@value"].toUpperCase().startsWith(c)
+        ) : d.value = [...i.fileTypes];
+        const b = d.value.find(
+          (m) => m["@value"] === e
         );
-        a = o.documentations.map(
-          (d) => d.id === t ? { ...d, [l]: w["@value"], formatUri: w.uri } : d
+        a = i.documentations.map(
+          (m) => m.id === t ? { ...m, [l]: b["@value"], formatUri: b.uri } : m
         );
       } else
-        a = o.documentations.map(
-          (n) => n.id === t ? { ...n, [l]: e.target.value } : n
+        a = i.documentations.map(
+          (c) => c.id === t ? { ...c, [l]: e.target.value } : c
         );
-      V("update", a);
-    }, _ = (e) => {
-      c.value = {
+      y("update", a), setTimeout(() => {
+        S(t);
+      }, 0);
+    }, H = (e) => {
+      p.value = {
         button: "Löschen",
         header: "Dokumentation löschen",
         text: "Sind Sie sicher, dass Sie die Dokumentation löschen wollen?",
         action: "delete",
         optionalString_1: e["dct:title"],
         optionalString_2: e["dcat:accessURL"]
-      }, b.value = !0, C.value = e;
-    }, q = () => {
-      if (o.documentations.length === 1) {
-        k.value = !0;
-        return;
-      }
-      const e = o.documentations.filter(
-        (l) => l.id !== C.value.id
+      }, U.value = !0, F.value = e;
+    }, N = () => {
+      const e = i.documentations.filter(
+        (l) => l.id !== F.value.id
       );
-      V("update", e);
-    }, y = (e, l) => {
+      delete o[F.value.id], y("update", e);
+    }, B = (e, l) => {
       switch (e) {
         case "dct:description":
           l["dct:description"] = "";
@@ -144,17 +153,22 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
           l["dct:format"] = "";
           break;
       }
+      setTimeout(() => {
+        S(l.id);
+      }, 0);
     };
-    return (e, l) => (m(), h("div", {
-      class: E(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: r.asCard }])
+    return A({
+      validateAllItems: w
+    }), (e, l) => (g(), V("div", {
+      class: L(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: r.asCard }])
     }, [
-      (m(!0), h(H, null, N(r.documentations, (t) => (m(), h("div", {
+      (g(!0), V(G, null, J(r.documentations, (t) => (g(), V("div", {
         key: t.id,
-        class: E(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: r.asCard }])
+        class: L(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: r.asCard }])
       }, [
-        I("div", Q, [
-          g(R, {
-            onInput: (a) => U(a, "dcat:accessURL", t.id),
+        I("div", le, [
+          h($, {
+            onInput: (a) => v(a, "dcat:accessURL", t.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -168,15 +182,18 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
               "message.dataupload.datasets.dcat:distribution.advanced.documentation.dcat:downloadURL-label"
             ),
             showEndIcon: !1,
-            showError: t.showErrorURL,
             modelValue: t["dcat:accessURL"],
             "onUpdate:modelValue": (a) => t["dcat:accessURL"] = a
-          }, null, 8, ["onInput", "placeholder", "label", "showError", "modelValue", "onUpdate:modelValue"]),
-          t.showErrorURL && t.urlErrorMessage ? (m(), h("div", X, [
-            I("span", Y, T(t.urlErrorMessage), 1)
-          ])) : D("", !0),
-          g(R, {
-            onInput: (a) => U(a, "dct:title", t.id),
+          }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue"]),
+          o[t.id] ? (g(), V("div", ie, [
+            h(u(ee), {
+              size: 16,
+              weight: "fill"
+            }),
+            I("span", oe, x(o[t.id]), 1)
+          ])) : k("", !0),
+          h($, {
+            onInput: (a) => v(a, "dct:title", t.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -193,10 +210,10 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
             modelValue: t["dct:title"],
             "onUpdate:modelValue": (a) => t["dct:title"] = a,
             defaultInput: !r.showDeleteButton,
-            onDeleteButtonClicked: (a) => y("dct:title", t)
+            onDeleteButtonClicked: (a) => B("dct:title", t)
           }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
-          g(j, {
-            onInput: (a) => U(a, "dct:description", t.id),
+          h(X, {
+            onInput: (a) => v(a, "dct:description", t.id),
             hint: !1,
             label: e.$t(
               "message.dataupload.datasets.dcat:distribution.advanced.documentation.description"
@@ -207,11 +224,11 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
             modelValue: t["dct:description"],
             "onUpdate:modelValue": (a) => t["dct:description"] = a,
             showDeleteButton: r.showDeleteButton,
-            onDeleteClicked: (a) => y("dct:description", t)
+            onDeleteClicked: (a) => B("dct:description", t)
           }, null, 8, ["onInput", "label", "placeholder", "modelValue", "onUpdate:modelValue", "showDeleteButton", "onDeleteClicked"]),
-          g(Z, {
-            "onUpdate:modelValue": [(a) => z(a, t.id), (a) => t["dct:format"] = a],
-            onInput: l[0] || (l[0] = (a) => F(a)),
+          h(Q, {
+            "onUpdate:modelValue": [(a) => q(a, t.id), (a) => t["dct:format"] = a],
+            onInput: l[0] || (l[0] = (a) => _(a)),
             dropdownWidth: "large",
             type: "inputField",
             modelValue: t["dct:format"],
@@ -232,15 +249,15 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
               modelValue: t["dct:format"].uri,
               defaultInput: !r.showDeleteButton
             },
-            data: s.value,
+            data: d.value,
             autocomplete: !0,
-            onDeleteDropdownField: (a) => y("dct:format", t)
+            onDeleteDropdownField: (a) => B("dct:format", t)
           }, null, 8, ["onUpdate:modelValue", "modelValue", "inputFieldProps", "data", "onDeleteDropdownField"]),
-          k.value && r.documentations.length === 1 ? (m(), h("p", ee, T(e.$t(
+          P.value && r.documentations.length === 1 ? (g(), V("p", se, x(e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.error-message"
-          )), 1)) : D("", !0)
+          )), 1)) : k("", !0)
         ]),
-        g(L, {
+        h(R, {
           class: "dpiV3_tempAddMore",
           buttonText: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
@@ -248,34 +265,34 @@ const Q = { class: "dpiV3_LinkAndMetadata" }, X = {
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (a) => _(t)
+          onClick: (a) => H(t)
         }, null, 8, ["buttonText", "onClick"])
       ], 2))), 128)),
-      r.asCard ? D("", !0) : (m(), h("div", te, [
-        g(L, {
+      r.asCard ? k("", !0) : (g(), V("div", de, [
+        h(R, {
           buttonText: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.add-another"
           ),
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: M
+          onClick: W
         }, null, 8, ["buttonText"])
       ])),
-      f(b) ? (m(), W(G, {
+      u(U) ? (g(), j(Y, {
         key: 1,
-        buttons: f(c).button,
-        headerText: f(c).header,
-        text: f(c).text,
-        onClose: l[1] || (l[1] = (t) => O(b) ? b.value = !1 : b = !1),
-        action: f(c).action,
-        onActionHandling: l[2] || (l[2] = (t) => A(t)),
-        optionalString_1: f(c).optionalString_1,
-        optionalString_2: f(c).optionalString_2
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : D("", !0)
+        buttons: u(p).button,
+        headerText: u(p).header,
+        text: u(p).text,
+        onClose: l[1] || (l[1] = (t) => K(U) ? U.value = !1 : U = !1),
+        action: u(p).action,
+        onActionHandling: l[2] || (l[2] = (t) => M(t)),
+        optionalString_1: u(p).optionalString_1,
+        optionalString_2: u(p).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : k("", !0)
     ], 2));
   }
-}, pe = /* @__PURE__ */ K(ae, [["__scopeId", "data-v-541b2d96"]]);
+}, Ue = /* @__PURE__ */ ae(ne, [["__scopeId", "data-v-cf202935"]]);
 export {
-  pe as default
+  Ue as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/LanguageV3.vue.js

@@ -1,4 +1,4 @@
-import { ref as d, getCurrentInstance as _, onMounted as P, computed as S, watch as z, createElementBlock as g, openBlock as c, Fragment as w, createCommentVNode as h, renderList as W, unref as r, normalizeClass as $, createVNode as V, createBlock as A } from "vue";
+import { ref as d, getCurrentInstance as _, onMounted as P, computed as S, watch as z, createElementBlock as g, openBlock as c, Fragment as h, createCommentVNode as w, renderList as W, unref as r, normalizeClass as $, createVNode as V, createBlock as A } from "vue";
 import { getLanguages as N } from "../../services/dpiV3_apis.js";
 import U from "../Dropdown.vue.js";
 import q from "../ButtonV3.vue.js";
@@ -19,68 +19,68 @@ const Q = {
   },
   emits: ["addLanguage", "deleteButtonClicked"],
   setup(v, { emit: C }) {
-    const i = v;
+    const n = v;
     let l = d([{ label: "", "@value": "", uri: "" }]), u = {};
     const { formValues: k } = H(), { t: f } = E(), y = () => {
       l.value.push({});
     }, b = _(), B = b.appContext.app.config.globalProperties.$env, I = b.appContext.app.config.globalProperties.$i18n.locale;
     let p = d([]);
     u = k.value.DistributionSimple["dcat:distribution"].find(
-      (e) => e.id === i.distributionId
+      (e) => e.id === n.distributionId
     ) || {}, P(async () => {
-      var e, n, a;
-      ((n = (e = u["dct:language"]) == null ? void 0 : e[0]) == null ? void 0 : n.label) !== "" && (l.value = u["dct:language"]), p.value = (a = u["dct:language"]) == null ? void 0 : a.map((t) => t.label);
+      var e;
+      u["dct:language"].length > 0 && (l.value = u["dct:language"]), p.value = (e = u["dct:language"]) == null ? void 0 : e.map((a) => a.label);
       try {
-        const t = await N(B.api.baseUrl, I);
-        s.value = t.map((o) => ({
-          "@value": o.label,
-          label: o.label,
-          uri: o.uri
+        const a = await N(B.api.baseUrl, I);
+        s.value = a.map((t) => ({
+          "@value": t.label,
+          label: t.label,
+          uri: t.uri
         }));
-      } catch (t) {
-        console.error("Failed to load language data", t);
+      } catch (a) {
+        console.error("Failed to load language data", a);
       }
     });
     const s = d([]);
     let L = d(p);
     console.log("Titelliste", L);
-    const O = C, F = (e, n) => {
-      l.value.length > 1 ? (l.value[n] = {
+    const O = C, F = (e, a) => {
+      l.value.length > 1 ? (l.value[a] = {
         label: e,
-        uri: s.value.find((a) => a["@value"] === e).uri || ""
+        uri: s.value.find((t) => t["@value"] === e).uri || ""
       }, u["dct:language"] = l.value) : (l.value[0] = {
         "@value": e,
-        uri: s.value.find((a) => a["@value"] === e).uri || ""
-      }, u["dct:language"][0] = l.value[0], s.value.find((a) => a["@value"] === e).uri);
+        uri: s.value.find((t) => t["@value"] === e).uri || ""
+      }, u["dct:language"][0] = l.value[0], s.value.find((t) => t["@value"] === e).uri);
     }, m = d(""), x = (e) => {
       m.value = e, console.log(m);
     }, T = S(() => s.value.filter(
       (e) => {
-        var n, a, t, o;
-        return (o = (n = e["@value"]) == null ? void 0 : n.toLowerCase()) == null ? void 0 : o.trim().startsWith((t = (a = m.value) == null ? void 0 : a.toLowerCase()) == null ? void 0 : t.trim());
+        var a, t, o, i;
+        return (i = (a = e["@value"]) == null ? void 0 : a.toLowerCase()) == null ? void 0 : i.trim().startsWith((o = (t = m.value) == null ? void 0 : t.toLowerCase()) == null ? void 0 : o.trim());
       }
     ));
     z(
-      () => i.languageText,
+      () => n.languageText,
       (e) => {
         p.value = e;
       }
     );
     const D = () => {
-      console.log("delete clicked"), O("deleteButtonClicked", i.distributionId);
+      console.log("delete clicked"), O("deleteButtonClicked", n.distributionId);
     };
-    return (e, n) => (c(), g(w, null, [
-      (c(!0), g(w, null, W(r(l), (a, t) => (c(), g("div", {
+    return (e, a) => (c(), g(h, null, [
+      (c(!0), g(h, null, W(r(l), (t, o) => (c(), g("div", {
         class: $([{
-          repeatableOuter: !i.inOverview,
-          dpiV3AutoCompleteWrap: !i.inOverview
+          repeatableOuter: !n.inOverview,
+          dpiV3AutoCompleteWrap: !n.inOverview
         }, "langDropdown"])
       }, [
         V(U, {
-          "onUpdate:modelValue": [(o) => F(o, t), (o) => r(l)[t].label = o],
+          "onUpdate:modelValue": [(i) => F(i, o), (i) => r(l)[o].label = i],
           dropdownWidth: "large",
           type: "inputField",
-          modelValue: r(l)[t].label,
+          modelValue: r(l)[o].label,
           inputFieldProps: {
             addOnText: !1,
             initialHintText: !1,
@@ -95,28 +95,28 @@ const Q = {
               "message.dataupload.datasets.dcat:distribution.advanced.language-placeholder"
             ),
             inputFieldSize: "large",
-            modelValue: r(p)[t],
+            modelValue: r(p)[o],
             defaultInput: !v.showDeleteButton
           },
           data: T.value,
           onDeleteDropdownField: D,
           onInput: x
         }, null, 8, ["onUpdate:modelValue", "modelValue", "inputFieldProps", "data"]),
-        i.inOverview ? h("", !0) : (c(), A(M, {
+        n.inOverview ? w("", !0) : (c(), A(M, {
           key: 0,
           "button-text": "löschen",
           class: "rightAlign",
-          onClick: (o) => r(l).splice(t, 1)
+          onClick: (i) => r(l).splice(o, 1)
         }, null, 8, ["onClick"]))
       ], 2))), 256)),
-      i.inOverview ? h("", !0) : (c(), g("div", Q, [
+      n.inOverview ? w("", !0) : (c(), g("div", Q, [
         V(q, {
           buttonText: "Weitere hinzufügen",
           size: "large",
           iconStart: "plus",
           variant: "tertiary",
           class: "mt-3",
-          onClick: n[0] || (n[0] = (a) => y())
+          onClick: a[0] || (a[0] = (t) => y())
         })
       ]))
     ], 64));