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

package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/AccessServiceV3.vue.js

@@ -1,17 +1,21 @@
-import { ref as m, onMounted as C, createElementBlock as c, openBlock as s, normalizeClass as S, createCommentVNode as h, createBlock as U, Fragment as k, renderList as L, createElementVNode as y, createVNode as u, unref as d, isRef as T } from "vue";
-import D from "../TextAreaV3.vue.js";
-import b from "../ButtonV3.vue.js";
-import R from "../ModalSimpleV3.vue.js";
-import I from "../InputField.vue.js";
+import { ref as h, reactive as T, onMounted as z, createElementBlock as c, openBlock as r, normalizeClass as L, createCommentVNode as g, createBlock as D, Fragment as M, renderList as E, createElementVNode as S, createVNode as u, unref as d, toDisplayString as N, isRef as P } from "vue";
+import q from "../TextAreaV3.vue.js";
+import w from "../ButtonV3.vue.js";
+import W from "../ModalSimpleV3.vue.js";
+import _ from "../InputField.vue.js";
+import { PhWarning as $ } from "@phosphor-icons/vue";
 /* empty css                     */
-import M from "../../../../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "dpiV3_LinkAndMetadata" }, E = {
+import H from "../../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "dpiV3_LinkAndMetadata" }, Z = {
   key: 0,
+  class: "dpiV3_errorMessage"
+}, j = { class: "copy-mini-regular" }, G = {
+  key: 1,
   class: "copy-mini-regular dpiV3_text_error"
-}, N = {
+}, J = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, q = {
+}, K = {
   __name: "AccessServiceV3",
   props: {
     accessServices: { type: Array, required: !0 },
@@ -20,12 +24,12 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(a, { emit: x }) {
-    let l = m({});
-    const i = a, p = x, g = m(!1), V = m(null);
-    let r = m(!1);
-    C(() => {
-      console.log("Component Mounted: accessServices received for distributionId:", i.distributionId), console.log("accessServices:", i.accessServices), i.accessServices.length === 0 && (console.log("No accessServices found, initializing first service."), p("update", [
+  setup(a, { expose: A, emit: R }) {
+    let s = h({});
+    const l = a, m = R, x = h(!1), V = h(null), o = T({});
+    let p = h(!1);
+    z(() => {
+      console.log("Component Mounted: accessServices received for distributionId:", l.distributionId), console.log("accessServices:", l.accessServices), l.accessServices.length === 0 && (console.log("No accessServices found, initializing first service."), m("update", [
         {
           id: 1,
           "dcat:downloadURL": "",
@@ -34,54 +38,79 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
         }
       ]));
     });
-    const A = (n) => {
-      switch (n) {
+    const f = (t) => {
+      if (!t || t.trim() === "") return !1;
+      const i = t.trim();
+      return /\.[a-zA-Z]{2,}$/.test(i);
+    }, B = (t) => {
+      const i = t["dct:title"] && t["dct:title"].trim() !== "", e = t["dct:description"] && t["dct:description"].trim() !== "";
+      return i || e;
+    }, I = (t) => {
+      const i = l.accessServices.find((e) => e.id === t);
+      if (i) {
+        const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
+        B(i) ? e ? f(e) ? o[t] = null : o[t] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : o[t] = "URL ist erforderlich" : e && !f(e) ? o[t] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)" : o[t] = null;
+      }
+    }, b = () => {
+      let t = !1;
+      return l.accessServices.forEach((i) => {
+        const e = i["dcat:downloadURL"] ? i["dcat:downloadURL"].trim() : "";
+        B(i) ? e ? f(e) || (o[i.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", t = !0) : (o[i.id] = "URL ist erforderlich", t = !0) : e && !f(e) && (o[i.id] = "Bitte geben Sie eine gültige URL ein (z.B. example.com)", t = !0);
+      }), t;
+    }, k = (t) => {
+      switch (t) {
         case "delete":
-          _();
+          F();
           break;
       }
-    }, B = () => {
-      const o = {
-        id: (i.accessServices.length ? Math.max(...i.accessServices.map((e) => e.id)) : 0) + 1,
+    }, y = () => {
+      if (b())
+        return;
+      const i = {
+        id: (l.accessServices.length ? Math.max(...l.accessServices.map((e) => e.id)) : 0) + 1,
         "dcat:downloadURL": "",
         "dct:title": "",
         "dct:description": ""
       };
-      p("update", [...i.accessServices, o]);
-    }, f = (n, o, e) => {
-      const t = i.accessServices.map(
-        (v) => v.id === e ? { ...v, [o]: n.target.value } : v
+      m("update", [...l.accessServices, i]);
+    }, U = (t, i, e) => {
+      const n = l.accessServices.map(
+        (v) => v.id === e ? { ...v, [i]: t.target.value } : v
       );
-      p("update", t);
-    }, w = (n) => {
-      l.value = {
+      m("update", n), setTimeout(() => {
+        I(e);
+      }, 0);
+    }, C = (t) => {
+      s.value = {
         button: "Löschen",
         header: "Datenservice löschen",
         text: "Sind Sie sicher, dass Sie den Service löschen wollen?",
         action: "delete",
-        optionalString_1: n["dct:title"],
-        optionalString_2: n["dcat:downloadURL"]
-      }, r.value = !0, V.value = n;
-    }, _ = () => {
-      if (i.accessServices.length === 1) {
-        g.value = !0;
+        optionalString_1: t["dct:title"],
+        optionalString_2: t["dcat:downloadURL"]
+      }, p.value = !0, V.value = t;
+    }, F = () => {
+      if (l.accessServices.length === 1) {
+        x.value = !0;
         return;
       }
-      const n = i.accessServices.filter(
-        (o) => o.id !== V.value.id
+      const t = l.accessServices.filter(
+        (i) => i.id !== V.value.id
       );
-      p("update", n);
+      delete o[V.value.id], m("update", t);
     };
-    return (n, o) => (s(), c("div", {
-      class: S(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
+    return A({
+      validateAllItems: b
+    }), (t, i) => (r(), c("div", {
+      class: L(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: a.asCard }])
     }, [
-      (s(!0), c(k, null, L(a.accessServices, (e) => (s(), c("div", {
+      (r(!0), c(M, null, E(a.accessServices, (e) => (r(), c("div", {
         key: e.id,
-        class: S(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
+        class: L(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: a.asCard }])
       }, [
-        y("div", z, [
-          u(I, {
-            onInput: (t) => f(t, "dcat:downloadURL", e.id),
+        S("div", O, [
+          u(_, {
+            onInput: (n) => U(n, "dcat:downloadURL", e.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -92,10 +121,17 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
             label: "URL",
             showEndIcon: !1,
             modelValue: e["dcat:downloadURL"],
-            "onUpdate:modelValue": (t) => e["dcat:downloadURL"] = t
+            "onUpdate:modelValue": (n) => e["dcat:downloadURL"] = n
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
-          u(I, {
-            onInput: (t) => f(t, "dct:title", e.id),
+          o[e.id] ? (r(), c("div", Z, [
+            u(d($), {
+              size: 16,
+              weight: "fill"
+            }),
+            S("span", j, N(o[e.id]), 1)
+          ])) : g("", !0),
+          u(_, {
+            onInput: (n) => U(n, "dct:title", e.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -106,52 +142,52 @@ const z = { class: "dpiV3_LinkAndMetadata" }, E = {
             label: "Titel (optional)",
             showEndIcon: !1,
             modelValue: e["dct:title"],
-            "onUpdate:modelValue": (t) => e["dct:title"] = t,
+            "onUpdate:modelValue": (n) => e["dct:title"] = n,
             defaultInput: !a.showDeleteButton
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "defaultInput"]),
-          u(D, {
-            onInput: (t) => f(t, "dct:description", e.id),
+          u(q, {
+            onInput: (n) => U(n, "dct:description", e.id),
             hint: !1,
             label: "Beschreibung (optional)",
             placeholder: "Bitte Beschreibung eingeben...",
             modelValue: e["dct:description"],
-            "onUpdate:modelValue": (t) => e["dct:description"] = t,
+            "onUpdate:modelValue": (n) => e["dct:description"] = n,
             showDeleteButton: a.showDeleteButton
           }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "showDeleteButton"]),
-          g.value && a.accessServices.length === 1 ? (s(), c("p", E, " Mindestens eine URL muss vorhanden sein. ")) : h("", !0)
+          x.value && a.accessServices.length === 1 ? (r(), c("p", G, " Mindestens eine URL muss vorhanden sein. ")) : g("", !0)
         ]),
-        u(b, {
+        u(w, {
           class: "dpiV3_tempAddMore",
           buttonText: "Löschen",
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (t) => w(e)
+          onClick: (n) => C(e)
         }, null, 8, ["onClick"])
       ], 2))), 128)),
-      a.asCard ? h("", !0) : (s(), c("div", N, [
-        u(b, {
+      a.asCard ? g("", !0) : (r(), c("div", J, [
+        u(w, {
           buttonText: "Weiteren Service hinzufügen",
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: B
+          onClick: y
         })
       ])),
-      d(r) ? (s(), U(R, {
+      d(p) ? (r(), D(W, {
         key: 1,
-        buttons: d(l).button,
-        headerText: d(l).header,
-        text: d(l).text,
-        onClose: o[0] || (o[0] = (e) => T(r) ? r.value = !1 : r = !1),
-        action: d(l).action,
-        onActionHandling: o[1] || (o[1] = (e) => A(e)),
-        optionalString_1: d(l).optionalString_1,
-        optionalString_2: d(l).optionalString_2
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : h("", !0)
+        buttons: d(s).button,
+        headerText: d(s).header,
+        text: d(s).text,
+        onClose: i[0] || (i[0] = (e) => P(p) ? p.value = !1 : p = !1),
+        action: d(s).action,
+        onActionHandling: i[1] || (i[1] = (e) => k(e)),
+        optionalString_1: d(s).optionalString_1,
+        optionalString_2: d(s).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : g("", !0)
     ], 2));
   }
-}, G = /* @__PURE__ */ M(q, [["__scopeId", "data-v-5b5b9169"]]);
+}, oe = /* @__PURE__ */ H(K, [["__scopeId", "data-v-a722a31b"]]);
 export {
-  G as default
+  oe as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/ChangeLicenseV3.vue.js

@@ -1,10 +1,17 @@
-import { ref as s, onMounted as b, getCurrentInstance as x, watch as c, createElementBlock as p, openBlock as f, Fragment as z, createCommentVNode as I, createVNode as g, normalizeClass as D, unref as C } from "vue";
-import { getLicenses as V } from "../../services/dpiV3_apis.js";
-import T from "../Dropdown.vue.js";
-import B from "../InputField.vue.js";
+import { ref as s, onMounted as k, getCurrentInstance as B, watch as w, createElementBlock as c, openBlock as p, Fragment as F, createCommentVNode as g, createVNode as f, normalizeClass as N, unref as m, createElementVNode as b, toDisplayString as z } from "vue";
+import { getLicenses as _ } from "../../services/dpiV3_apis.js";
+import S from "../Dropdown.vue.js";
+import E from "../InputField.vue.js";
+import { PhWarning as y } from "@phosphor-icons/vue";
 /* empty css                     */
-import F from "../../../../_virtual/_plugin-vue_export-helper.js";
-const k = { key: 0 }, y = {
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+const M = { key: 0 }, U = {
+  key: 1,
+  class: "dpiV3_errorMessage"
+}, H = { class: "copy-mini-regular" }, O = {
+  key: 2,
+  class: "dpiV3_errorMessage"
+}, W = { class: "copy-mini-regular" }, q = {
   __name: "ChangeLicenseV3",
   props: {
     distributionId: { type: Number, required: !1 },
@@ -14,63 +21,80 @@ const k = { key: 0 }, y = {
     asCard: { type: Boolean, default: !1 }
   },
   emits: ["addChangeLicense", "deleteButtonClicked"],
-  setup(o, { emit: m }) {
-    let d = s([]);
-    b(async () => {
-      const n = x().appContext.app.config.globalProperties.$env;
+  setup(o, { expose: D, emit: x }) {
+    let h = s([]);
+    const d = s(null), u = s(null);
+    k(async () => {
+      const t = B().appContext.app.config.globalProperties.$env;
       try {
-        const e = await V(n.api.baseUrl);
-        d.value = e.map((u) => ({
-          "@value": u.value,
-          label: u.label
+        const n = await _(t.api.baseUrl);
+        h.value = n.map((L) => ({
+          "@value": L.value,
+          label: L.label
         }));
-      } catch (e) {
-        console.error("Failed to load licenses", e);
+      } catch (n) {
+        console.error("Failed to load licenses", n);
       }
     });
-    const i = o, l = s(i.changeLicenseText);
+    const a = o, i = s(a.changeLicenseText);
     s([]);
-    const a = s(i.changeLicenseDropdownText), r = m, h = (t) => {
-      l.value = t.target.value, r(
+    const l = s(a.changeLicenseDropdownText), v = x, r = () => {
+      const e = typeof l.value == "string" ? l.value.trim() : "", t = typeof i.value == "string" ? i.value.trim() : "";
+      let n = !1;
+      return d.value = null, u.value = null, e && (e.toLowerCase().includes("cc-by") || e.toLowerCase().includes("cc by")) && (t || (u.value = "Nennung des Datenbereitstellers ist erforderlich für diese Lizenz", n = !0)), t && !e && (d.value = "Lizenz ist erforderlich wenn Nennung des Datenbereitstellers ausgefüllt ist", n = !0), n;
+    }, T = (e) => {
+      var n;
+      const t = typeof e == "string" ? e : ((n = e == null ? void 0 : e.target) == null ? void 0 : n.value) ?? "";
+      i.value = t, v(
         "addChangeLicense",
+        i.value,
         l.value,
-        a.value,
-        i.distributionId
-      );
-    }, v = (t) => {
-      a.value = t, r(
+        a.distributionId
+      ), setTimeout(() => {
+        r();
+      }, 0);
+    }, V = (e) => {
+      l.value = e, v(
         "addChangeLicense",
+        i.value,
         l.value,
-        a.value,
-        i.distributionId
-      );
+        a.distributionId
+      ), setTimeout(() => {
+        r();
+      }, 0);
     };
-    c(
-      () => i.changeLicenseDropdownText,
-      (t) => {
-        a.value = t;
+    w(
+      () => a.changeLicenseDropdownText,
+      (e) => {
+        l.value = e;
       }
-    ), c(
-      () => i.changeLicenseText,
-      (t) => {
-        l.value = t;
+    ), w(
+      () => a.changeLicenseText,
+      (e) => {
+        i.value = e;
       }
     );
-    const L = () => {
-      a.value = "";
-    }, w = () => {
-      l.value = "";
+    const C = () => {
+      l.value = "", setTimeout(() => {
+        r();
+      }, 0);
+    }, I = () => {
+      i.value = "", setTimeout(() => {
+        r();
+      }, 0);
     };
-    return (t, n) => (f(), p(z, null, [
-      o.asCard ? I("", !0) : (f(), p("p", k, " Die von Ihnen gewählte Lizenz bestimmt, wie andere Ihre Daten verwenden und teilen können. Je einfacher die Lizenz, desto besser. Um eine Wiederverwendung zu erleichtern, ist die Auswahl eines bereits verbreiteten Lizenzstandards zu empfehlen. ")),
-      g(T, {
+    return D({
+      validate: r
+    }), (e, t) => (p(), c(F, null, [
+      o.asCard ? g("", !0) : (p(), c("p", M, " Die von Ihnen gewählte Lizenz bestimmt, wie andere Ihre Daten verwenden und teilen können. Je einfacher die Lizenz, desto besser. Um eine Wiederverwendung zu erleichtern, ist die Auswahl eines bereits verbreiteten Lizenzstandards zu empfehlen. ")),
+      f(S, {
         "onUpdate:modelValue": [
-          n[0] || (n[0] = (e) => v(e)),
-          n[1] || (n[1] = (e) => a.value = e)
+          t[0] || (t[0] = (n) => V(n)),
+          t[1] || (t[1] = (n) => l.value = n)
         ],
         dropdownWidth: "large",
         type: "inputField",
-        modelValue: a.value,
+        modelValue: l.value,
         inputFieldProps: {
           addOnText: !1,
           initialHintText: !1,
@@ -81,17 +105,24 @@ const k = { key: 0 }, y = {
           dropdown_dpiV3: !0,
           placeholder: "Geben Sie die Lizenz ein...",
           inputFieldSize: "large",
-          modelValue: a.value,
+          modelValue: l.value,
           defaultInput: !o.showDeleteButton
         },
-        data: C(d),
-        onDeleteDropdownField: L,
-        class: D({ dpiV3_Space3: o.showDeleteButton })
+        data: m(h),
+        onDeleteDropdownField: C,
+        class: N({ dpiV3_Space3: o.showDeleteButton })
       }, null, 8, ["modelValue", "inputFieldProps", "data", "class"]),
-      g(B, {
-        onInput: n[2] || (n[2] = (e) => h(e)),
-        modelValue: l.value,
-        "onUpdate:modelValue": n[3] || (n[3] = (e) => l.value = e),
+      d.value ? (p(), c("div", U, [
+        f(m(y), {
+          size: 16,
+          weight: "fill"
+        }),
+        b("span", H, z(d.value), 1)
+      ])) : g("", !0),
+      f(E, {
+        onInput: t[2] || (t[2] = (n) => T(n)),
+        modelValue: i.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (n) => i.value = n),
         addOnText: !1,
         datePicker: !1,
         infoIcon: !1,
@@ -102,12 +133,19 @@ const k = { key: 0 }, y = {
         label: "Nennung des Datenbereitstellers",
         showEndIcon: !1,
         defaultInput: !o.showDeleteButton,
-        onDeleteButtonClicked: w,
+        onDeleteButtonClicked: I,
         supportingHintMessage: "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden."
-      }, null, 8, ["modelValue", "defaultInput"])
+      }, null, 8, ["modelValue", "defaultInput"]),
+      u.value ? (p(), c("div", O, [
+        f(m(y), {
+          size: 16,
+          weight: "fill"
+        }),
+        b("span", W, z(u.value), 1)
+      ])) : g("", !0)
     ], 64));
   }
-}, O = /* @__PURE__ */ F(y, [["__scopeId", "data-v-1896a82d"]]);
+}, R = /* @__PURE__ */ P(q, [["__scopeId", "data-v-5c32864f"]]);
 export {
-  O as default
+  R as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/ChecksumV3.vue.js

@@ -1,11 +1,18 @@
-import { ref as n, onMounted as I, getCurrentInstance as g, watch as p, createElementBlock as V, openBlock as w, Fragment as D, createVNode as f, normalizeClass as T } from "vue";
-import { useFormValues as C } from "../../../composables/useDpiFormValues.js";
-import { getChecksumAlgorithms as F } from "../../services/dpiV3_apis.js";
-import S from "../Dropdown.vue.js";
-import B from "../InputField.vue.js";
+import { ref as n, onMounted as _, getCurrentInstance as A, watch as g, createElementBlock as f, openBlock as v, Fragment as E, createVNode as d, createCommentVNode as x, normalizeClass as z, createElementVNode as I, unref as V, toDisplayString as b } from "vue";
+import { useFormValues as N } from "../../../composables/useDpiFormValues.js";
+import { getChecksumAlgorithms as M } from "../../services/dpiV3_apis.js";
+import O from "../Dropdown.vue.js";
+import U from "../InputField.vue.js";
+import { PhWarning as w } from "@phosphor-icons/vue";
 /* empty css                */
-import y from "../../../../_virtual/_plugin-vue_export-helper.js";
-const P = {
+import q from "../../../../_virtual/_plugin-vue_export-helper.js";
+const H = {
+  key: 0,
+  class: "dpiV3_errorMessage"
+}, W = { class: "copy-mini-regular" }, G = {
+  key: 1,
+  class: "dpiV3_errorMessage"
+}, $ = { class: "copy-mini-regular" }, j = {
   __name: "ChecksumV3",
   props: {
     distributionId: { type: Number, required: !1 },
@@ -16,63 +23,70 @@ const P = {
     distIndex: { type: Number, required: !1 }
   },
   emits: ["addChecksum", "deleteButtonClicked"],
-  setup(i, { emit: h }) {
-    const s = n([]), { formValues: d } = C();
-    I(async () => {
-      const e = g().appContext.app.config.globalProperties.$env;
+  setup(r, { expose: D, emit: T }) {
+    const c = n([]), { formValues: m } = N(), i = n(null), u = n(null);
+    _(async () => {
+      const t = A().appContext.app.config.globalProperties.$env;
       try {
-        const t = await F(e.api.baseUrl);
-        s.value = t.map((r) => ({
-          "@value": r.value,
-          label: r.label,
+        const e = await M(t.api.baseUrl);
+        c.value = e.map((p) => ({
+          "@value": p.value,
+          label: p.label,
           selected: !1,
-          uri: r.resource
+          uri: p.resource
         }));
-      } catch (t) {
-        console.error("Failed to load checksum algorithms:", t);
+      } catch (e) {
+        console.error("Failed to load checksum algorithms:", e);
       }
     });
-    const o = i, a = n(o.checksumText);
+    const o = r, s = n(o.checksumText);
     n([]);
-    const u = n(o.checksumDropdownText), c = h;
-    let m = "";
-    const k = (l) => {
-      a.value = l.target.value, c(
+    const a = n(o.checksumDropdownText), h = T;
+    let k = "";
+    const y = () => {
+      const l = s.value && s.value.trim() !== "", t = a.value && a.value.trim() !== "";
+      let e = !1;
+      return l || t ? (l ? u.value = null : (u.value = "Prüfsumme ist erforderlich", e = !0), t ? i.value = null : (i.value = "Algorithmus ist erforderlich", e = !0)) : (u.value = null, i.value = null), !e;
+    }, C = () => !y(), F = (l) => {
+      s.value = l.target.value, h(
         "addChecksum",
+        s.value,
         a.value,
-        u.value,
         o.distributionId
       );
-    }, v = (l) => {
-      u.value = l, m = s.value.find((e) => e["@value"] === l).uri || "", c(
+    }, S = (l) => {
+      var t;
+      a.value = l, k = ((t = c.value.find((e) => e["@value"] === l)) == null ? void 0 : t.uri) || "", h(
         "addChecksum",
+        s.value,
         a.value,
-        u.value,
         o.distributionId,
-        m
+        k
       );
     };
-    p(
+    g(
       () => o.checksumDropdownText,
       (l) => {
-        u.value = l;
+        a.value = l;
       }
-    ), p(
+    ), g(
       () => o.checksumText,
       (l) => {
-        a.value = l;
+        s.value = l;
       }
     );
-    const x = () => {
-      d.value.DistributionSimple["dcat:distribution"][o.distIndex].checksum.uri = "", d.value.DistributionSimple["dcat:distribution"][o.distIndex].checksum["spdx:checksum"] = "", u.value = "";
-    }, b = () => {
-      d.value.DistributionSimple["dcat:distribution"][o.distIndex].checksum.title = "", a.value = "";
+    const B = () => {
+      m.value.DistributionSimple["dcat:distribution"][o.distIndex].checksum.uri = "", m.value.DistributionSimple["dcat:distribution"][o.distIndex].checksum["spdx:checksum"] = "", a.value = "", i.value = null;
+    }, P = () => {
+      m.value.DistributionSimple["dcat:distribution"][o.distIndex].checksum.title = "", s.value = "", u.value = null;
     };
-    return (l, e) => (w(), V(D, null, [
-      f(B, {
-        onInput: e[0] || (e[0] = (t) => k(t)),
-        modelValue: a.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (t) => a.value = t),
+    return D({
+      validateAllItems: C
+    }), (l, t) => (v(), f(E, null, [
+      d(U, {
+        onInput: t[0] || (t[0] = (e) => F(e)),
+        modelValue: s.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (e) => s.value = e),
         addOnText: !1,
         datePicker: !1,
         infoIcon: !1,
@@ -82,18 +96,25 @@ const P = {
         initialHintText: !1,
         label: "Prüfsumme",
         showEndIcon: !1,
-        defaultInput: !i.showDeleteButton,
-        onDeleteButtonClicked: b,
-        class: T({ dpiV3_Space3: i.showDeleteButton })
+        defaultInput: !r.showDeleteButton,
+        onDeleteButtonClicked: P,
+        class: z({ dpiV3_Space3: r.showDeleteButton })
       }, null, 8, ["modelValue", "defaultInput", "class"]),
-      f(S, {
+      u.value ? (v(), f("div", H, [
+        d(V(w), {
+          size: 16,
+          weight: "fill"
+        }),
+        I("span", W, b(u.value), 1)
+      ])) : x("", !0),
+      d(O, {
         "onUpdate:modelValue": [
-          e[2] || (e[2] = (t) => v(t)),
-          e[3] || (e[3] = (t) => u.value = t)
+          t[2] || (t[2] = (e) => S(e)),
+          t[3] || (t[3] = (e) => a.value = e)
         ],
         dropdownWidth: "large",
         type: "inputField",
-        modelValue: u.value,
+        modelValue: a.value,
         inputFieldProps: {
           addOnText: !1,
           initialHintText: !1,
@@ -104,15 +125,22 @@ const P = {
           dropdown_dpiV3: !0,
           placeholder: "Geben Sie den Algorithmus ein...",
           inputFieldSize: "large",
-          modelValue: u.value,
-          defaultInput: !i.showDeleteButton
+          modelValue: a.value,
+          defaultInput: !r.showDeleteButton
         },
-        data: s.value,
-        onDeleteDropdownField: x
-      }, null, 8, ["modelValue", "inputFieldProps", "data"])
+        data: c.value,
+        onDeleteDropdownField: B
+      }, null, 8, ["modelValue", "inputFieldProps", "data"]),
+      i.value ? (v(), f("div", G, [
+        d(V(w), {
+          size: 16,
+          weight: "fill"
+        }),
+        I("span", $, b(i.value), 1)
+      ])) : x("", !0)
     ], 64));
   }
-}, H = /* @__PURE__ */ y(P, [["__scopeId", "data-v-82512521"]]);
+}, ee = /* @__PURE__ */ q(j, [["__scopeId", "data-v-d9583dd7"]]);
 export {
-  H as default
+  ee as default
 };