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

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

@@ -1,16 +1,20 @@
-import { ref as m, onMounted as U, createElementBlock as u, openBlock as s, normalizeClass as V, createCommentVNode as I, createBlock as y, Fragment as L, renderList as A, createElementVNode as R, createVNode as p, unref as i, isRef as M } from "vue";
-import b from "../ButtonV3.vue.js";
-import z from "../ModalSimpleV3.vue.js";
-import x from "../InputField.vue.js";
+import { ref as h, reactive as L, computed as N, onMounted as P, createElementBlock as u, openBlock as r, normalizeClass as x, createCommentVNode as b, createBlock as q, Fragment as W, renderList as H, createElementVNode as R, createVNode as f, unref as l, isRef as O } from "vue";
+import I from "../ButtonV3.vue.js";
+import j from "../ModalSimpleV3.vue.js";
+import w from "../InputField.vue.js";
+import { PhWarning as Z } from "@phosphor-icons/vue";
 /* empty css                  */
-import D from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
+import G from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const J = { class: "dpiV3_LinkAndMetadata" }, K = {
   key: 0,
+  class: "dpiV3_errorMessage"
+}, Q = {
+  key: 1,
   class: "copy-mini-regular dpiV3_text_error"
-}, F = {
+}, X = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, N = {
+}, Y = {
   __name: "ConformsToV3",
   props: {
     conformsToItems: { type: Array, required: !0 },
@@ -18,12 +22,15 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
     asCard: { type: Boolean, required: !1, default: !1 },
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
-  emits: ["update"],
-  setup(l, { emit: S }) {
-    let d = m({});
-    const a = l, c = S, g = m(!1), C = m(null);
-    let r = m(!1);
-    U(() => {
+  emits: ["update", "validationChange"],
+  setup(d, { expose: k, emit: _ }) {
+    let s = h({});
+    const a = d, c = _, y = h(!1), V = h(null), o = L({}), v = L({});
+    let m = h(!1);
+    const T = N(() => Object.values(o).some((e) => e === !0)), A = () => {
+      c("validationChange", T.value);
+    };
+    P(() => {
       console.log(
         "Component Mounted: conformsToItems received for distributionId:",
         a.distributionId
@@ -35,57 +42,79 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
         }
       ]));
     });
-    const v = (e) => {
+    const p = (e) => {
+      if (!e || e.trim() === "") return !1;
+      const t = e.trim();
+      return /\.[a-zA-Z]{2,}$/.test(t);
+    }, g = (e) => {
+      const t = a.conformsToItems.find((n) => n.id === e);
+      if (t) {
+        const n = t["dct:title"] && t["dct:title"].trim() !== "", i = t["dcat:downloadURL"] ? t["dcat:downloadURL"].trim() : "";
+        n ? i ? p(i) ? o[e] = null : o[e] = "Bitte geben Sie eine gültige URL ein (z.B. https://example.com)" : o[e] = "Bitte geben Sie eine gültige URL ein." : i && !p(i) ? o[e] = "Bitte geben Sie eine gültige URL ein (z.B. https://example.com)" : o[e] = null;
+      }
+    }, U = () => {
+      let e = !1;
+      return a.conformsToItems.forEach((t) => {
+        const n = t["dct:title"] && t["dct:title"].trim() !== "", i = t["dcat:downloadURL"] ? t["dcat:downloadURL"].trim() : "";
+        n ? i && p(i) || (o[t.id] = "Bitte geben Sie eine gültige URL ein.", e = !0) : i && !p(i) && (o[t.id] = "Bitte geben Sie eine gültige URL ein.", e = !0);
+      }), e;
+    }, z = (e) => {
       switch (e) {
         case "delete":
-          w();
+          D();
           break;
       }
-    }, k = () => {
-      const n = {
-        id: (a.conformsToItems.length ? Math.max(...a.conformsToItems.map((t) => t.id)) : 0) + 1,
+    }, E = () => {
+      if (U())
+        return;
+      const t = {
+        id: (a.conformsToItems.length ? Math.max(...a.conformsToItems.map((n) => n.id)) : 0) + 1,
         "dcat:downloadURL": "",
         "dct:title": ""
       };
-      c("update", [...a.conformsToItems, n]);
-    }, T = (e, n, t) => {
-      var h;
-      (h = e == null ? void 0 : e.target) == null || h.value;
-      const o = a.conformsToItems.map(
-        (f) => f.id === t ? { ...f, [n]: e.target.value } : f
+      c("update", [...a.conformsToItems, t]);
+    }, M = (e) => {
+      v[e] && clearTimeout(v[e]), v[e] = setTimeout(() => {
+        g(e);
+      }, 800);
+    }, B = (e, t, n) => {
+      var S;
+      (S = e == null ? void 0 : e.target) == null || S.value;
+      const i = a.conformsToItems.map(
+        (C) => C.id === n ? { ...C, [t]: e.target.value } : C
       );
-      c("update", o);
-    }, _ = (e) => {
-      d.value = {
+      c("update", i), M(n);
+    }, $ = (e) => {
+      s.value = {
         button: "Löschen",
         header: "Standard löschen",
         text: "Sind Sie sicher, dass Sie diesen Standard löschen wollen?",
         action: "delete",
         optionalString_1: e["dct:title"],
         optionalString_2: e["dcat:downloadURL"]
-      }, r.value = !0, C.value = e;
-    }, w = () => {
-      if (a.conformsToItems.length === 1) {
-        g.value = !0;
-        return;
-      }
+      }, m.value = !0, V.value = e;
+    }, D = () => {
       const e = a.conformsToItems.filter(
-        (n) => n.id !== C.value.id
+        (t) => t.id !== V.value.id
       );
-      c("update", e);
-    }, B = (e) => {
-      e["dct:title"] = "";
+      delete o[V.value.id], c("update", e), A();
+    }, F = (e) => {
+      e["dct:title"] = "", g(e.id);
     };
-    return (e, n) => (s(), u("div", {
-      class: V(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: l.asCard }])
+    return k({
+      validateAllItems: U,
+      hasValidationErrors: T
+    }), (e, t) => (r(), u("div", {
+      class: x(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: d.asCard }])
     }, [
-      (s(!0), u(L, null, A(l.conformsToItems, (t) => (s(), u("div", {
-        key: t.id,
-        class: V(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: l.asCard }])
+      (r(!0), u(W, null, H(d.conformsToItems, (n) => (r(), u("div", {
+        key: n.id,
+        class: x(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: d.asCard }])
       }, [
-        R("div", $, [
-          p(x, {
-            onInput: (o) => T(o, "dcat:downloadURL", t.id),
+        R("div", J, [
+          f(w, {
+            onInput: (i) => B(i, "dcat:downloadURL", n.id),
+            onBlur: (i) => g(n.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -95,11 +124,19 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
             initialHintText: !1,
             label: "URL",
             showEndIcon: !1,
-            modelValue: t["dcat:downloadURL"],
-            "onUpdate:modelValue": (o) => t["dcat:downloadURL"] = o
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue"]),
-          p(x, {
-            onInput: (o) => T(o, "dct:title", t.id),
+            modelValue: n["dcat:downloadURL"],
+            "onUpdate:modelValue": (i) => n["dcat:downloadURL"] = i
+          }, null, 8, ["onInput", "onBlur", "modelValue", "onUpdate:modelValue"]),
+          o[n.id] ? (r(), u("div", K, [
+            f(l(Z), {
+              size: 16,
+              weight: "fill"
+            }),
+            t[2] || (t[2] = R("span", { class: "copy-mini-regular" }, "Bitte geben Sie eine gültige URL ein.", -1))
+          ])) : b("", !0),
+          f(w, {
+            onInput: (i) => B(i, "dct:title", n.id),
+            onBlur: (i) => g(n.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -111,14 +148,14 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
               "message.dataupload.datasets.dcat:distribution.distribution-title.label"
             ),
             showEndIcon: !1,
-            modelValue: t["dct:title"],
-            "onUpdate:modelValue": (o) => t["dct:title"] = o,
-            defaultInput: !l.showDeleteButton,
-            onDeleteButtonClicked: (o) => B(t)
-          }, null, 8, ["onInput", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
-          g.value && l.conformsToItems.length === 1 ? (s(), u("p", E, " Mindestens eine URL muss vorhanden sein. ")) : I("", !0)
+            modelValue: n["dct:title"],
+            "onUpdate:modelValue": (i) => n["dct:title"] = i,
+            defaultInput: !d.showDeleteButton,
+            onDeleteButtonClicked: (i) => F(n)
+          }, null, 8, ["onInput", "onBlur", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
+          y.value && d.conformsToItems.length === 1 ? (r(), u("p", Q, " Mindestens eine URL muss vorhanden sein. ")) : b("", !0)
         ]),
-        p(b, {
+        f(I, {
           class: "dpiV3_tempAddMore",
           buttonText: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
@@ -126,32 +163,32 @@ const $ = { class: "dpiV3_LinkAndMetadata" }, E = {
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (o) => _(t)
+          onClick: (i) => $(n)
         }, null, 8, ["buttonText", "onClick"])
       ], 2))), 128)),
-      l.asCard ? I("", !0) : (s(), u("div", F, [
-        p(b, {
+      d.asCard ? b("", !0) : (r(), u("div", X, [
+        f(I, {
           buttonText: "Weitere Standards hinzufügen",
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: k
+          onClick: E
         })
       ])),
-      i(r) ? (s(), y(z, {
+      l(m) ? (r(), q(j, {
         key: 1,
-        buttons: i(d).button,
-        headerText: i(d).header,
-        text: i(d).text,
-        onClose: n[0] || (n[0] = (t) => M(r) ? r.value = !1 : r = !1),
-        action: i(d).action,
-        onActionHandling: n[1] || (n[1] = (t) => v(t)),
-        optionalString_1: i(d).optionalString_1,
-        optionalString_2: i(d).optionalString_2
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : I("", !0)
+        buttons: l(s).button,
+        headerText: l(s).header,
+        text: l(s).text,
+        onClose: t[0] || (t[0] = (n) => O(m) ? m.value = !1 : m = !1),
+        action: l(s).action,
+        onActionHandling: t[1] || (t[1] = (n) => z(n)),
+        optionalString_1: l(s).optionalString_1,
+        optionalString_2: l(s).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : b("", !0)
     ], 2));
   }
-}, G = /* @__PURE__ */ D(N, [["__scopeId", "data-v-aab2720a"]]);
+}, de = /* @__PURE__ */ G(Y, [["__scopeId", "data-v-2c476ce8"]]);
 export {
-  G as default
+  de as default
 };

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

@@ -1,18 +1,23 @@
-import { ref as p, onMounted as A, createElementBlock as m, openBlock as r, normalizeClass as I, createCommentVNode as V, createBlock as F, Fragment as L, renderList as R, createElementVNode as z, createVNode as u, toDisplayString as M, unref as i, isRef as q } from "vue";
-import E from "../Dropdown.vue.js";
-import P from "../TextAreaV3.vue.js";
-import y from "../ButtonV3.vue.js";
-import H from "../ModalSimpleV3.vue.js";
-import C from "../InputField.vue.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 c, toDisplayString as R, isRef as K } from "vue";
+import Q from "../Dropdown.vue.js";
+import X from "../TextAreaV3.vue.js";
+import $ from "../ButtonV3.vue.js";
+import Y from "../ModalSimpleV3.vue.js";
+import x from "../InputField.vue.js";
+import { PhWarning as ee } from "@phosphor-icons/vue";
+import { useFormValues as te } from "../../../composables/useDpiFormValues.js";
 /* empty css                      */
-import N from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
+import ae from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const ie = { class: "dpiV3_LinkAndMetadata" }, le = {
   key: 0,
+  class: "dpiV3_errorMessage"
+}, se = { class: "copy-mini-regular" }, oe = {
+  key: 1,
   class: "copy-mini-regular dpiV3_text_error"
-}, O = {
+}, de = {
   key: 0,
   class: "dpiV3_tempAddMore"
-}, j = {
+}, ne = {
   __name: "DocumentationsV3",
   props: {
     documentations: { type: Array, required: !0 },
@@ -22,90 +27,148 @@ const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
     showDeleteButton: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update"],
-  setup(l, { emit: T }) {
-    let n = p({});
-    const o = l, f = T, h = p([...o.fileTypes]), D = p(!1), v = p(null);
-    let c = p(!1);
-    A(() => {
-      o.documentations.length === 0 && f("update", [
+  setup(r, { expose: A, emit: E }) {
+    const { formValues: z } = te();
+    let p = f({});
+    const l = r, y = E, d = f([...l.fileTypes]), P = f(!1), F = f(null), s = O({});
+    let U = f(!1);
+    Z(() => {
+      l.documentations.length === 0 && y("update", [
         {
           id: 1,
-          "dcat:downloadURL": "",
+          "dcat:accessURL": "",
           "dct:format": "",
           "dct:title": "",
-          "dct:description": ""
+          "dct:description": "",
+          "formatUri:": ""
         }
       ]);
     });
-    const U = (e) => {
+    const D = (e) => {
+      if (!e || e.trim() === "") return !1;
+      const i = e.trim();
+      return /\.[a-zA-Z]{2,}$/.test(i);
+    }, S = (e) => {
+      const i = 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 i || t || a;
+    }, B = (e) => {
+      const i = l.documentations.find((t) => t.id === e);
+      if (i) {
+        const t = i["dcat:accessURL"], a = typeof t == "string" ? t.trim() : "";
+        S(i) ? a && D(a) ? s[e] = null : s[e] = "Bitte geben Sie eine gültige URL ein." : a && !D(a) ? s[e] = "Bitte geben Sie eine gültige URL ein." : s[e] = null;
+      }
+    }, w = () => {
+      let e = !1;
+      return l.documentations.forEach((i) => {
+        const t = i["dcat:accessURL"], a = typeof t == "string" ? t.trim() : "";
+        S(i) ? a && D(a) || (s[i.id] = "Bitte geben Sie eine gültige URL ein.", e = !0) : a && !D(a) && (s[i.id] = "Bitte geben Sie eine gültige URL ein.", e = !0);
+      }), e;
+    }, M = (e) => {
       switch (e) {
         case "delete":
-          B();
+          N();
           break;
       }
-    }, S = () => {
-      const d = {
-        id: (o.documentations.length ? Math.max(...o.documentations.map((t) => t.id)) : 0) + 1,
-        "dcat:downloadURL": "",
+    }, _ = (e, i, t = null) => {
+      var n, o;
+      d.value = [...l.fileTypes];
+      const a = typeof e == "string" ? e.trim().toUpperCase() : (o = (n = e == null ? void 0 : e.target) == null ? void 0 : n.value) == null ? void 0 : o.trim().toUpperCase();
+      a.length > 0 ? d.value = l.fileTypes.filter(
+        (T) => T["@value"].toUpperCase().startsWith(a)
+      ) : d.value = [...l.fileTypes];
+    }, W = () => {
+      if (w())
+        return;
+      const i = {
+        id: (l.documentations.length ? Math.max(...l.documentations.map((t) => t.id)) : 0) + 1,
+        "dcat:accessURL": "",
         "dct:format": "",
         "dct:title": "",
-        "dct:description": ""
+        "dct:description": "",
+        "formatUri:": ""
       };
-      f("update", [...o.documentations, d]);
-    }, b = (e, d, t) => {
-      var k, w;
-      if (d === "dct:format") {
-        h.value = [...o.fileTypes];
-        const s = typeof e == "string" ? e.trim().toUpperCase() : (w = (k = e == null ? void 0 : e.target) == null ? void 0 : k.value) == null ? void 0 : w.trim().toUpperCase();
-        s.length > 0 ? h.value = o.fileTypes.filter(
-          (x) => x["@value"].toUpperCase().startsWith(s)
-        ) : h.value = [...o.fileTypes];
-      }
-      const a = o.documentations.map(
-        (s) => s.id === t ? { ...s, [d]: e.target.value } : s
+      y("update", [...l.documentations, i]);
+    }, q = (e, i) => {
+      d.value = [...l.fileTypes];
+      const t = d.value.find(
+        (o) => o["@value"] === e
+      ), a = f(
+        z.value.DistributionSimple["dcat:distribution"].find(
+          (o) => o.id === l.distributionId
+        )
+      ), n = f(
+        a.value.documentations.find((o) => o.id === i)
       );
-      f("update", a);
-    }, $ = (e) => {
-      n.value = {
+      n.value === void 0 || (n.value.formatUri = t.uri), v(e, "dct:format", i);
+    }, v = (e, i, t) => {
+      var n, o, T;
+      let a = "";
+      if (i === "dcat:accessURL") {
+        const u = typeof e == "string" ? e : ((n = e == null ? void 0 : e.target) == null ? void 0 : n.value) ?? "";
+        a = l.documentations.map(
+          (b) => b.id === t ? { ...b, [i]: u } : b
+        );
+      } else if (i === "dct:format") {
+        d.value = [...l.fileTypes];
+        const u = typeof e == "string" ? e.trim().toUpperCase() : (T = (o = e == null ? void 0 : e.target) == null ? void 0 : o.value) == null ? void 0 : T.trim().toUpperCase();
+        u.length > 0 ? d.value = l.fileTypes.filter(
+          (m) => m["@value"].toUpperCase().startsWith(u)
+        ) : d.value = [...l.fileTypes];
+        const b = d.value.find(
+          (m) => m["@value"] === e
+        );
+        a = l.documentations.map(
+          (m) => m.id === t ? { ...m, [i]: b["@value"], formatUri: b.uri } : m
+        );
+      } else
+        a = l.documentations.map(
+          (u) => u.id === t ? { ...u, [i]: e.target.value } : u
+        );
+      y("update", a), setTimeout(() => {
+        B(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:downloadURL"]
-      }, c.value = !0, v.value = e;
-    }, B = () => {
-      if (o.documentations.length === 1) {
-        D.value = !0;
-        return;
-      }
-      const e = o.documentations.filter(
-        (d) => d.id !== v.value.id
+        optionalString_2: e["dcat:accessURL"]
+      }, U.value = !0, F.value = e;
+    }, N = () => {
+      const e = l.documentations.filter(
+        (i) => i.id !== F.value.id
       );
-      f("update", e);
-    }, g = (e, d) => {
+      delete s[F.value.id], y("update", e);
+    }, C = (e, i) => {
       switch (e) {
         case "dct:description":
-          d["dct:description"] = "";
+          i["dct:description"] = "";
           break;
         case "dct:title":
-          d["dct:title"] = "";
+          i["dct:title"] = "";
           break;
         case "dct:format":
-          d["dct:format"] = "";
+          i["dct:format"] = "";
           break;
       }
+      setTimeout(() => {
+        B(i.id);
+      }, 0);
     };
-    return (e, d) => (r(), m("div", {
-      class: I(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: l.asCard }])
+    return A({
+      validateAllItems: w
+    }), (e, i) => (g(), V("div", {
+      class: L(["dpiV3_documentationsWrap", { dpiV3_docAllAsCard: r.asCard }])
     }, [
-      (r(!0), m(L, null, R(l.documentations, (t) => (r(), m("div", {
+      (g(!0), V(G, null, J(r.documentations, (t) => (g(), V("div", {
         key: t.id,
-        class: I(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: l.asCard }])
+        class: L(["dpiV3AutoCompleteWrap", { dpiV3_docAsCard: r.asCard }])
       }, [
-        z("div", W, [
-          u(C, {
-            onInput: (a) => b(a, "dcat:downloadURL", t.id),
+        I("div", ie, [
+          h(x, {
+            onInput: (a) => v(a, "dcat:accessURL", t.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -119,11 +182,18 @@ const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
               "message.dataupload.datasets.dcat:distribution.advanced.documentation.dcat:downloadURL-label"
             ),
             showEndIcon: !1,
-            modelValue: t["dcat:downloadURL"],
-            "onUpdate:modelValue": (a) => t["dcat:downloadURL"] = a
+            modelValue: t["dcat:accessURL"],
+            "onUpdate:modelValue": (a) => t["dcat:accessURL"] = a
           }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue"]),
-          u(C, {
-            onInput: (a) => b(a, "dct:title", t.id),
+          s[t.id] ? (g(), V("div", le, [
+            h(c(ee), {
+              size: 16,
+              weight: "fill"
+            }),
+            I("span", se, R(s[t.id]), 1)
+          ])) : k("", !0),
+          h(x, {
+            onInput: (a) => v(a, "dct:title", t.id),
             addOnText: !1,
             datePicker: !1,
             infoIcon: !1,
@@ -139,11 +209,11 @@ const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
             showEndIcon: !1,
             modelValue: t["dct:title"],
             "onUpdate:modelValue": (a) => t["dct:title"] = a,
-            defaultInput: !l.showDeleteButton,
-            onDeleteButtonClicked: (a) => g("dct:title", t)
+            defaultInput: !r.showDeleteButton,
+            onDeleteButtonClicked: (a) => C("dct:title", t)
           }, null, 8, ["onInput", "placeholder", "label", "modelValue", "onUpdate:modelValue", "defaultInput", "onDeleteButtonClicked"]),
-          u(P, {
-            onInput: (a) => b(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"
@@ -153,21 +223,22 @@ const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
             ),
             modelValue: t["dct:description"],
             "onUpdate:modelValue": (a) => t["dct:description"] = a,
-            showDeleteButton: l.showDeleteButton,
-            onDeleteClicked: (a) => g("dct:description", t)
+            showDeleteButton: r.showDeleteButton,
+            onDeleteClicked: (a) => C("dct:description", t)
           }, null, 8, ["onInput", "label", "placeholder", "modelValue", "onUpdate:modelValue", "showDeleteButton", "onDeleteClicked"]),
-          u(E, {
-            onInput: (a) => b(a, "dct:format", t.id),
+          h(Q, {
+            "onUpdate:modelValue": [(a) => q(a, t.id), (a) => t["dct:format"] = a],
+            onInput: i[0] || (i[0] = (a) => _(a)),
             dropdownWidth: "large",
             type: "inputField",
             modelValue: t["dct:format"],
-            "onUpdate:modelValue": (a) => t["dct:format"] = a,
             inputFieldProps: {
               addOnText: !1,
               initialHintText: !1,
               datePicker: !1,
               infoIcon: !1,
-              preIcon: !1,
+              preIcon: !0,
+              showEndIcon: !1,
               label: e.$t("message.dataupload.datasets.dcat:distribution.format.label") + " (optional)",
               dropdown_dpiV3: !0,
               placeholder: e.$t(
@@ -175,18 +246,18 @@ const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
               ),
               inputFieldSize: "large",
               autocomplete: "true",
-              modelValue: t["dct:format"],
-              defaultInput: !l.showDeleteButton
+              modelValue: t["dct:format"].uri,
+              defaultInput: !r.showDeleteButton
             },
-            data: h.value,
+            data: d.value,
             autocomplete: !0,
-            onDeleteDropdownField: (a) => g("dct:format", t)
-          }, null, 8, ["onInput", "modelValue", "onUpdate:modelValue", "inputFieldProps", "data", "onDeleteDropdownField"]),
-          D.value && l.documentations.length === 1 ? (r(), m("p", _, M(e.$t(
+            onDeleteDropdownField: (a) => C("dct:format", t)
+          }, null, 8, ["onUpdate:modelValue", "modelValue", "inputFieldProps", "data", "onDeleteDropdownField"]),
+          P.value && r.documentations.length === 1 ? (g(), V("p", oe, R(e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.error-message"
-          )), 1)) : V("", !0)
+          )), 1)) : k("", !0)
         ]),
-        u(y, {
+        h($, {
           class: "dpiV3_tempAddMore",
           buttonText: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.delete"
@@ -194,34 +265,34 @@ const W = { class: "dpiV3_LinkAndMetadata" }, _ = {
           size: "small",
           iconStart: "trash",
           variant: "tertiary",
-          onClick: (a) => $(t)
+          onClick: (a) => H(t)
         }, null, 8, ["buttonText", "onClick"])
       ], 2))), 128)),
-      l.asCard ? V("", !0) : (r(), m("div", O, [
-        u(y, {
+      r.asCard ? k("", !0) : (g(), V("div", de, [
+        h($, {
           buttonText: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.documentation.add-another"
           ),
           size: "small",
           iconStart: "plus",
           variant: "tertiary",
-          onClick: S
+          onClick: W
         }, null, 8, ["buttonText"])
       ])),
-      i(c) ? (r(), F(H, {
+      c(U) ? (g(), j(Y, {
         key: 1,
-        buttons: i(n).button,
-        headerText: i(n).header,
-        text: i(n).text,
-        onClose: d[0] || (d[0] = (t) => q(c) ? c.value = !1 : c = !1),
-        action: i(n).action,
-        onActionHandling: d[1] || (d[1] = (t) => U(t)),
-        optionalString_1: i(n).optionalString_1,
-        optionalString_2: i(n).optionalString_2
-      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : V("", !0)
+        buttons: c(p).button,
+        headerText: c(p).header,
+        text: c(p).text,
+        onClose: i[1] || (i[1] = (t) => K(U) ? U.value = !1 : U = !1),
+        action: c(p).action,
+        onActionHandling: i[2] || (i[2] = (t) => M(t)),
+        optionalString_1: c(p).optionalString_1,
+        optionalString_2: c(p).optionalString_2
+      }, null, 8, ["buttons", "headerText", "text", "action", "optionalString_1", "optionalString_2"])) : k("", !0)
     ], 2));
   }
-}, te = /* @__PURE__ */ N(j, [["__scopeId", "data-v-d3575856"]]);
+}, Ue = /* @__PURE__ */ ae(ne, [["__scopeId", "data-v-eb7428a6"]]);
 export {
-  te as default
+  Ue as default
 };