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

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

@@ -1,102 +1,94 @@
-import { ref as a, watch as He, onMounted as Ee, getCurrentInstance as Ne, createElementBlock as l, openBlock as i, Fragment as _, createCommentVNode as o, createElementVNode as n, normalizeClass as x, createVNode as c, toDisplayString as v, renderList as ye, createBlock as f } from "vue";
-import je from "./TextButtonSmall.vue.js";
-import I from "./ButtonV3.vue.js";
-import K from "./CrossOutButton.vue.js";
-import Ze from "./CloseOpenButtonV3.vue.js";
-import { getPlannedAvailability as Ge, getLanguages as Je } from "../services/dpiV3_apis.js";
-import Ke from "./OptionalInformation/DocumentationsV3.vue.js";
-import Qe from "./OptionalInformation/ModifiedDateV3.vue.js";
-import Xe from "./OptionalInformation/DescriptionV3.vue.js";
-import Ye from "./OptionalInformation/LicenseAttributionByText.vue.js";
-import et from "./OptionalInformation/AvailabilityV3.vue.js";
-import tt from "./OptionalInformation/ByteSizeV3.vue.js";
-import at from "./OptionalInformation/IssuedDateV3.vue.js";
-import it from "./OptionalInformation/LanguageV3.vue.js";
-import st from "./OptionalInformation/AccessRightsV3.vue.js";
-import Q from "./OptionalInformation/FileFormatV3.vue.js";
-import ot from "./OptionalInformation/StatusV3.vue.js";
-import dt from "./OptionalInformation/ChecksumV3.vue.js";
-import lt from "./OptionalInformation/ConformsToV3.vue.js";
-import nt from "./OptionalInformation/PolicyV3.vue.js";
-import ut from "./OptionalInformation/AccessServiceV3.vue.js";
+import { ref as i, computed as Qe, watch as Xe, onMounted as et, getCurrentInstance as tt, createElementBlock as u, openBlock as l, Fragment as D, createCommentVNode as d, createElementVNode as f, normalizeClass as F, createVNode as y, toDisplayString as h, renderList as Te, createBlock as g } from "vue";
+import { getPlannedAvailability as at, getLanguages as it } from "../services/dpiV3_apis.js";
+import w from "./ButtonV3.vue.js";
+import st from "./CloseOpenButtonV3.vue.js";
+import re from "./CrossOutButton.vue.js";
+import ot from "./OptionalInformation/AccessRightsV3.vue.js";
+import lt from "./OptionalInformation/AccessServiceV3.vue.js";
+import dt from "./OptionalInformation/AvailabilityV3.vue.js";
+import nt from "./OptionalInformation/ByteSizeV3.vue.js";
 import rt from "./OptionalInformation/ChangeLicenseV3.vue.js";
+import ut from "./OptionalInformation/ChecksumV3.vue.js";
+import ct from "./OptionalInformation/ConformsToV3.vue.js";
+import ft from "./OptionalInformation/DescriptionV3.vue.js";
+import mt from "./OptionalInformation/DocumentationsV3.vue.js";
+import ue from "./OptionalInformation/FileFormatV3.vue.js";
+import pt from "./OptionalInformation/IssuedDateV3.vue.js";
+import vt from "./OptionalInformation/LanguageV3.vue.js";
+import yt from "./OptionalInformation/ModifiedDateV3.vue.js";
+import ht from "./OptionalInformation/PolicyV3.vue.js";
+import kt from "./OptionalInformation/StatusV3.vue.js";
+import gt from "./TextButtonSmall.vue.js";
 /* empty css             */
-const ct = {
+/* empty css             */
+import bt from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _t = {
   key: 0,
   class: "dpiV3_modalBackground"
-}, mt = { class: "dpiV3_modalHeaderWrap" }, pt = { class: "dpiV3_modalText" }, vt = {
-  key: 0,
-  class: "dpiV3AutoCompleteWrap copy-large-semi-bold"
-}, ft = { class: "dpiV3_LinkInfos" }, yt = {
+}, Vt = { class: "dpiV3_modalHeaderWrap" }, It = { class: "dpiV3_modalText" }, Tt = {
   key: 0,
-  class: "dpiV3_title"
-}, kt = {
-  key: 1,
-  class: "dpiV3_title"
-}, gt = {
+  class: "dpiV3AutoCompleteWrapDeleteModal copy-large-semi-bold"
+}, xt = { class: "dpiV3_LinkInfos" }, Dt = ["href"], wt = { class: "dpiV3_title" }, Ct = ["href"], Lt = { class: "dpiV3_title" }, Ut = {
   key: 2,
   class: "dpiV3_File-Format copy-small-regular"
-}, bt = {
+}, At = {
   key: 0,
   class: "dpiV3_modalButtonWrap"
-}, Tt = {
+}, St = {
   key: 1,
   class: "dpiV3_optionalInfoContent"
-}, ht = { class: "dpiV3_ListMetaData" }, _t = { class: "dpiV3_title-description" }, It = { class: "dpiV3_group-title" }, Vt = { class: "dpiV3_caret" }, xt = ["onClick"], Ct = {
+}, Ft = { class: "dpiV3_ListMetaData" }, Rt = { class: "dpiV3_title-description" }, qt = { class: "dpiV3_group-title" }, Bt = { class: "dpiV3_caret" }, zt = ["onClick"], Mt = {
   key: 1,
   class: "dpiV3_sectionDivider"
-}, Dt = {
+}, $t = {
   key: 1,
   class: "dpiV3_modalBackground"
-}, St = { class: "dpiV3_modalHeaderWrap" }, At = {
+}, Et = { class: "dpiV3_modalHeaderWrap" }, Pt = {
   key: 0,
   class: "dpiV3_modalContent"
-}, wt = {
+}, Wt = {
   key: 1,
   class: "dpiV3_modalContent"
-}, Ft = {
+}, Ot = {
   key: 2,
   class: "dpiV3_modalContent"
-}, Lt = {
+}, Ht = {
   key: 3,
   class: "dpiV3_modified"
-}, Bt = {
+}, Nt = {
   key: 4,
   class: "dpiV3_modified"
-}, qt = {
+}, jt = {
   key: 5,
   class: "dpiV3_modified"
-}, Ut = {
+}, Kt = {
   key: 6,
   class: "dpiV3_modified"
-}, zt = {
+}, Yt = {
   key: 7,
-  class: "dpiV3_modified"
-}, Mt = {
+  class: "dpiV3_DocumentationV3_Wrap"
+}, Zt = {
   key: 8,
   class: "dpiV3_DocumentationV3_Wrap"
-}, $t = {
-  key: 9,
+}, Gt = {
+  key: 12,
   class: "dpiV3_DocumentationV3_Wrap"
-}, Pt = {
+}, Jt = {
   key: 13,
   class: "dpiV3_DocumentationV3_Wrap"
-}, Wt = {
-  key: 14,
-  class: "dpiV3_DocumentationV3_Wrap"
-}, Rt = { class: "dpiV3_modalButtonWrap" }, Ot = {
+}, Qt = { class: "dpiV3_modalButtonWrap" }, Xt = {
   key: 2,
   class: "dpiV3_modalBackground"
-}, Ht = { class: "dpiV3_modalWrap dpiV3_confirmationDialog" }, Et = { class: "dpiV3_modalHeaderWrap" }, Nt = { class: "dpiV3AutoCompleteWrap copy-large-semi-bold" }, jt = { class: "dpiV3_LinkInfos" }, Zt = {
+}, ea = { class: "dpiV3_modalWrap dpiV3_confirmationDialog" }, ta = { class: "dpiV3_modalHeaderWrap" }, aa = { class: "dpiV3AutoCompleteWrap copy-large-semi-bold" }, ia = { class: "dpiV3_LinkInfos" }, sa = {
   key: 0,
   class: "dpiV3_title"
-}, Gt = {
+}, oa = {
   key: 1,
   class: "dpiV3_title"
-}, Jt = {
+}, la = {
   key: 2,
   class: "dpiV3_title"
-}, Kt = { class: "dpiV3_modalButtonWrap" }, ha = {
+}, da = { class: "dpiV3_modalButtonWrap" }, na = {
   __name: "ModalV3",
   props: {
     headerText: { type: String, required: !0 },
@@ -156,411 +148,536 @@ const ct = {
     "addChecksum",
     "addChangeLicense"
   ],
-  setup(u, { emit: ke }) {
-    const e = u, r = ke, C = a(!1), D = a(!1), S = a(!1), A = a(!1), w = a(!1), F = a(!1), L = a(!1), B = a(!1), q = a(!1), U = a(!1), z = a(!1), M = a(!1), $ = a(!1), P = a(!1), W = a(!1), R = a(!1), O = a(!1), H = a(!1), h = a([]), d = a({ key: "", text: "" }), ge = a(null), E = a(!1), V = a(null), N = a(null);
-    a([...e.fileTypes]);
-    const be = a([]), Te = a([]);
-    a(null);
-    const he = a(!1), X = a(""), Y = a(""), ee = a(""), te = a(""), ae = a(""), k = a({}), g = a({}), b = a({}), T = a({}), ie = a(""), se = a(""), oe = a(""), de = a(0), le = a(""), ne = a(""), ue = a(""), re = a(""), ce = a(""), _e = a(""), me = a(""), pe = a(""), j = a(!0);
-    a(!0);
-    const Ie = (t, s) => {
-      j.value = !1, d.value = {
-        key: e.sections[t].keys[s],
-        text: e.sections[t].items[s]
-      }, k.value[e.distributionId] || (k.value[e.distributionId] = []), g.value[e.distributionId] || (g.value[e.distributionId] = []), b.value[e.distributionId] || (b.value[e.distributionId] = []), T.value[e.distributionId] || (T.value[e.distributionId] = []);
-    }, Z = () => {
-      j.value = !0, d.value = { key: "", text: "" };
-    }, Ve = () => {
-      S.value && (r(
-        "addConformsToItems",
-        e.distributionId,
-        b.value[e.distributionId] || []
-      ), S.value = !1), A.value && (r(
-        "addPolicyItems",
-        e.distributionId,
-        T.value[e.distributionId] || []
-      ), A.value = !1), C.value && (r(
-        "addDocumentations",
-        e.distributionId,
-        k.value[e.distributionId] || []
-      ), C.value = !1), D.value && (r(
-        "addAccessServices",
-        e.distributionId,
-        g.value[e.distributionId] || []
-      ), D.value = !1), w.value && (r("addModifiedDate", X.value, e.distributionId), w.value = !1), F.value && (r("addIssuedDate", Y.value, e.distributionId), F.value = !1), L.value && (r("addDescription", ee.value, e.distributionId), L.value = !1), B.value && (r(
-        "addLicenseAttrByText",
-        te.value,
-        e.distributionId
-      ), B.value = !1), q.value && (r("addAccessRights", ae.value, e.distributionId), q.value = !1), U.value && (r("addAvailability", ie.value, e.distributionId, e.uri), U.value = !1), R.value && (r("addStatus", se.value, e.distributionId), R.value = !1), O.value && (r(
-        "addChecksum",
-        re.value,
-        ce.value,
-        e.distributionId,
-        _e.value
-      ), O.value = !1), H.value && (r(
-        "addChangeLicense",
-        me.value,
-        pe.value,
-        e.distributionId
-      ), H.value = !1), z.value && (r("addLanguage", oe.value, e.distributionId, e.uri), z.value = !1), M.value && (r("addByteSize", de.value, e.distributionId), M.value = !1), $.value && (r(
+  setup(p, { emit: xe }) {
+    const e = p, v = xe, R = i(null), q = i(null), B = i(null), z = i(null), M = i(null), $ = i(null), E = i(!1), P = i(!1), W = i(!1), O = i(!1), H = i(!1), N = i(!1), j = i(!1);
+    i(!1);
+    const K = i(!1), Y = i(!1), Z = i(!1), G = i(!1), J = i(!1), Q = i(!1), X = i(!1), ee = i(!1), te = i(!1), ae = i(!1), T = i([]), r = i({ key: "", text: "" }), De = i(null), ie = i(!1), C = i(null), se = i(null);
+    i([...e.fileTypes]);
+    const we = i([]), Ce = i([]);
+    i(null);
+    const Le = i(!1), ce = i(""), fe = i(""), me = i(""), pe = i(""), b = i({}), _ = i({}), V = i({}), I = i({}), ve = i(""), ye = i(""), he = i(""), ke = i(0), ge = i(""), be = i(""), _e = i(""), L = i(""), U = i(""), Ue = i(""), A = i(""), S = i(""), oe = i(!0);
+    i(!0);
+    const Ae = ["dcterms:license"], Ve = Qe(() => e.sections ? e.sections.map((t) => {
+      const a = t.keys.map((o, c) => Ae.includes(o) ? -1 : c).filter((o) => o !== -1);
+      return {
+        ...t,
+        items: a.map((o) => t.items[o]),
+        keys: a.map((o) => t.keys[o])
+      };
+    }) : []);
+    function Se(t, a) {
+      oe.value = !1, r.value = {
+        key: e.sections[t].keys[a],
+        text: e.sections[t].items[a]
+      }, b.value[e.distributionId] || (b.value[e.distributionId] = []), _.value[e.distributionId] || (_.value[e.distributionId] = []), V.value[e.distributionId] || (V.value[e.distributionId] = []), I.value[e.distributionId] || (I.value[e.distributionId] = []);
+    }
+    function le() {
+      oe.value = !0, r.value = { key: "", text: "" };
+    }
+    function Fe() {
+      const t = (a) => {
+        if (!a || a.trim() === "")
+          return !1;
+        const o = a.trim();
+        return /\.[a-z]{2,}$/i.test(o);
+      };
+      if (W.value) {
+        const a = V.value[e.distributionId] || [];
+        if (a.some((n) => {
+          const s = n["dct:title"] && n["dct:title"].trim() !== "", m = n["dcat:downloadURL"] ? n["dcat:downloadURL"].trim() : "";
+          return !!(s && (!m || !t(m)) || m && !t(m));
+        })) {
+          R.value && R.value.validateAllItems();
+          return;
+        }
+        const c = a.filter((n) => {
+          const s = n["dct:title"] && n["dct:title"].trim() !== "", m = n["dcat:downloadURL"] && n["dcat:downloadURL"].trim() !== "" && t(n["dcat:downloadURL"].trim());
+          return s || m;
+        });
+        c.length > 0 && v(
+          "addConformsToItems",
+          e.distributionId,
+          c
+        ), W.value = !1;
+      }
+      if (O.value) {
+        const a = I.value[e.distributionId] || [];
+        if (a.some((n) => {
+          const s = n["dcat:downloadURL"] ? n["dcat:downloadURL"].trim() : "";
+          return !!(s && !t(s));
+        })) {
+          $.value && $.value.validateAllItems();
+          return;
+        }
+        const c = a.filter((n) => n["dcat:downloadURL"] && n["dcat:downloadURL"].trim() !== "" && t(n["dcat:downloadURL"].trim()));
+        c.length > 0 && v("addPolicyItems", e.distributionId, c), O.value = !1;
+      }
+      if (E.value) {
+        const a = b.value[e.distributionId] || [], o = (s) => {
+          const m = s["dct:title"] && s["dct:title"].trim() !== "", k = s["dct:description"] && s["dct:description"].trim() !== "", x = s["dct:format"] && s["dct:format"].trim !== "" && (typeof s["dct:format"] == "string" ? s["dct:format"].trim() !== "" : !0);
+          return m || k || x;
+        };
+        if (a.some((s) => {
+          const m = s["dcat:accessURL"] ? s["dcat:accessURL"].trim() : "";
+          return !!(o(s) && (!m || !t(m)) || m && !t(m));
+        })) {
+          q.value && q.value.validateAllItems();
+          return;
+        }
+        const n = a.filter((s) => {
+          const m = s["dct:title"] && s["dct:title"].trim() !== "", k = s["dct:description"] && s["dct:description"].trim() !== "", x = s["dct:format"] && s["dct:format"].trim !== "" && (typeof s["dct:format"] == "string" ? s["dct:format"].trim() !== "" : !0), Je = s["dcat:accessURL"] && s["dcat:accessURL"].trim() !== "" && t(s["dcat:accessURL"].trim());
+          return m || k || x || Je;
+        });
+        n.length > 0 && v(
+          "addDocumentations",
+          e.distributionId,
+          n
+        ), E.value = !1;
+      }
+      if (P.value) {
+        const a = _.value[e.distributionId] || [], o = (s) => {
+          const m = s["dct:title"] && s["dct:title"].trim() !== "", k = s["dct:description"] && s["dct:description"].trim() !== "";
+          return m || k;
+        };
+        if (a.some((s) => {
+          const m = s["dcat:downloadURL"] ? s["dcat:downloadURL"].trim() : "";
+          return !!(o(s) && (!m || !t(m)) || m && !t(m));
+        })) {
+          B.value && B.value.validateAllItems();
+          return;
+        }
+        const n = a.filter((s) => {
+          const m = s["dct:title"] && s["dct:title"].trim() !== "", k = s["dct:description"] && s["dct:description"].trim() !== "", x = s["dcat:downloadURL"] && s["dcat:downloadURL"].trim() !== "" && t(s["dcat:downloadURL"].trim());
+          return m || k || x;
+        });
+        n.length > 0 && v(
+          "addAccessServices",
+          e.distributionId,
+          n
+        ), P.value = !1;
+      }
+      if (H.value && (v("addModifiedDate", ce.value, e.distributionId), H.value = !1), N.value && (v("addIssuedDate", fe.value, e.distributionId), N.value = !1), j.value && (v("addDescription", me.value, e.distributionId), j.value = !1), K.value && (v("addAccessRights", pe.value, e.distributionId, e.uri), K.value = !1), Y.value && (v("addAvailability", ve.value, e.distributionId, e.uri), Y.value = !1), ee.value && (v("addStatus", ye.value, e.distributionId), ee.value = !1), te.value) {
+        const a = L.value && L.value.trim() !== "", o = U.value && U.value.trim() !== "";
+        if ((a || o) && (!a || !o)) {
+          z.value && z.value.validateAllItems();
+          return;
+        }
+        a && o && v(
+          "addChecksum",
+          L.value,
+          U.value,
+          e.distributionId,
+          Ue.value
+        ), te.value = !1;
+      }
+      if (ae.value) {
+        const a = typeof S.value == "string" ? S.value.trim() : "", o = typeof A.value == "string" ? A.value.trim() : "";
+        if (a && (a.toLowerCase().includes("cc-by") || a.toLowerCase().includes("cc by")) && !o || o && !a) {
+          M.value && M.value.validate();
+          return;
+        }
+        (a || o) && v(
+          "addChangeLicense",
+          A.value,
+          S.value,
+          e.distributionId
+        ), ae.value = !1;
+      }
+      Z.value && (v("addLanguage", he.value, e.distributionId, e.uri), Z.value = !1), G.value && (v("addByteSize", ke.value, e.distributionId), G.value = !1), J.value && (v(
         "addMediaType",
-        le.value,
+        ge.value,
         "dcat:mediaType",
         e.distributionId
-      ), $.value = !1), P.value && (r(
+      ), J.value = !1), Q.value && (v(
         "addCompressFormat",
-        ne.value,
+        be.value,
         "dcat:compressFormat",
         e.distributionId
-      ), P.value = !1), W.value && (r(
+      ), Q.value = !1), X.value && (v(
         "addPackageFormat",
-        ue.value,
+        _e.value,
         "dcat:packageFormat",
         e.distributionId
-      ), W.value = !1), Z();
-    };
-    He(
+      ), X.value = !1), le();
+    }
+    Xe(
       () => e.sections,
       (t) => {
-        Array.isArray(t) && t.length > 0 && (h.value = t.map((s, m) => m === 0));
+        Array.isArray(t) && t.length > 0 && (T.value = t.map((a, o) => o === 0));
       },
       { immediate: !0 }
     );
-    const xe = (t) => {
-      h.value[t] = !h.value[t];
-    }, G = () => {
-      r("close");
-    }, Ce = () => {
-      r("actionHandling", e.action), G();
-    };
-    Ee(async () => {
-      k.value[e.distributionId] = e.documentations, g.value[e.distributionId] = e.accessServices, b.value[e.distributionId] = e.conformsToItems, T.value[e.distributionId] = e.policyItems;
-      const t = Ne(), s = t.appContext.app.config.globalProperties.$env;
+    function Re(t) {
+      T.value[t] = !T.value[t];
+    }
+    function de() {
+      v("close");
+    }
+    function qe() {
+      v("actionHandling", e.action), de();
+    }
+    et(async () => {
+      b.value[e.distributionId] = e.documentations, _.value[e.distributionId] = e.accessServices, V.value[e.distributionId] = e.conformsToItems, I.value[e.distributionId] = e.policyItems;
+      const t = tt(), a = t.appContext.app.config.globalProperties.$env;
       try {
-        const p = await Ge(s.api.baseUrl);
-        be.value = p.map((y) => ({
-          "@value": y.value,
-          label: y.label
+        const c = await at(a.api.baseUrl);
+        we.value = c.map((n) => ({
+          "@value": n.value,
+          label: n.label
         }));
-      } catch (p) {
-        console.error("Failed to load planned availability data", p);
+      } catch (c) {
+        console.error("Failed to load planned availability data", c);
       }
-      const m = t.appContext.app.config.globalProperties.$i18n.locale;
+      const o = t.appContext.app.config.globalProperties.$i18n.locale;
       try {
-        const p = await Je(s.api.baseUrl, m);
-        Te.value = p.map((y) => ({
-          "@value": y.label,
-          label: y.label
+        const c = await it(a.api.baseUrl, o);
+        Ce.value = c.map((n) => ({
+          "@value": n.label,
+          label: n.label
         }));
-      } catch (p) {
-        console.error("Failed to load language data", p);
+      } catch (c) {
+        console.error("Failed to load language data", c);
       }
     });
-    const De = (t, s) => {
-      k.value[t] = s, C.value = !0;
-    }, Se = (t, s) => {
-      g.value[t] = s, D.value = !0;
-    }, Ae = (t, s) => {
-      b.value[t] = s, S.value = !0;
-    }, we = (t, s) => {
-      T.value[t] = s, A.value = !0;
-    }, Fe = (t) => {
-      X.value = t, w.value = !0;
-    }, Le = (t) => {
-      Y.value = t, F.value = !0;
-    }, Be = (t) => {
-      ee.value = t, L.value = !0;
-    }, qe = (t) => {
-      te.value = t, B.value = !0;
-    }, Ue = (t) => {
-      ae.value = t, q.value = !0;
-    }, ze = (t) => {
-      ie.value = t, U.value = !0;
-    }, Me = (t) => {
-      se.value = t, R.value = !0;
-    }, $e = (t, s) => {
-      console.log(e.checksumURI), O.value = !0, ce.value = s, re.value = t;
-    }, Pe = (t, s) => {
-      H.value = !0, pe.value = s, me.value = t;
-    }, We = (t) => {
-      oe.value = t, z.value = !0;
-    }, J = (t, s) => {
-      switch (s) {
+    function Be(t, a) {
+      console.log(a), b.value[t] = a, E.value = !0;
+    }
+    function ze(t, a) {
+      _.value[t] = a, P.value = !0;
+    }
+    function Me(t, a) {
+      V.value[t] = a, W.value = !0;
+    }
+    function $e(t, a) {
+      I.value[t] = a, O.value = !0;
+    }
+    function Ee(t) {
+      ce.value = t, H.value = !0;
+    }
+    function Pe(t) {
+      fe.value = t, N.value = !0;
+    }
+    function We(t) {
+      me.value = t, j.value = !0;
+    }
+    function Oe(t, a) {
+      console.log(t, a), pe.value = t, K.value = !0;
+    }
+    function He(t) {
+      ve.value = t, Y.value = !0;
+    }
+    function Ne(t) {
+      ye.value = t, ee.value = !0;
+    }
+    function je(t, a) {
+      console.log(e.checksumURI), te.value = !0, U.value = a, L.value = t;
+    }
+    function Ke(t, a, o, c) {
+      console.log(t, a, o, c), ae.value = !0, S.value = a, A.value = t;
+    }
+    function Ye(t) {
+      he.value = t, Z.value = !0;
+    }
+    function ne(t, a) {
+      switch (a) {
         case "dcat:mediaType":
-          $.value = !0, le.value = t;
+          J.value = !0, ge.value = t;
           break;
         case "dcat:compressFormat":
-          P.value = !0, ne.value = t;
+          Q.value = !0, be.value = t;
           break;
         case "dcat:packageFormat":
-          W.value = !0, ue.value = t;
+          X.value = !0, _e.value = t;
           break;
       }
-    }, Re = (t) => {
-      de.value = t, M.value = !0;
-    }, ve = () => {
-      E.value = !1, ge.value = null;
-    }, Oe = () => {
-      E.value = !1, he.value = !1;
-    };
-    return (t, s) => (i(), l(_, null, [
-      j.value ? (i(), l("div", ct, [
-        n("div", {
-          class: x(["dpiV3_modalWrap", {
-            dpiV3_optionalInfo: e.optionalInfoView || d.value.key === "foaf:page"
+    }
+    function Ze(t) {
+      ke.value = t, G.value = !0;
+    }
+    function Ie() {
+      ie.value = !1, De.value = null;
+    }
+    function Ge() {
+      ie.value = !1, Le.value = !1;
+    }
+    return (t, a) => (l(), u(D, null, [
+      oe.value ? (l(), u("div", _t, [
+        f("div", {
+          class: F(["dpiV3_modalWrap", {
+            dpiV3_optionalInfo: e.optionalInfoView || r.value.key === "foaf:page"
           }])
         }, [
-          n("div", {
-            class: x(["dpiV3_modalMainWrap", { dpiV3_modalLine: e.optionalInfoView }])
+          f("div", {
+            class: F(["dpiV3_modalMainWrap", { dpiV3_modalLine: e.optionalInfoView }])
           }, [
-            n("div", mt, [
-              n("h2", {
-                class: x({ dpiV3_optionalInfoHeader: e.optionalInfoView })
-              }, v(e.headerText), 3),
-              c(K, {
+            f("div", Vt, [
+              f("h2", {
+                class: F({ dpiV3_optionalInfoHeader: e.optionalInfoView })
+              }, h(e.headerText), 3),
+              y(re, {
                 class: "dpiv3_modalCrossout",
-                onClick: G
+                onClick: de
               })
             ]),
-            n("span", pt, v(e.text), 1),
-            !e.optionalInfoView && (e.title || e.distributionLink || e.format) ? (i(), l("div", vt, [
-              n("div", ft, [
-                e.title ? (i(), l("div", yt, v(e.title), 1)) : o("", !0),
-                e.distributionLink && !e.title ? (i(), l("div", kt, v(e.distributionLink), 1)) : o("", !0),
-                e.format ? (i(), l("div", gt, v(e.format), 1)) : o("", !0)
+            f("span", It, h(e.text), 1),
+            !e.optionalInfoView && (e.title || e.distributionLink || e.format) ? (l(), u("div", Tt, [
+              f("div", xt, [
+                e.title ? (l(), u("a", {
+                  key: 0,
+                  href: e.distributionLink,
+                  target: "_blank"
+                }, [
+                  f("div", wt, h(e.title), 1)
+                ], 8, Dt)) : d("", !0),
+                e.distributionLink && !e.title ? (l(), u("a", {
+                  key: 1,
+                  href: e.distributionLink,
+                  target: "_blank"
+                }, [
+                  f("div", Lt, h(e.distributionLink), 1)
+                ], 8, Ct)) : d("", !0),
+                e.format ? (l(), u("div", Ut, h(e.format), 1)) : d("", !0)
               ])
-            ])) : o("", !0)
+            ])) : d("", !0)
           ], 2),
-          e.showButtons ? (i(), l("div", bt, [
-            c(je, {
-              buttonText: t.$t("message.dataupload.datasets.dcat:distribution.modal.cancel"),
+          e.showButtons ? (l(), u("div", At, [
+            y(gt, {
+              ref: "accActive",
+              "button-text": t.$t("message.dataupload.datasets.dcat:distribution.modal.cancel"),
               class: "dpiv3_modalCancelButton",
-              onClick: G,
-              ref: "accActive"
-            }, null, 8, ["buttonText"]),
-            c(I, {
-              onClick: Ce,
-              buttonText: e.buttons,
-              size: "large"
-            }, null, 8, ["buttonText"])
-          ])) : o("", !0),
-          e.optionalInfoView ? (i(), l("div", Tt, [
-            n("div", ht, [
-              (i(!0), l(_, null, ye(u.sections, (m, p) => (i(), l(_, { key: p }, [
-                n("div", _t, [
-                  n("div", It, [
-                    n("div", null, v(m.title), 1),
-                    n("div", Vt, [
-                      c(Ze, {
-                        onClick: (y) => xe(p),
-                        expanded: !h.value[p]
-                      }, null, 8, ["onClick", "expanded"])
+              onClick: de
+            }, null, 8, ["button-text"]),
+            y(w, {
+              "button-text": e.buttons,
+              size: "large",
+              onClick: qe
+            }, null, 8, ["button-text"])
+          ])) : d("", !0),
+          e.optionalInfoView ? (l(), u("div", St, [
+            f("div", Ft, [
+              (l(!0), u(D, null, Te(Ve.value, (o, c) => (l(), u(D, { key: c }, [
+                f("div", Rt, [
+                  f("div", qt, [
+                    f("div", null, h(o.title), 1),
+                    f("div", Bt, [
+                      y(st, {
+                        expanded: !T.value[c],
+                        onClick: (n) => Re(c)
+                      }, null, 8, ["expanded", "onClick"])
                     ])
                   ])
                 ]),
-                h.value[p] ? (i(!0), l(_, { key: 0 }, ye(m.items, (y, fe) => (i(), l(_, { key: fe }, [
-                  s[4] || (s[4] = n("div", { class: "dpiV3_itemDivider" }, null, -1)),
-                  n("div", {
+                T.value[c] ? (l(!0), u(D, { key: 0 }, Te(o.items, (n, s) => (l(), u(D, { key: s }, [
+                  a[4] || (a[4] = f("div", { class: "dpiV3_itemDivider" }, null, -1)),
+                  f("div", {
                     class: "dpiV3_itemOptional",
-                    onClick: (Qt) => Ie(p, fe)
-                  }, v(y), 9, xt)
-                ], 64))), 128)) : o("", !0),
-                p < u.sections.length - 1 ? (i(), l("div", Ct)) : o("", !0)
+                    onClick: (m) => Se(c, s)
+                  }, h(n), 9, zt)
+                ], 64))), 128)) : d("", !0),
+                c < Ve.value.length - 1 ? (l(), u("div", Mt)) : d("", !0)
               ], 64))), 128))
             ])
-          ])) : o("", !0)
+          ])) : d("", !0)
         ], 2)
-      ])) : o("", !0),
-      d.value.key ? (i(), l("div", Dt, [
-        n("div", {
-          class: x(["dpiV3_modalWrap", {
-            dpiV3_removeOverflow: d.value.key === "dcatap:availability" || d.value.key === "dct:language" || d.value.key === "dcat:mediaType" || d.value.key === "dcat:compressFormat" || d.value.key === "dcat:packageFormat" || d.value.key === "spdx:checksum" || d.value.key === "adms:status"
+      ])) : d("", !0),
+      r.value.key ? (l(), u("div", $t, [
+        f("div", {
+          class: F(["dpiV3_modalWrap", {
+            dpiV3_removeOverflow: r.value.key === "dcatap:availability" || r.value.key === "dcat:mediaType" || r.value.key === "dcat:compressFormat" || r.value.key === "dcat:packageFormat" || r.value.key === "spdx:checksum" || r.value.key === "adms:status"
           }])
         }, [
-          n("div", St, [
-            n("h2", null, v(d.value.text) + " " + v(t.$t("message.dataupload.datasets.dcat:distribution.modal.add_small")), 1),
-            c(K, {
+          f("div", Et, [
+            f("h2", null, h(r.value.text) + " " + h(t.$t("message.dataupload.datasets.dcat:distribution.modal.add_small")), 1),
+            y(re, {
               class: "dpiv3_modalCrossout",
-              onClick: Z
+              onClick: le
             })
           ]),
-          d.value.key === "dcatap:availability" ? (i(), l("p", At, v(t.$t(
+          r.value.key === "dcatap:availability" ? (l(), u("p", Pt, h(t.$t(
             "message.dataupload.datasets.dcat:distribution.modal.availability_paragraph"
-          )), 1)) : o("", !0),
-          d.value.key === "dcat:byteSize" ? (i(), l("p", wt, v(t.$t(
+          )), 1)) : d("", !0),
+          r.value.key === "dcat:byteSize" ? (l(), u("p", Wt, h(t.$t(
             "message.dataupload.datasets.dcat:distribution.modal.byte-size-paragraph"
-          )), 1)) : o("", !0),
-          d.value.key === "foaf:page" ? (i(), l("p", Ft, v(t.$t(
+          )), 1)) : d("", !0),
+          r.value.key === "foaf:page" ? (l(), u("p", Ot, h(t.$t(
             "message.dataupload.datasets.dcat:distribution.modal.documentation-paragraph"
-          )), 1)) : o("", !0),
-          d.value.key === "dct:modified" ? (i(), l("div", Lt, [
-            c(Qe, {
-              modelValue: u.modifiedDate,
-              onAddModifiedDate: Fe
-            }, null, 8, ["modelValue"])
-          ])) : o("", !0),
-          d.value.key === "dct:issued" ? (i(), l("div", Bt, [
-            c(at, {
-              modelValue: u.issuedDate,
-              labelText: d.value.text + " (optional)",
-              onAddIssuedDate: Le
-            }, null, 8, ["modelValue", "labelText"])
-          ])) : o("", !0),
-          d.value.key === "dct:description" ? (i(), l("div", qt, [
-            c(Xe, {
-              onAddDescription: Be,
-              descriptionText: u.descriptionText
-            }, null, 8, ["descriptionText"])
-          ])) : o("", !0),
-          d.value.key === "dcatde:licenseAttributionByText" ? (i(), l("div", Ut, [
-            c(Ye, {
-              onAddLicenseAttrByText: qe,
-              nameTextByClauses: u.nameTextByClauses
-            }, null, 8, ["nameTextByClauses"])
-          ])) : o("", !0),
-          d.value.key === "dct:accessRights" ? (i(), l("div", zt, [
-            c(st, {
-              onAddAccessRights: Ue,
-              accessRightsProp: u.accessRightsText
-            }, null, 8, ["accessRightsProp"])
-          ])) : o("", !0),
-          d.value.key === "foaf:page" ? (i(), l("div", Mt, [
-            c(Ke, {
-              documentations: k.value[e.distributionId] || [],
-              fileTypes: u.fileTypes,
-              onUpdate: s[0] || (s[0] = (m) => De(e.distributionId, m)),
-              distributionId: e.distributionId
-            }, null, 8, ["documentations", "fileTypes", "distributionId"])
-          ])) : o("", !0),
-          d.value.key === "dcat:accessService" ? (i(), l("div", $t, [
-            c(ut, {
-              accessServices: g.value[e.distributionId] || [],
-              onUpdate: s[1] || (s[1] = (m) => Se(e.distributionId, m)),
-              distributionId: e.distributionId
-            }, null, 8, ["accessServices", "distributionId"])
-          ])) : o("", !0),
-          d.value.key === "dcat:byteSize" ? (i(), f(tt, {
+          )), 1)) : d("", !0),
+          r.value.key === "dct:modified" ? (l(), u("div", Ht, [
+            y(yt, {
+              "model-value": p.modifiedDate,
+              onAddModifiedDate: Ee
+            }, null, 8, ["model-value"])
+          ])) : d("", !0),
+          r.value.key === "dct:issued" ? (l(), u("div", Nt, [
+            y(pt, {
+              "model-value": p.issuedDate,
+              "label-text": `${r.value.text} (optional)`,
+              onAddIssuedDate: Pe
+            }, null, 8, ["model-value", "label-text"])
+          ])) : d("", !0),
+          r.value.key === "dct:description" ? (l(), u("div", jt, [
+            y(ft, {
+              "description-text": p.descriptionText,
+              onAddDescription: We
+            }, null, 8, ["description-text"])
+          ])) : d("", !0),
+          r.value.key === "dct:accessRights" ? (l(), u("div", Kt, [
+            y(ot, {
+              "access-rights-prop": p.accessRightsText,
+              onAddAccessRights: Oe
+            }, null, 8, ["access-rights-prop"])
+          ])) : d("", !0),
+          r.value.key === "foaf:page" ? (l(), u("div", Yt, [
+            y(mt, {
+              ref_key: "documentationsV3Ref",
+              ref: q,
+              documentations: b.value[e.distributionId] || [],
+              "file-types": p.fileTypes,
+              "distribution-id": e.distributionId,
+              onUpdate: a[0] || (a[0] = (o) => Be(e.distributionId, o))
+            }, null, 8, ["documentations", "file-types", "distribution-id"])
+          ])) : d("", !0),
+          r.value.key === "dcat:accessService" ? (l(), u("div", Zt, [
+            y(lt, {
+              ref_key: "accessServiceV3Ref",
+              ref: B,
+              "access-services": _.value[e.distributionId] || [],
+              "distribution-id": e.distributionId,
+              onUpdate: a[1] || (a[1] = (o) => ze(e.distributionId, o))
+            }, null, 8, ["access-services", "distribution-id"])
+          ])) : d("", !0),
+          r.value.key === "dcat:byteSize" ? (l(), g(nt, {
+            key: 9,
+            "byte-size-prop": p.byteSizeText,
+            onAddByteSize: Ze
+          }, null, 8, ["byte-size-prop"])) : d("", !0),
+          r.value.key === "dcatap:availability" ? (l(), g(dt, {
             key: 10,
-            byteSizeProp: u.byteSizeText,
-            onAddByteSize: Re
-          }, null, 8, ["byteSizeProp"])) : o("", !0),
-          d.value.key === "dcatap:availability" ? (i(), f(et, {
+            "availability-text": p.availabilityText,
+            onAddAvailability: He
+          }, null, 8, ["availability-text"])) : d("", !0),
+          r.value.key === "dct:language" ? (l(), g(vt, {
             key: 11,
-            availabilityText: u.availabilityText,
-            onAddAvailability: ze
-          }, null, 8, ["availabilityText"])) : o("", !0),
-          d.value.key === "dct:language" ? (i(), f(it, {
-            key: 12,
-            languageText: u.languageText,
-            onAddLanguage: We
-          }, null, 8, ["languageText"])) : o("", !0),
-          d.value.key === "dct:conformsTo" ? (i(), l("div", Pt, [
-            c(lt, {
-              conformsToItems: b.value[e.distributionId] || [],
-              onUpdate: s[2] || (s[2] = (m) => Ae(e.distributionId, m)),
-              asCard: !1,
-              distributionId: e.distributionId
-            }, null, 8, ["conformsToItems", "distributionId"])
-          ])) : o("", !0),
-          d.value.key === "odrl:hasPolicy" ? (i(), l("div", Wt, [
-            c(nt, {
-              policyItems: T.value[e.distributionId] || [],
-              onUpdate: s[3] || (s[3] = (m) => we(e.distributionId, m)),
-              asCard: !1,
-              distributionId: e.distributionId
-            }, null, 8, ["policyItems", "distributionId"])
-          ])) : o("", !0),
-          d.value.key === "dcat:mediaType" ? (i(), f(Q, {
+            "language-text": p.languageText,
+            "distribution-id": p.distributionId,
+            onAddLanguage: Ye
+          }, null, 8, ["language-text", "distribution-id"])) : d("", !0),
+          r.value.key === "dct:conformsTo" ? (l(), u("div", Gt, [
+            y(ct, {
+              ref_key: "conformsToV3Ref",
+              ref: R,
+              "conforms-to-items": V.value[e.distributionId] || [],
+              "as-card": !1,
+              "distribution-id": e.distributionId,
+              onUpdate: a[2] || (a[2] = (o) => Me(e.distributionId, o))
+            }, null, 8, ["conforms-to-items", "distribution-id"])
+          ])) : d("", !0),
+          r.value.key === "odrl:hasPolicy" ? (l(), u("div", Jt, [
+            y(ht, {
+              ref_key: "policyV3Ref",
+              ref: $,
+              "policy-items": I.value[e.distributionId] || [],
+              "as-card": !1,
+              "distribution-id": e.distributionId,
+              onUpdate: a[3] || (a[3] = (o) => $e(e.distributionId, o))
+            }, null, 8, ["policy-items", "distribution-id"])
+          ])) : d("", !0),
+          r.value.key === "dcat:mediaType" ? (l(), g(ue, {
+            key: 14,
+            "file-types": p.fileTypes,
+            "file-format-type": "dcat:mediaType",
+            "file-format-text": p.mediaTypeText,
+            onAddMediaType: ne
+          }, null, 8, ["file-types", "file-format-text"])) : d("", !0),
+          r.value.key === "dcat:compressFormat" ? (l(), g(ue, {
             key: 15,
-            onAddMediaType: J,
-            fileTypes: u.fileTypes,
-            fileFormatType: "dcat:mediaType",
-            fileFormatText: u.mediaTypeText
-          }, null, 8, ["fileTypes", "fileFormatText"])) : o("", !0),
-          d.value.key === "dcat:compressFormat" ? (i(), f(Q, {
+            "file-types": p.fileTypes,
+            "file-format-type": "dcat:compressFormat",
+            "compress-format-text": p.compressFormatText,
+            onAddCompressFormat: ne
+          }, null, 8, ["file-types", "compress-format-text"])) : d("", !0),
+          r.value.key === "dcat:packageFormat" ? (l(), g(ue, {
             key: 16,
-            onAddCompressFormat: J,
-            fileTypes: u.fileTypes,
-            fileFormatType: "dcat:compressFormat",
-            compressFormatText: u.compressFormatText
-          }, null, 8, ["fileTypes", "compressFormatText"])) : o("", !0),
-          d.value.key === "dcat:packageFormat" ? (i(), f(Q, {
+            "file-types": p.fileTypes,
+            "file-format-type": "dcat:packageFormat",
+            "package-format-text": p.packageFormatText,
+            onAddPackageFormat: ne
+          }, null, 8, ["file-types", "package-format-text"])) : d("", !0),
+          r.value.key === "adms:status" ? (l(), g(kt, {
             key: 17,
-            onAddPackageFormat: J,
-            fileTypes: u.fileTypes,
-            fileFormatType: "dcat:packageFormat",
-            packageFormatText: u.packageFormatText
-          }, null, 8, ["fileTypes", "packageFormatText"])) : o("", !0),
-          d.value.key === "adms:status" ? (i(), f(ot, {
+            "status-text": p.statusText,
+            onAddStatus: Ne
+          }, null, 8, ["status-text"])) : d("", !0),
+          r.value.key === "spdx:checksum" ? (l(), g(ut, {
             key: 18,
-            statusText: u.statusText,
-            onAddStatus: Me
-          }, null, 8, ["statusText"])) : o("", !0),
-          d.value.key === "spdx:checksum" ? (i(), f(dt, {
+            ref_key: "checksumV3Ref",
+            ref: z,
+            "checksum-text": p.checksumText,
+            "checksum-dropdown-text": p.checksumDropdownText,
+            "as-card": !1,
+            onAddChecksum: je
+          }, null, 8, ["checksum-text", "checksum-dropdown-text"])) : d("", !0),
+          r.value.key === "dcterms:license" ? (l(), g(rt, {
             key: 19,
-            onAddChecksum: $e,
-            checksumText: u.checksumText,
-            checksumDropdownText: u.checksumDropdownText
-          }, null, 8, ["checksumText", "checksumDropdownText"])) : o("", !0),
-          d.value.key === "dcterms:license" ? (i(), f(rt, {
-            key: 20,
-            onAddChangeLicense: Pe,
-            changeLicenseText: u.changeLicenseText,
-            changeLicenseDropdownText: u.changeLicenseDropdownText
-          }, null, 8, ["changeLicenseText", "changeLicenseDropdownText"])) : o("", !0),
-          n("div", Rt, [
-            c(I, {
-              onClick: Z,
-              buttonText: "Zurück",
+            ref_key: "changeLicenseV3Ref",
+            ref: M,
+            "change-license-text": p.changeLicenseText,
+            "change-license-dropdown-text": p.changeLicenseDropdownText,
+            onAddChangeLicense: Ke
+          }, null, 8, ["change-license-text", "change-license-dropdown-text"])) : d("", !0),
+          f("div", Qt, [
+            y(w, {
+              "button-text": "Zurück",
               size: "large",
-              iconStart: "CaretLeft",
-              variant: "tertiary"
+              "icon-start": "CaretLeft",
+              variant: "tertiary",
+              onClick: le
             }),
-            c(I, {
-              onClick: Ve,
-              buttonText: "Hinzufügen",
-              size: "large"
+            y(w, {
+              "button-text": "Hinzufügen",
+              size: "large",
+              onClick: Fe
             })
           ])
         ], 2)
-      ])) : o("", !0),
-      E.value ? (i(), l("div", Ot, [
-        n("div", Ht, [
-          n("div", Et, [
-            s[5] || (s[5] = n("h2", null, "Dokumentation löschen", -1)),
-            c(K, {
+      ])) : d("", !0),
+      ie.value ? (l(), u("div", Xt, [
+        f("div", ea, [
+          f("div", ta, [
+            a[5] || (a[5] = f("h2", null, "Dokumentation löschen", -1)),
+            y(re, {
               class: "dpiv3_modalCrossout",
-              onClick: ve
+              onClick: Ie
             })
           ]),
-          s[6] || (s[6] = n("div", { class: "dpiV3_modalContent" }, [
-            n("p", null, "Möchten Sie diese Dokumentation wirklich löschen?")
+          a[6] || (a[6] = f("div", { class: "dpiV3_modalContent" }, [
+            f("p", null, "Möchten Sie diese Dokumentation wirklich löschen?")
           ], -1)),
-          n("div", Nt, [
-            n("div", jt, [
-              V.value ? (i(), l("div", Zt, v(V.value), 1)) : o("", !0),
-              N.value && V.value === "" ? (i(), l("div", Gt, v(N.value), 1)) : o("", !0),
-              N.value === "" && V.value === "" ? (i(), l("div", Jt, " Es wurde keine URL angegeben! ")) : o("", !0)
+          f("div", aa, [
+            f("div", ia, [
+              C.value ? (l(), u("div", sa, h(C.value), 1)) : d("", !0),
+              se.value && C.value === "" ? (l(), u("div", oa, h(se.value), 1)) : d("", !0),
+              se.value === "" && C.value === "" ? (l(), u("div", la, " Es wurde keine URL angegeben! ")) : d("", !0)
             ])
           ]),
-          n("div", Kt, [
-            c(I, {
-              onClick: ve,
-              buttonText: "Abbrechen",
+          f("div", da, [
+            y(w, {
+              "button-text": "Abbrechen",
               size: "large",
-              variant: "tertiary"
+              variant: "tertiary",
+              onClick: Ie
             }),
-            c(I, {
-              onClick: Oe,
-              buttonText: "Löschen",
-              size: "large"
+            y(w, {
+              "button-text": "Löschen",
+              size: "large",
+              onClick: Ge
             })
           ])
         ])
-      ])) : o("", !0)
+      ])) : d("", !0)
     ], 64));
   }
-};
+}, Fa = /* @__PURE__ */ bt(na, [["__scopeId", "data-v-77856043"]]);
 export {
-  ha as default
+  Fa as default
 };