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

package/dist/packages/dpi/src/data-provider-interface/components/ReviewAndPublishPage.vue.js

@@ -1,211 +1,312 @@
-import { computed as v, ref as g, onMounted as me, resolveComponent as ye, createElementBlock as n, openBlock as o, Fragment as S, createCommentVNode as p, createBlock as B, createElementVNode as a, unref as c, toDisplayString as s, createVNode as h, renderList as M, createTextVNode as w, withCtx as Se, isRef as ie } from "vue";
+import { computed as f, ref as h, onMounted as Fe, resolveComponent as Oe, createElementBlock as r, openBlock as i, Fragment as D, createCommentVNode as u, createBlock as w, createVNode as y, createElementVNode as a, unref as p, toDisplayString as s, renderList as B, createTextVNode as H, withCtx as N, isRef as Se } from "vue";
 import "@formkit/core";
-import { useFormKitNodeById as ke } from "@formkit/vue";
+import { useFormKitNodeById as Ue } from "@formkit/vue";
 import "@phosphor-icons/vue";
-import { useI18n as Ce } from "vue-i18n";
+import { useI18n as je } from "vue-i18n";
 import "vue-router";
-import { useStore as De } from "vuex";
-import { useFormValues as $e } from "../composables/useDpiFormValues.js";
-import C from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import Ve from "../HappyFlowComponents/ui/Chip.vue.js";
-import re from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
-import xe from "../HappyFlowComponents/ui/RapModal.vue.js";
-import de from "../HappyFlowComponents/ui/StateTag.vue.js";
-import Be from "../HappyFlowComponents/ui/TableRowV3.vue.js";
-import E from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import { useStore as We } from "vuex";
+import { useFormValues as Ye } from "../composables/useDpiFormValues.js";
+import S from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import Ke from "../HappyFlowComponents/ui/Chip.vue.js";
+import Ge from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+import ke from "../HappyFlowComponents/ui/ModalSimpleV3.vue.js";
+import Xe from "../HappyFlowComponents/ui/RapModal.vue.js";
+import Ze from "../HappyFlowComponents/ui/StateTag.vue.js";
+import qe from "../HappyFlowComponents/ui/TableRowV3.vue.js";
+import De from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import Je from "./Spatial.vue.js";
+import Qe from "./VisibilityPage.vue.js";
 /* empty css                             */
 /* empty css                              */
 /* empty css                          */
-import Me from "../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as Te } from "../composables/useDpiContext.js";
-const He = { key: 0 }, ze = {
+import Ie from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as Ae } from "../composables/useDpiContext.js";
+const et = { key: 0 }, tt = {
   key: 1,
   class: "dpiV3InnerComponentWrap V3-typography"
-}, Re = { class: "w-100" }, Ne = { class: "dpiV3_Frame_831" }, Pe = { key: 0 }, we = {
+}, at = { class: "w-100" }, st = { class: "dpiV3_Frame_831" }, it = { key: 0 }, ot = {
   key: 1,
   class: "dpiV3_Frame_840"
-}, Ee = { class: "dpiV3_title" }, Oe = { class: "dpiV3_intro copy-large-regular" }, Fe = {
+}, lt = {
+  class: "dpiV3_title",
+  style: { "margin-bottom": "32px" }
+}, nt = { class: "dpiV3_intro copy-large-regular" }, rt = {
   key: 0,
   class: "dpiV3Card rapFindability"
-}, Le = { class: "firstSec" }, je = { class: "secondSec" }, Ie = {
-  class: "copy-large-regular",
-  style: { "margin-bottom": "4px" }
-}, Ke = { class: "thirdSec" }, We = { class: "headline-5" }, Ue = {
+}, dt = { class: "firstSec" }, ct = { class: "secondSec" }, ut = {
+  key: 0,
+  class: "headline-5"
+}, pt = {
+  key: 1,
+  class: "copy-large-regular"
+}, vt = {
   key: 1,
+  class: "dpiV3Card rapFindability"
+}, ft = { class: "firstSec" }, gt = { class: "secondSec" }, yt = {
+  class: "copy-large-regular",
+  style: { "margin-bottom": "5px" }
+}, ht = {
+  key: 0,
+  class: "thirdSec"
+}, _t = { class: "headline-5" }, bt = {
+  key: 2,
   class: "dpiV3Card rapEssentials"
-}, Ge = { class: "firstSec" }, Ye = { class: "secondSec" }, Ze = { class: "heading-3" }, qe = { class: "thirdSec" }, Je = { class: "fourthSec flexSec" }, Qe = { class: "copy-large-regular" }, Xe = { class: "copy-large-semi-bold" }, Ae = { class: "fifthSec flexSec" }, et = { class: "copy-large-regular" }, tt = { class: "headline-5" }, at = { class: "copy-large-regular" }, st = ["href"], ot = { class: "sixthSec flexSec" }, lt = { class: "copy-large-regular" }, nt = { class: "headline-5" }, it = { class: "copy-large-regular" }, rt = { class: "copy-large-regular" }, dt = {
+}, mt = { class: "firstSec" }, St = { class: "secondSec" }, kt = { class: "heading-3" }, Dt = { class: "thirdSec" }, Vt = { class: "fourthSec flexSec" }, Ct = { class: "copy-large-regular" }, $t = { class: "copy-large-semi-bold" }, xt = { class: "fifthSec flexSec" }, wt = { class: "copy-large-regular" }, Bt = { class: "headline-5" }, Mt = { class: "copy-large-regular" }, Tt = ["href"], Rt = { class: "sixthSec flexSec" }, Pt = { class: "copy-large-regular" }, zt = { class: "headline-5" }, Et = { class: "copy-large-regular" }, Lt = { class: "copy-large-regular" }, Ht = { class: "dpiV3Card rapCoverage" }, Nt = { class: "firstSec" }, Ft = {
   key: 0,
-  class: "dpiV3Card rapCoverage"
-}, ct = { class: "firstSec" }, ut = {
+  class: "coveragePlaceWrap"
+}, Ot = {
   key: 0,
-  class: "secondSec flexSec"
-}, pt = { class: "rapHeadWrap" }, vt = { class: "copy-large-regular" }, ft = { class: "coveragePlaceWrap" }, _t = { class: "headline-5" }, ht = {
-  key: 1,
   class: "thirdSec"
-}, gt = { class: "rapHeadWrap" }, bt = { class: "copy-large-regular" }, mt = { class: "dpiV3_RapInnerCardWrapper" }, yt = { class: "dpiV3_RapInnerCard" }, St = { class: "copy-small-regular" }, kt = { key: 0 }, Ct = { class: "copy-small-regular" }, Dt = { key: 0 }, $t = { class: "dpiV3Card rapDistribution" }, Vt = { class: "firstSec" }, xt = { class: "secondSec flexSec" }, Bt = { class: "copy-large-regular" }, Mt = { class: "headline-5" }, Tt = { class: "thirdSec flexSec" }, Ht = { class: "copy-large-regular" }, zt = { class: "headline-5" }, Rt = { class: "fourthSec flexSec" }, Nt = { class: "copy-large-regular" }, Pt = { class: "dpiV3_distCard" }, wt = { class: "copy-large-semi-bold" }, Et = {
-  key: 1,
+}, Ut = { class: "rapHeadWrap" }, jt = { class: "copy-large-regular" }, Wt = { class: "dpiV3_RapInnerCardWrapper" }, Yt = { class: "dpiV3_RapInnerCard" }, Kt = { class: "copy-small-regular" }, Gt = { key: 0 }, Xt = { class: "copy-small-regular" }, Zt = { key: 0 }, qt = { class: "dpiV3Card rapDistribution" }, Jt = { class: "firstSec" }, Qt = { class: "secondSec flexSec" }, It = { class: "copy-large-regular" }, At = { class: "headline-5" }, ea = {
+  key: 0,
+  class: "thirdSec flexSec"
+}, ta = { class: "copy-large-regular" }, aa = { class: "headline-5" }, sa = { class: "fourthSec flexSec" }, ia = { class: "copy-large-regular" }, oa = { class: "dpiV3_distCard" }, la = ["href"], na = {
+  key: 0,
   class: "dpiV3Card rapDistribution"
-}, Ot = { class: "firstSec" }, Ft = { class: "secondSec flexSec" }, Lt = { class: "dpiV3_optionalSpanHeadWrap" }, jt = { class: "dpiV3_optionalSpan copy-large-regular" }, It = { key: 0 }, Kt = { key: 0 }, Wt = { key: 1 }, Ut = { key: 2 }, Gt = { key: 3 }, Yt = { key: 4 }, Zt = { key: 5 }, qt = { key: 6 }, Jt = { class: "dpiV3_tempAddMore" }, Qt = {
-  key: 2,
+}, ra = { class: "firstSec" }, da = { class: "secondSec flexSec" }, ca = { class: "dpiV3_optionalSpanHeadWrap" }, ua = { class: "dpiV3_optionalSpan copy-large-regular" }, pa = { key: 0 }, va = { key: 0 }, fa = { key: 1 }, ga = { key: 2 }, ya = { key: 3 }, ha = { key: 4 }, _a = { key: 5 }, ba = { key: 6 }, ma = { key: 7 }, Sa = { key: 8 }, ka = { key: 9 }, Da = { class: "dpiV3_tempAddMore" }, Va = {
+  key: 1,
   class: "dpiV3_tempAddMore"
-}, Xt = {
+}, Ca = {
   __name: "ReviewAndPublishPage",
   props: {
     context: Object
   },
-  setup(ce) {
-    const { t: O } = Ce(), D = Te();
-    v(() => {
+  setup(F) {
+    const { t: O } = je(), C = Ae();
+    f(() => {
       var e;
-      return !!((e = D.value.edit) != null && e.enabled);
+      return !!((e = C.value.edit) != null && e.enabled);
+    });
+    let Ve = h(
+      C.value.edit.enabled && !C.value.edit.fromDraft
+    );
+    function Ce() {
+      c.value.Covering["dcat:temporalResolution"] = {};
+    }
+    h([{ isValid: !0 }]), h(!1), We(), h(null);
+    let _ = h(!1), b = h({});
+    const M = h(!1), U = h(!1), { formValues: c } = Ye();
+    Ue("dpiForm", (e) => {
+      U.value = !0;
     });
-    let F = g(D.value.edit.enabled && !D.value.edit.fromDraft);
-    console.log(F), g([{ isValid: !0 }]), g(!1), De(), g(null);
-    let b = g(!1), m = g({});
-    const L = g(!1), { formValues: u } = $e();
-    ke("dpiForm", (e) => {
-      L.value = !0;
+    const $ = f(() => {
+      var t, l, d;
+      const e = (l = (t = c.value) == null ? void 0 : t.Discoverability) == null ? void 0 : l.visibilityPage;
+      if (Array.isArray(e)) {
+        if (e[1] && typeof e[1] == "string")
+          return e[1];
+        if ((d = e[0]) != null && d.visibility)
+          return e[0].visibility;
+      }
+      return "";
     });
-    function ue(e) {
-      let t, i, d, _, V, x;
-      return e.forEach((f) => {
-        f.Year && (t = Number.parseInt(f.Year)), f.Month && (i = Number.parseInt(f.Month) - 1), f.Day && (d = Number.parseInt(f.Day)), f.Hour && (_ = Number.parseInt(f.Hour)), f.Minute && (V = Number.parseInt(f.Minute)), f.Second && (x = Number.parseInt(f.Second));
+    function $e(e) {
+      let t, l, d, v, m, x;
+      return e.forEach((g) => {
+        g.Year && (t = Number.parseInt(g.Year)), g.Month && (l = Number.parseInt(g.Month) - 1), g.Day && (d = Number.parseInt(g.Day)), g.Hour && (v = Number.parseInt(g.Hour)), g.Minute && (m = Number.parseInt(g.Minute)), g.Second && (x = Number.parseInt(g.Second));
       }), new Date(
         t || 2025,
-        i || 0,
+        l || 0,
         d || 1,
-        _ || 0,
-        V || 0,
+        v || 0,
+        m || 0,
         x || 0
       ).toLocaleString("de", {
         timeZone: "Europe/Berlin",
         timeZoneName: "short"
       });
     }
-    const j = g(), $ = g(!1);
-    function H(e) {
+    const j = h(), z = h(!1);
+    function W(e) {
       return !(Object.keys(e).includes("isValid") && Object.keys(e).length === 1);
     }
-    const pe = v(() => {
-      var t, i;
-      const e = (i = (t = u.value) == null ? void 0 : t.Discoverability) == null ? void 0 : i.discoverabilityPage;
-      return Array.isArray(e) ? (e == null ? void 0 : e.filter(H)) || [] : [];
-    }), ve = v(() => {
+    const xe = f(() => {
+      var t, l;
+      const e = (l = (t = c.value) == null ? void 0 : t.Discoverability) == null ? void 0 : l.discoverabilityPage;
+      return Array.isArray(e) ? (e == null ? void 0 : e.filter(W)) || [] : [];
+    }), Y = f(() => {
       var e, t;
-      return ((t = (e = u.value) == null ? void 0 : e.Discoverability) == null ? void 0 : t.hvdPage) || [];
-    }), fe = v(() => {
-      var i, d;
-      const e = (d = (i = u.value) == null ? void 0 : i.BasicInfos) == null ? void 0 : d["dct:title"], t = e == null ? void 0 : e.find((_) => _["@language"] === "de");
+      return ((t = (e = c.value) == null ? void 0 : e.Discoverability) == null ? void 0 : t.hvdPage) || [];
+    }), we = f(() => {
+      var l, d;
+      const e = (d = (l = c.value) == null ? void 0 : l.BasicInfos) == null ? void 0 : d["dct:title"], t = e == null ? void 0 : e.find((v) => v["@language"] === "de");
       return t ? t["@value"] : null;
-    }), _e = v(() => {
-      var e, t, i, d;
-      return ((d = (i = (t = (e = u.value) == null ? void 0 : e.BasicInfos) == null ? void 0 : t["dct:description"]) == null ? void 0 : i[0]) == null ? void 0 : d["@value"]) || "";
-    }), I = v(() => {
-      var t, i, d, _;
-      const e = (_ = (d = (i = (t = u.value) == null ? void 0 : t.BasicInfos) == null ? void 0 : i["dct:modified"]) == null ? void 0 : d[0]) == null ? void 0 : _["@value"];
-      return e ? new Date(e).toLocaleDateString("de-DE") : "";
-    }), T = v(() => {
-      var e, t, i;
-      return ((i = (t = (e = u.value) == null ? void 0 : e.BasicInfos) == null ? void 0 : t["dct:publisher"]) == null ? void 0 : i[0]) || {};
-    }), z = v(() => {
-      var e, t, i;
-      return ((i = (t = (e = u.value) == null ? void 0 : e.BasicInfos) == null ? void 0 : t["dcat:contactPoint"]) == null ? void 0 : i[0]) || {};
-    }), R = v(() => {
-      var e, t, i, d;
-      return ((d = (i = (t = (e = u.value) == null ? void 0 : e.Covering) == null ? void 0 : t["dcatde:politicalGeocodingURI"]) == null ? void 0 : i.filter(
-        H
-      )) == null ? void 0 : d[0]) || {};
-    }), N = v(() => {
-      var e, t, i, d;
-      return ((d = (i = (t = (e = u.value) == null ? void 0 : e.Covering) == null ? void 0 : t["dcat:temporalResolution"]) == null ? void 0 : i.filter(
-        H
+    }), Be = f(() => {
+      var e, t, l, d;
+      return ((d = (l = (t = (e = c.value) == null ? void 0 : e.BasicInfos) == null ? void 0 : t["dct:description"]) == null ? void 0 : l[0]) == null ? void 0 : d["@value"]) || "";
+    }), K = f(() => {
+      var t, l, d, v;
+      const e = (v = (d = (l = (t = c.value) == null ? void 0 : t.BasicInfos) == null ? void 0 : l["dct:modified"]) == null ? void 0 : d[0]) == null ? void 0 : v["@value"];
+      return e ? new Date(e).toLocaleDateString("de-DE", {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric"
+      }) : "";
+    }), T = f(() => {
+      var e, t, l;
+      return ((l = (t = (e = c.value) == null ? void 0 : e.BasicInfos) == null ? void 0 : t["dct:publisher"]) == null ? void 0 : l[0]) || {};
+    }), E = f(() => {
+      var e, t, l;
+      return ((l = (t = (e = c.value) == null ? void 0 : e.BasicInfos) == null ? void 0 : t["dcat:contactPoint"]) == null ? void 0 : l[0]) || {};
+    }), Me = f(() => {
+      var e, t, l, d;
+      return ((d = (l = (t = (e = c.value) == null ? void 0 : e.Covering) == null ? void 0 : t["dcatde:politicalGeocodingURI"]) == null ? void 0 : l.filter(
+        W
       )) == null ? void 0 : d[0]) || {};
-    }), K = v(() => Object.keys(R.value).length > 1), W = v(() => Object.keys(N.value).length > 1 && N.value["dct:temporal"]);
-    let P = g();
-    P = v(() => {
-      var e, t, i, d, _;
-      return ((_ = (d = (i = (t = (e = u.value) == null ? void 0 : e.DistributionSimple) == null ? void 0 : t["dcat:distribution"]) == null ? void 0 : i[0]) == null ? void 0 : d["dct:license"]) == null ? void 0 : _[0]) || {};
+    }), R = f(() => {
+      var e, t;
+      return ((t = (e = c.value) == null ? void 0 : e.Covering) == null ? void 0 : t["dcat:temporalResolution"]) || {};
+    });
+    f(() => Object.keys(Me.value).length > 1);
+    const Te = f(() => {
+      var e;
+      return ((e = R.value["dct:temporal"]) == null ? void 0 : e.length) > 0 && R.value["dct:temporal"][0]["dcat:startDate"] != "" && R.value["dct:temporal"][0]["dcat:endDate"] != "";
     });
-    const he = v(() => {
+    let L = h();
+    L.value = f(() => {
+      var e, t, l, d, v;
+      return ((v = (d = (l = (t = (e = c.value) == null ? void 0 : e.DistributionSimple) == null ? void 0 : t["dcat:distribution"]) == null ? void 0 : l[0]) == null ? void 0 : d["dct:license"]) == null ? void 0 : v[0]) || {};
+    });
+    const Re = f(() => {
+      var t, l, d, v, m;
+      const e = ((t = L.value) == null ? void 0 : t["dcterms:license"]) || ((m = (v = (d = (l = c.value) == null ? void 0 : l.DistributionSimple) == null ? void 0 : d["dct:license"]) == null ? void 0 : v[0]) == null ? void 0 : m["dcterms:license"]) || "";
+      return e.includes("cc-by") || e.includes("dl-by-de") || e.includes("dl-by-nc-de");
+    }), Pe = f(() => {
       var e, t;
-      return ((t = (e = u.value) == null ? void 0 : e.DistributionSimple) == null ? void 0 : t["dcat:distribution"]) || [];
-    }), y = v(() => {
+      return ((t = (e = c.value) == null ? void 0 : e.DistributionSimple) == null ? void 0 : t["dcat:distribution"]) || [];
+    }), k = f(() => {
       var e;
-      return ((e = u.value) == null ? void 0 : e.Additionals) || {};
-    }), U = v(() => (Object.keys(y.value).forEach((e) => {
-      if (y.value.hasOwnProperty(e)) {
-        const t = y.value[e];
-        (t === void 0 || Array.isArray(t) && t.length === 0) && delete y.value[e];
+      return ((e = c.value) == null ? void 0 : e.Additionals) || {};
+    }), G = f(() => (Object.keys(k.value).forEach((e) => {
+      if (k.value.hasOwnProperty(e)) {
+        const t = k.value[e];
+        (t === void 0 || Array.isArray(t) && t.length === 0) && delete k.value[e];
       }
-    }), Object.keys(y.value))), G = v(() => U.value.length > 0);
-    function k(e) {
-      j.value = e, $.value = !0, console.log("Modal sichtbar:", $.value);
+    }), Object.keys(k.value).filter((e) => e !== "dct:spatial")));
+    function ze(e) {
+      const t = e.split("-");
+      if (t.length !== 3)
+        throw new Error("Ungültiges Format, erwartet YYYY-MM-DD");
+      let [l, d, v] = t;
+      if (v = v.padStart(2, "0"), d = d.padStart(2, "0"), !/^\d{4}$/.test(l) || !/^\d{2}$/.test(d) || !/^\d{2}$/.test(v))
+        throw new Error("Ungültige Datenteile");
+      return `${v}.${d}.${l}`;
+    }
+    const X = f(() => G.value.length > 0);
+    function V(e) {
+      j.value = e, z.value = !0, document.body.style.overflow = "hidden";
     }
-    function ge() {
-      $.value = !1, console.log("Modal unsichtbar:", $.value);
+    function Ee() {
+      document.body.style.overflow = "", z.value = !1;
     }
-    function Y(e) {
-      delete u.value.Additionals[e];
+    function Z(e) {
+      delete c.value.Additionals[e];
     }
-    function be(e, t) {
-      b.value = !0, m.value = {
+    function Le(e, t) {
+      _.value = !0, b.value = {
         button: "Löschen",
         header: `${O(`message.dataupload.additionals.${e}`)} löschen`,
-        text: `Sind Sie sicher, dass Sie das optionale Feld ${O(`message.dataupload.additionals.${e}`)} löschen wollen?`,
+        text: `Sind Sie sicher, dass Sie das optionale Feld ${O(
+          `message.dataupload.additionals.${e}`
+        )} löschen wollen?`,
         action: e
       };
     }
-    const Z = g(!1);
-    return me(() => {
-      Z.value = !0;
-    }), (e, t) => {
-      var d, _, V, x, f, q, J, Q, X, A, ee, te, ae, se, oe, le, ne;
-      const i = ye("formatbubble");
-      return o(), n(S, null, [
-        Z.value && L.value ? (o(), n("div", He, [
-          $.value ? (o(), B(xe, {
+    const q = h(!1);
+    Fe(() => {
+      q.value = !0;
+    });
+    const He = {
+      public: "Öffentlich",
+      restricted: "Eingeschränkt",
+      internal: "Intern"
+    };
+    function Ne(e) {
+      return He[e] || e;
+    }
+    const P = f({
+      get() {
+        var e, t, l;
+        return ((l = (t = (e = c.value.Additionals) == null ? void 0 : e["dct:spatial"]) == null ? void 0 : t.filter((d) => !(d.isValid && Object.keys(d).length === 1))) == null ? void 0 : l.map((d) => d["@id"])) || [];
+      },
+      set(e) {
+        c.value.Additionals || (c.value.Additionals = {}), c.value.Additionals["dct:spatial"] = [
+          ...e.map((t) => ({ "@id": t }))
+        ];
+      }
+    });
+    return (e, t) => {
+      var d, v, m, x, g, J, Q, I, A, ee, te, ae, se, ie, oe, le, ne, re, de, ce, ue, pe, ve, fe, ge, ye, he, _e, be, me;
+      const l = Oe("formatbubble");
+      return i(), r(D, null, [
+        q.value && U.value ? (i(), r("div", et, [
+          z.value ? (i(), w(Xe, {
             key: 0,
-            context: ce.context,
+            context: F.context,
             "active-section": j.value,
-            onClose: ge
-          }, null, 8, ["context", "active-section"])) : p("", !0),
-          (o(), n("div", ze, [
-            a("div", Re, [
-              a("div", Ne, [
-                c(D).edit.fromDraft || c(D).edit.enabled ? (o(), n("div", Pe, [
-                  (o(), B(Be, {
-                    id: (_ = (d = c(u).value) == null ? void 0 : d.BasicInfos) == null ? void 0 : _.datasetID,
-                    key: (x = (V = c(u).value) == null ? void 0 : V.BasicInfos) == null ? void 0 : x.datasetID,
-                    "data-cy": c(u).value,
+            onClose: Ee
+          }, null, 8, ["context", "active-section"])) : u("", !0),
+          (i(), r("div", tt, [
+            a("div", at, [
+              a("div", st, [
+                p(C).edit.fromDraft || p(C).edit.enabled ? (i(), r("div", it, [
+                  (i(), w(qe, {
+                    id: (v = (d = p(c).value) == null ? void 0 : d.BasicInfos) == null ? void 0 : v.datasetID,
+                    key: (x = (m = p(c).value) == null ? void 0 : m.BasicInfos) == null ? void 0 : x.datasetID,
+                    "data-cy": p(c).value,
                     catalogue: "test-catalog",
-                    text: ((q = (f = c(u).value) == null ? void 0 : f.BasicInfos) == null ? void 0 : q.title.de) || ((Q = (J = c(u).value) == null ? void 0 : J.BasicInfos) == null ? void 0 : Q.title.en),
-                    date: I.value,
-                    draft: !c(F),
+                    text: ((J = (g = p(c).value) == null ? void 0 : g.BasicInfos) == null ? void 0 : J.title.de) || ((I = (Q = p(c).value) == null ? void 0 : Q.BasicInfos) == null ? void 0 : I.title.en),
+                    visibility: Ne($.value || "public"),
+                    "visibility-state": $.value,
+                    date: K.value,
+                    draft: !p(Ve),
                     dataset: e.dataset,
                     "from-draft": "true"
-                  }, null, 8, ["id", "data-cy", "text", "date", "draft", "dataset"]))
-                ])) : (o(), n("div", we, [
-                  a("h4", Ee, s(e.$t("message.dataupload.datasets.rap.title")), 1),
-                  a("div", Oe, s(e.$t("message.dataupload.datasets.rap.intro-text")), 1)
+                  }, null, 8, ["id", "data-cy", "text", "visibility", "visibility-state", "date", "draft", "dataset"]))
+                ])) : (i(), r("div", ot, [
+                  a("h4", lt, s(e.$t("message.dataupload.datasets.rap.title")), 1),
+                  a("div", nt, s(e.$t("message.dataupload.datasets.rap.intro-text")), 1)
                 ]))
               ])
             ]),
-            (o(), n("div", Fe, [
-              a("div", Le, [
+            (i(), r("div", rt, [
+              a("div", dt, [
+                t[14] || (t[14] = a("span", null, "Sichtbarkeit", -1)),
+                y(S, {
+                  size: "large",
+                  "icon-start": "pen",
+                  variant: "secondary",
+                  onClick: t[0] || (t[0] = (n) => M.value = !0)
+                })
+              ]),
+              a("div", ct, [
+                t[15] || (t[15] = a("span", {
+                  class: "copy-large-regular",
+                  style: { "margin-bottom": "4px" }
+                }, " Sichtbarkeit des Datensatzes: ", -1)),
+                $.value ? (i(), r("h5", ut, s({
+                  public: "Öffentlich",
+                  restricted: "Eingeschränkt",
+                  internal: "Intern"
+                }[$.value] || $.value), 1)) : (i(), r("span", pt, "–"))
+              ])
+            ])),
+            (i(), r("div", vt, [
+              a("div", ft, [
                 a("span", null, s(e.$t("message.dataupload.datasets.rap.findability.title")), 1),
-                h(C, {
+                y(S, {
                   size: "large",
                   "icon-start": "pen",
                   variant: "secondary",
-                  onClick: t[0] || (t[0] = (l) => k("findabilityHvd"))
+                  onClick: t[1] || (t[1] = (n) => V("findabilityHvd"))
                 })
               ]),
-              a("div", je, [
-                a("span", Ie, s(e.$t("message.dataupload.datasets.rap.findability.categoryHeader")), 1),
-                (o(!0), n(S, null, M(pe.value, (l, r) => (o(), B(Ve, {
-                  key: r,
-                  text: l.label,
-                  data: { "@value": l.value, URI: l.URI },
+              a("div", gt, [
+                a("div", yt, s(e.$t("message.dataupload.datasets.rap.findability.categoryHeader")), 1),
+                (i(!0), r(D, null, B(xe.value, (n, o) => (i(), w(Ke, {
+                  key: o,
+                  text: n.label,
+                  data: { "@value": n.value, URI: n.URI },
                   setup: {
                     "@type": "static",
                     "@inTable": !1,
@@ -213,132 +314,149 @@ const He = { key: 0 }, ze = {
                   }
                 }, null, 8, ["text", "data"]))), 128))
               ]),
-              a("div", Ke, [
-                h(de, {
+              (ee = (A = Y.value) == null ? void 0 : A[0]) != null && ee.label ? (i(), r("div", ht, [
+                y(Ze, {
                   label: "HVD",
                   state: "hvd",
                   size: "page"
                 }),
-                a("h5", We, s(((A = (X = ve.value) == null ? void 0 : X[0]) == null ? void 0 : A.label) || "Kein HVD Datensatz"), 1)
-              ])
+                a("h5", _t, s((ae = (te = Y.value) == null ? void 0 : te[0]) == null ? void 0 : ae.label), 1)
+              ])) : u("", !0)
             ])),
-            (o(), n("div", Ue, [
-              a("div", Ge, [
+            (i(), r("div", bt, [
+              a("div", mt, [
                 a("span", null, s(e.$t("message.dataupload.datasets.rap.essentials.title")), 1),
-                h(C, {
+                y(S, {
                   size: "large",
                   "icon-start": "pen",
                   variant: "secondary",
-                  onClick: t[1] || (t[1] = (l) => k("essentials"))
+                  onClick: t[2] || (t[2] = (n) => V("essentials"))
                 })
               ]),
-              a("div", Ye, [
-                a("h3", Ze, s(fe.value), 1)
+              a("div", St, [
+                a("h3", kt, s(we.value), 1)
               ]),
-              a("div", qe, [
-                a("span", null, s(_e.value), 1)
+              a("div", Dt, [
+                a("span", null, s(Be.value), 1)
               ]),
-              a("div", Je, [
-                a("span", Qe, s(e.$t("message.dataupload.datasets.rap.essentials.modifiedHeader")), 1),
-                a("span", Xe, s(I.value), 1)
+              a("div", Vt, [
+                a("span", Ct, s(e.$t("message.dataupload.datasets.rap.essentials.modifiedHeader")), 1),
+                a("span", $t, s(K.value), 1)
               ]),
-              a("div", Ae, [
-                a("span", et, s(e.$t("message.dataupload.datasets.rap.essentials.publisherHeader")), 1),
-                a("h5", tt, s(T.value["foaf:name"] || ""), 1),
-                a("a", at, s(T.value["foaf:mbox"] || ""), 1),
+              a("div", xt, [
+                a("span", wt, s(e.$t("message.dataupload.datasets.rap.essentials.publisherHeader")), 1),
+                a("h5", Bt, s(T.value["foaf:name"] || ""), 1),
+                a("a", Mt, s(T.value["foaf:mbox"] || ""), 1),
                 a("a", {
                   class: "copy-large-regular",
                   href: T.value["foaf:homepage"] || ""
-                }, s(T.value["foaf:homepage"] || ""), 9, st)
+                }, s(T.value["foaf:homepage"] || ""), 9, Tt)
               ]),
-              a("div", ot, [
-                a("span", lt, s(e.$t("message.dataupload.datasets.rap.essentials.contactHeader")), 1),
-                a("h5", nt, s(z.value["vcard:fn"] || ""), 1),
-                a("a", it, s(z.value["vcard:hasEmail"] || ""), 1),
-                a("span", rt, s(z.value["vcard:hasTelephone"] || ""), 1)
+              a("div", Rt, [
+                a("span", Pt, s(e.$t("message.dataupload.datasets.rap.essentials.contactHeader")), 1),
+                a("h5", zt, s(E.value["vcard:fn"] || ""), 1),
+                a("a", Et, s(E.value["vcard:hasEmail"] || ""), 1),
+                a("span", Lt, s(E.value["vcard:hasTelephone"] || ""), 1)
               ])
             ])),
-            (o(), n(S, { key: 2 }, [
-              K.value || W.value ? (o(), n("div", dt, [
-                a("div", ct, [
+            (i(), r(D, { key: 3 }, [
+              a("div", Ht, [
+                a("div", Nt, [
                   a("span", null, s(e.$t("message.dataupload.datasets.rap.coverage.title")), 1),
-                  h(C, {
+                  y(S, {
                     size: "large",
                     "icon-start": "pen",
                     variant: "secondary",
-                    onClick: t[2] || (t[2] = (l) => k("coverage"))
+                    onClick: t[3] || (t[3] = (n) => V("coverage"))
                   })
                 ]),
-                K.value ? (o(), n("div", ut, [
-                  a("div", pt, [
-                    a("span", vt, s(e.$t("message.dataupload.datasets.rap.coverage.geopolTitle")), 1),
-                    h(E, { "button-text": "löschen" })
-                  ]),
-                  a("div", ft, [
-                    a("h5", _t, s(R.value.label || ""), 1),
-                    h(de, {
-                      label: ((ee = R.value.inVoc) == null ? void 0 : ee.toUpperCase()) || "",
-                      state: "geopolitical",
-                      size: "page"
-                    }, null, 8, ["label"])
-                  ])
-                ])) : p("", !0),
-                W.value ? (o(), n("div", ht, [
-                  a("div", gt, [
-                    a("span", bt, s(e.$t("message.dataupload.datasets.rap.coverage.tempCoverage")), 1),
-                    h(E, { "button-text": "löschen" })
+                a("div", null, [
+                  P.value && ((se = P.value) == null ? void 0 : se.length) > 0 ? (i(), r("div", Ft, [
+                    t[16] || (t[16] = a("div", { class: "copy-large-regular" }, " Räumliche Abdeckung (optional) ", -1)),
+                    a("div", null, [
+                      y(Je, {
+                        modelValue: P.value,
+                        "onUpdate:modelValue": t[4] || (t[4] = (n) => P.value = n),
+                        readonly: ""
+                      }, null, 8, ["modelValue"])
+                    ])
+                  ])) : u("", !0)
+                ]),
+                Te.value ? (i(), r("div", Ot, [
+                  a("div", Ut, [
+                    a("span", jt, s(e.$t("message.dataupload.datasets.rap.coverage.tempCoverage")), 1),
+                    y(De, {
+                      "button-text": "löschen",
+                      onClick: Ce
+                    })
                   ]),
-                  a("div", mt, [
-                    (o(!0), n(S, null, M(N.value["dct:temporal"] || [], (l) => (o(), n("div", yt, [
-                      a("div", St, [
-                        t[10] || (t[10] = w(" von: ", -1)),
+                  a("div", Wt, [
+                    (i(!0), r(D, null, B(R.value["dct:temporal"] || [], (n) => (i(), r("div", Yt, [
+                      a("div", Kt, [
+                        t[17] || (t[17] = H(" Von ", -1)),
                         a("div", null, [
-                          a("span", null, s(new Date(l["dcat:startDate"]).toLocaleDateString(
-                            "de-DE"
+                          a("span", null, s(new Date(n["dcat:startDate"]).toLocaleDateString(
+                            "de-DE",
+                            {
+                              day: "2-digit",
+                              month: "2-digit",
+                              year: "numeric"
+                            }
                           )), 1),
-                          l.startTime != null ? (o(), n("span", kt, s(l.startTime), 1)) : p("", !0)
+                          n.startTime != null ? (i(), r("span", Gt, s(n.startTime), 1)) : u("", !0)
                         ])
                       ]),
-                      a("div", Ct, [
-                        t[11] || (t[11] = w(" bis: ", -1)),
+                      a("div", Xt, [
+                        t[18] || (t[18] = H(" Bis ", -1)),
                         a("div", null, [
-                          a("span", null, s(new Date(l["dcat:endDate"]).toLocaleDateString(
-                            "de-DE"
+                          a("span", null, s(new Date(n["dcat:endDate"]).toLocaleDateString(
+                            "de-DE",
+                            {
+                              day: "2-digit",
+                              month: "2-digit",
+                              year: "numeric"
+                            }
                           )), 1),
-                          l.endTime != null ? (o(), n("span", Dt, s(l.endTime), 1)) : p("", !0)
+                          n.endTime != null ? (i(), r("span", Zt, s(n.endTime), 1)) : u("", !0)
                         ])
                       ])
                     ]))), 256))
                   ])
-                ])) : p("", !0)
-              ])) : p("", !0),
-              a("div", $t, [
-                a("div", Vt, [
+                ])) : u("", !0)
+              ]),
+              a("div", qt, [
+                a("div", Jt, [
                   a("span", null, s(e.$t("message.metadata.distributions")), 1),
-                  h(C, {
+                  y(S, {
                     size: "large",
                     "icon-start": "pen",
                     variant: "secondary",
-                    onClick: t[3] || (t[3] = (l) => k("distributions"))
+                    onClick: t[5] || (t[5] = (n) => V("distributions"))
                   })
                 ]),
-                a("div", xt, [
-                  a("span", Bt, s(e.$t("message.dataupload.steps.dct:license")), 1),
-                  a("h5", Mt, s(c(P)["dcterms:license"] || ((se = (ae = (te = c(u).DistributionSimple) == null ? void 0 : te["dct:license"]) == null ? void 0 : ae[0]) == null ? void 0 : se["dcterms:license"]) || "Keine Lizenz angegeben"), 1)
-                ]),
-                a("div", Tt, [
-                  a("span", Ht, s(e.$t("message.dataupload.steps.dct:publisher")), 1),
-                  a("h5", zt, s(c(P).title || ((ne = (le = (oe = c(u).DistributionSimple) == null ? void 0 : oe["dct:license"]) == null ? void 0 : le[0]) == null ? void 0 : ne.title) || "Kein Titel angegeben"), 1)
+                a("div", Qt, [
+                  a("span", It, s(e.$t("message.dataupload.steps.dct:license")), 1),
+                  a("h5", At, s(p(L)["dcterms:license"] || ((le = (oe = (ie = p(c).DistributionSimple) == null ? void 0 : ie["dct:license"]) == null ? void 0 : oe[0]) == null ? void 0 : le["dcterms:license"]) || "Keine Lizenz angegeben"), 1)
                 ]),
-                a("div", Rt, [
-                  a("span", Nt, s(e.$t("message.dataupload.steps.dcat:distribution")), 1),
-                  (o(!0), n(S, null, M(he.value, (l) => (o(), n("div", Pt, [
-                    a("span", wt, s(l["dct:title"]), 1),
-                    h(i, null, {
-                      default: Se(() => {
-                        var r;
+                Re.value && ((de = (re = (ne = p(c).DistributionSimple) == null ? void 0 : ne["dct:license"]) == null ? void 0 : re[0]) != null && de.title || (ve = (pe = (ue = (ce = p(c)) == null ? void 0 : ce.DistributionSimple) == null ? void 0 : ue["dcat:distribution"]) == null ? void 0 : pe[0]) != null && ve["dcatde:licenseAttributionByText"]) ? (i(), r("div", ea, [
+                  a("span", ta, s(e.$t(
+                    "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
+                  )), 1),
+                  a("h5", aa, s(((ye = (ge = (fe = p(c).DistributionSimple) == null ? void 0 : fe["dct:license"]) == null ? void 0 : ge[0]) == null ? void 0 : ye.title) || ((me = (be = (_e = (he = p(c)) == null ? void 0 : he.DistributionSimple) == null ? void 0 : _e["dcat:distribution"]) == null ? void 0 : be[0]) == null ? void 0 : me["dcatde:licenseAttributionByText"])), 1)
+                ])) : u("", !0),
+                a("div", sa, [
+                  a("span", ia, s(e.$t("message.dataupload.steps.dcat:distribution")), 1),
+                  (i(!0), r(D, null, B(Pe.value, (n) => (i(), r("div", oa, [
+                    a("a", {
+                      class: "copy-large-semi-bold",
+                      href: n["dcat:accessURL"],
+                      target: "_blank"
+                    }, s(n["dct:title"] || n["dcat:accessURL"]), 9, la),
+                    y(l, null, {
+                      default: N(() => {
+                        var o;
                         return [
-                          w(s(((r = l["dct:format"]) == null ? void 0 : r.label) || "Kein Format angegeben"), 1)
+                          H(s(((o = n["dct:format"]) == null ? void 0 : o.label) || "Kein Format angegeben"), 1)
                         ];
                       }),
                       _: 2
@@ -346,77 +464,100 @@ const He = { key: 0 }, ze = {
                   ]))), 256))
                 ])
               ]),
-              G.value ? (o(), n("div", Et, [
-                a("div", Ot, [
+              X.value ? (i(), r("div", na, [
+                a("div", ra, [
                   a("span", null, s(e.$t("message.metadata.additionals")), 1)
                 ]),
-                (o(!0), n(S, null, M(U.value, (l) => (o(), n("div", Ft, [
-                  a("div", Lt, [
-                    a("span", jt, s(e.$t(`message.dataupload.additionals.${l}`)) + " (optional)", 1),
-                    h(E, {
+                (i(!0), r(D, null, B(G.value, (n) => (i(), r("div", da, [
+                  a("div", ca, [
+                    a("span", ua, s(e.$t(`message.dataupload.additionals.${n}`)) + " (optional)", 1),
+                    y(De, {
                       "button-text": "löschen",
-                      onClick: (r) => be(l)
+                      onClick: (o) => Le(n)
                     }, null, 8, ["onClick"])
                   ]),
-                  l === "dcat:temporalResolution" ? (o(), n("div", It, [
-                    a("span", null, s(ue(y.value[l] || [])), 1)
-                  ])) : p("", !0),
-                  l != "dcat:temporalResolution" ? (o(!0), n(S, { key: 1 }, M(y.value[l] || [], (r) => (o(), n("div", {
-                    key: r ? r["@id"] || r["@value"] || r["rdfs:label"] : null
+                  n === "dcat:temporalResolution" ? (i(), r("div", pa, [
+                    a("span", null, s($e(k.value[n] || [])), 1)
+                  ])) : u("", !0),
+                  n != "dcat:temporalResolution" ? (i(!0), r(D, { key: 1 }, B(k.value[n] || [], (o) => (i(), r("div", {
+                    key: o ? o["@id"] || o["@value"] || o["rdfs:label"] : null,
+                    class: "additionalSubPropsWrapper"
                   }, [
-                    r && r["@value"] ? (o(), n("span", Kt, s(r["@value"]), 1)) : p("", !0),
-                    r && r["@id"] ? (o(), n("span", Wt, s(r["@id"]), 1)) : p("", !0),
-                    r && r["rdfs:label"] ? (o(), n("span", Ut, s(r["rdfs:label"]), 1)) : p("", !0),
-                    r && r["foaf:name"] ? (o(), n("span", Gt, s(r["foaf:name"]), 1)) : p("", !0),
-                    r && r["foaf:homepage"] ? (o(), n("span", Yt, s(r["foaf:homepage"]), 1)) : p("", !0),
-                    r && r["foaf:mbox"] ? (o(), n("span", Zt, s(r["foaf:mbox"]), 1)) : p("", !0),
-                    r && r["rdf:type"] ? (o(), n("span", qt, s(r["rdf:type"]), 1)) : p("", !0)
-                  ]))), 128)) : p("", !0)
+                    o && o["rdf:type"] ? (i(), r("span", va, s(o["rdf:type"]), 1)) : u("", !0),
+                    o && o["@type"] === "http://www.w3.org/2001/XMLSchema#date" ? (i(), r("span", fa, s(ze(o["@value"])), 1)) : u("", !0),
+                    o && o["@value"] && o["@type"] !== "http://www.w3.org/2001/XMLSchema#date" ? (i(), r("span", ga, s(o["@value"]), 1)) : u("", !0),
+                    o && o["dct:title"] ? (i(), r("span", ya, s(o["dct:title"]), 1)) : u("", !0),
+                    o && o["dct:description"] ? (i(), r("span", ha, s(o["dct:description"]), 1)) : u("", !0),
+                    o && o["@id"] ? (i(), r("span", _a, s(o["@id"]), 1)) : u("", !0),
+                    o && o["rdfs:label"] ? (i(), r("span", ba, s(o["rdfs:label"]), 1)) : u("", !0),
+                    o && o["foaf:name"] ? (i(), r("span", ma, s(o["foaf:name"]), 1)) : u("", !0),
+                    o && o["foaf:homepage"] ? (i(), r("span", Sa, s(o["foaf:homepage"]), 1)) : u("", !0),
+                    o && o["foaf:mbox"] ? (i(), r("span", ka, s(o["foaf:mbox"]), 1)) : u("", !0)
+                  ]))), 128)) : u("", !0)
                 ]))), 256)),
-                a("div", Jt, [
-                  h(C, {
+                a("div", Da, [
+                  y(S, {
                     "button-text": "Optionale Informationen hinzufügen",
                     size: "large",
                     "icon-start": "plus",
                     variant: "tertiary",
-                    onClick: t[4] || (t[4] = (l) => k("additionals"))
+                    onClick: t[6] || (t[6] = (n) => V("additionals"))
                   })
                 ])
-              ])) : p("", !0),
-              G.value ? p("", !0) : (o(), n("div", Qt, [
-                h(C, {
+              ])) : u("", !0),
+              X.value ? u("", !0) : (i(), r("div", Va, [
+                y(S, {
                   "button-text": "Optionale Informationen hinzufügen",
                   size: "large",
                   "icon-start": "plus",
                   variant: "tertiary",
-                  onClick: t[5] || (t[5] = (l) => k("additionals"))
+                  onClick: t[7] || (t[7] = (n) => V("additionals"))
                 })
               ]))
             ], 64))
           ])),
-          c(b) ? (o(), B(re, {
+          p(_) ? (i(), w(ke, {
             key: 2,
-            buttons: c(m).button,
-            "header-text": c(m).header,
-            text: c(m).text,
-            action: c(m).action,
-            onClose: t[6] || (t[6] = (l) => ie(b) ? b.value = !1 : b = !1),
-            onActionHandling: t[7] || (t[7] = (l) => Y(l))
-          }, null, 8, ["buttons", "header-text", "text", "action"])) : p("", !0)
-        ])) : p("", !0),
-        c(b) ? (o(), B(re, {
+            buttons: p(b).button,
+            "header-text": p(b).header,
+            text: p(b).text,
+            action: p(b).action,
+            onClose: t[8] || (t[8] = (n) => Se(_) ? _.value = !1 : _ = !1),
+            onActionHandling: t[9] || (t[9] = (n) => Z(n))
+          }, null, 8, ["buttons", "header-text", "text", "action"])) : u("", !0),
+          y(Ge, {
+            modelValue: M.value,
+            "onUpdate:modelValue": t[11] || (t[11] = (n) => M.value = n),
+            title: "Sichtbarkeit"
+          }, {
+            footer: N(() => [
+              y(S, {
+                size: "large",
+                variant: "primary",
+                "button-text": "Speichern",
+                style: { "margin-left": "auto" },
+                onClick: t[10] || (t[10] = (n) => M.value = !1)
+              })
+            ]),
+            default: N(() => [
+              y(Qe, { context: F.context }, null, 8, ["context"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])) : u("", !0),
+        p(_) ? (i(), w(ke, {
           key: 1,
-          buttons: c(m).button,
-          "header-text": c(m).header,
-          text: c(m).text,
-          action: c(m).action,
-          onClose: t[8] || (t[8] = (l) => ie(b) ? b.value = !1 : b = !1),
-          onActionHandling: t[9] || (t[9] = (l) => Y(l))
-        }, null, 8, ["buttons", "header-text", "text", "action"])) : p("", !0)
+          buttons: p(b).button,
+          "header-text": p(b).header,
+          text: p(b).text,
+          action: p(b).action,
+          onClose: t[12] || (t[12] = (n) => Se(_) ? _.value = !1 : _ = !1),
+          onActionHandling: t[13] || (t[13] = (n) => Z(n))
+        }, null, 8, ["buttons", "header-text", "text", "action"])) : u("", !0)
       ], 64);
     };
   }
-}, ma = /* @__PURE__ */ Me(Xt, [["__scopeId", "data-v-828deb8b"]]);
+}, qa = /* @__PURE__ */ Ie(Ca, [["__scopeId", "data-v-249d2a2d"]]);
 export {
-  ma as default
+  qa as default
 };