@piveau/dpi 0.1.0-beta.5 → 0.1.0-beta.50

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

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