@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.11

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

@@ -0,0 +1,288 @@
+import { computed as B, getCurrentInstance as R, ref as b, unref as f, onMounted as W, watch as A, createElementBlock as d, openBlock as c, createElementVNode as s, createCommentVNode as h, toDisplayString as r, createVNode as u, Fragment as E, renderList as T } from "vue";
+import { PhWarning as v } from "@phosphor-icons/vue";
+import { useEditModeInfo as F } from "../composables/useDpiEditMode.js";
+import w from "../HappyFlowComponents/ui/InputField.vue.js";
+import z from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
+import { useFormValues as M } from "../composables/useDpiFormValues.js";
+/* empty css                 */
+import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = { class: "dpiV3InnerComponentWrap" }, j = { class: "copy-large-regular" }, L = { class: "dpiV3AutoCompleteWrap" }, Z = { class: "CardTips_internal" }, q = { class: "CardTips_Part" }, G = { class: "firstRow" }, H = { class: "icon_title copy-small-semi-bold" }, J = { class: "TextButton_small" }, K = { class: "secondRow" }, Q = { class: "copy-small-regular" }, X = { class: "CardTips_Part" }, Y = { class: "firstRow" }, ee = { class: "icon_title copy-small-semi-bold" }, ae = { class: "TextButton_small" }, te = { class: "secondRow" }, se = { class: "copy-small-regular" }, oe = { class: "input-container" }, le = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, ne = { class: "copy-mini-regular" }, ie = { class: "input-container" }, re = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, de = { class: "copy-mini-regular" }, ce = { class: "input-container" }, ue = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, pe = { class: "copy-mini-regular" }, fe = { class: "copy-large-regular" }, me = {
+  key: 0,
+  class: "form-error-message"
+}, y = "", he = {
+  __name: "ContactPage",
+  props: {
+    context: Object
+  },
+  setup(D) {
+    const { formValues: P } = M(), m = D, { isEditMode: x } = F(), g = B(() => {
+      var e, t;
+      try {
+        const a = (t = (e = P.value.BasicInfos) == null ? void 0 : e["dct:publisher"]) == null ? void 0 : t[0];
+        if (a && a["foaf:name"] && a["foaf:mbox"])
+          return [
+            a["foaf:name"],
+            a["foaf:mbox"]
+          ];
+      } catch (a) {
+        console.warn("Could not load publisher data:", a);
+      }
+      return [
+        "",
+        "",
+        ""
+      ];
+    }), V = B(() => {
+      var t, a;
+      const e = (a = (t = R().appContext.config.globalProperties.$keycloak) == null ? void 0 : t.idTokenParsed) == null ? void 0 : a.contact;
+      if (e) {
+        const i = {
+          organization: e.organization
+        };
+        return e.email && (i.email = e.email), (e.phone || e.phoneNumber) && (i.phone = e.phone || e.phoneNumber), i;
+      }
+      return {};
+    }), o = b({
+      1: {
+        show: !1,
+        message: "Bitte geben Sie einen gültigen Namen ein (mindestens 2 Zeichen)."
+      },
+      2: {
+        show: !1,
+        message: "Bitte geben Sie eine gültige E-Mail-Adresse ein."
+      },
+      3: {
+        show: !1,
+        message: "Bitte geben Sie eine gültige Telefonnummer ein."
+      }
+    });
+    let n = b({ 1: !1, 2: !1, 3: !1 });
+    const l = b([
+      {
+        isValid: "unset",
+        "vcard:fn": "",
+        "vcard:hasEmail": "",
+        "vcard:hasTelephone": ""
+      }
+    ]);
+    x.value || m.context.node.input(l), m.context.node.value.length === 0 && m.context.node.input(f(l)), W(() => {
+      try {
+        y && y["foaf:name"] && y["foaf:mbox"];
+      } catch (e) {
+        console.warn("Could not load publisher data from context:", e);
+      }
+    });
+    function k(e) {
+      return e.trim().length >= 2;
+    }
+    function C(e) {
+      return /^[^\s@]+@[^\s@][^\s.@]*\.[^\s@]+$/.test(e);
+    }
+    function $(e) {
+      if (!e || e.trim() === "")
+        return !0;
+      const t = e.replace(/[\s\-().]/g, "");
+      if (!/^[+]?\d+$/.test(t))
+        return !1;
+      const a = t.replace(/\D/g, "");
+      return a.length >= 6 && a.length <= 15;
+    }
+    function p(e, t, a) {
+      l.value = l.value.map((_) => t in _ ? { ..._, [t]: e } : _);
+      let i = !1;
+      if (a === 3 && e.trim() === "")
+        o.value[a].show = !1, n.value[a] = !0;
+      else if (e.trim() === "")
+        o.value[a].show = !0, n.value[a] = !1;
+      else {
+        switch (t) {
+          case "vcard:fn":
+            i = k(e);
+            break;
+          case "vcard:hasEmail":
+            i = C(e);
+            break;
+          case "vcard:hasTelephone":
+            i = $(e);
+            break;
+          default:
+            i = e.trim() !== "";
+        }
+        o.value[a].show = !i, n.value[a] = i;
+      }
+      n.value[1] && n.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = "unset", console.log(P.value), m.context.node.input(l.value);
+    }
+    function I() {
+      const e = V.value;
+      e.organization && p(e.organization, "vcard:fn", 1), e.email && p(e.email, "vcard:hasEmail", 2);
+    }
+    function N() {
+      p(g.value[0], "vcard:fn", 1), p(g.value[1], "vcard:hasEmail", 2);
+    }
+    const S = () => {
+      const e = l.value[0];
+      if (e["vcard:fn"].trim() === "")
+        o.value[1].show = !0, n.value[1] = !1;
+      else {
+        const t = k(e["vcard:fn"]);
+        o.value[1].show = !t, n.value[1] = t;
+      }
+      if (e["vcard:hasEmail"].trim() === "")
+        o.value[2].show = !0, n.value[2] = !1;
+      else {
+        const t = C(e["vcard:hasEmail"]);
+        o.value[2].show = !t, n.value[2] = t;
+      }
+      if (e["vcard:hasTelephone"].trim() === "")
+        o.value[3].show = !1, n.value[3] = !0;
+      else {
+        const t = $(e["vcard:hasTelephone"]);
+        o.value[3].show = !t, n.value[3] = t;
+      }
+      n.value[1] && n.value[2] ? l.value[0].isValid = !0 : l.value[0].isValid = !1;
+    };
+    return A(() => l.value[0].isValid, (e) => {
+      e === !1 && S();
+    }), (e, t) => (c(), d("div", U, [
+      s("h4", null, r(e.$t("message.dataupload.datasets.dcat:contactPoint.title")), 1),
+      s("div", j, r(e.$t("message.dataupload.datasets.dcat:contactPoint.description")), 1),
+      s("div", L, [
+        s("div", Z, [
+          s("div", q, [
+            s("div", G, [
+              s("div", H, r(e.$t("message.dataupload.datasets.dcat:contactPoint.account")), 1),
+              s("div", J, [
+                u(z, {
+                  "button-text": e.$t(
+                    "message.dataupload.datasets.dcat:contactPoint.useAccountButton"
+                  ),
+                  "icon-start": "DeleteBlue",
+                  "icon-name": "copy",
+                  class: "dpiV3_usedetailsButton",
+                  onClick: I
+                }, null, 8, ["button-text"])
+              ])
+            ]),
+            s("div", K, [
+              (c(!0), d(E, null, T(Object.values(V.value), (a) => (c(), d("span", Q, r(a), 1))), 256))
+            ])
+          ]),
+          s("div", X, [
+            s("div", Y, [
+              s("div", ee, r(e.$t("message.metadata.publisher")), 1),
+              s("div", ae, [
+                u(z, {
+                  "button-text": e.$t(
+                    "message.dataupload.datasets.dcat:contactPoint.usePublisherButton"
+                  ),
+                  "icon-start": "true",
+                  "icon-name": "copy",
+                  class: "",
+                  onClick: N
+                }, null, 8, ["button-text"])
+              ])
+            ]),
+            s("div", te, [
+              (c(!0), d(E, null, T(g.value, (a) => (c(), d("span", se, r(a), 1))), 256))
+            ])
+          ])
+        ])
+      ]),
+      s("div", oe, [
+        u(w, {
+          "model-value": l.value[0]["vcard:fn"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.nameInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.nameInput.title"),
+          "show-end-icon": !1,
+          "show-error": o.value[1].show,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => p(a, "vcard:fn", 1))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        o.value[1].show ? (c(), d("div", le, [
+          u(f(v), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", ne, r(o.value[1].message), 1)
+        ])) : h("", !0)
+      ]),
+      s("div", ie, [
+        u(w, {
+          "model-value": l.value[0]["vcard:hasEmail"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.mailInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.mailInput.title"),
+          "show-end-icon": !1,
+          "show-error": o.value[2].show,
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => p(a, "vcard:hasEmail", 2))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        o.value[2].show ? (c(), d("div", re, [
+          u(f(v), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", de, r(o.value[2].message), 1)
+        ])) : h("", !0)
+      ]),
+      s("div", ce, [
+        u(w, {
+          "model-value": l.value[0]["vcard:hasTelephone"],
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          placeholder: e.$t(
+            "message.dataupload.datasets.dcat:contactPoint.telInput.placeholder"
+          ),
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
+          label: e.$t("message.dataupload.datasets.dcat:contactPoint.telInput.title"),
+          "show-end-icon": !1,
+          "show-error": o.value[3].show,
+          "onUpdate:modelValue": t[2] || (t[2] = (a) => p(a, "vcard:hasTelephone", 3))
+        }, null, 8, ["model-value", "placeholder", "label", "show-error"]),
+        o.value[3].show ? (c(), d("div", ue, [
+          u(f(v), {
+            size: 16,
+            weight: "fill"
+          }),
+          s("span", pe, r(o.value[3].message), 1)
+        ])) : h("", !0)
+      ]),
+      s("div", fe, r(e.$t("message.dataupload.datasets.dcat:contactPoint.descriptionBottom")), 1),
+      l.value.find((a) => a.isValid === !1) ? (c(), d("div", me, [
+        u(f(v), {
+          size: 16,
+          weight: "fill"
+        }),
+        t[3] || (t[3] = s("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+      ])) : h("", !0)
+    ]));
+  }
+}, ke = /* @__PURE__ */ O(he, [["__scopeId", "data-v-05450d9e"]]);
+export {
+  ke as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/CoveringPage.vue.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const r = {};
 function n(c, o) {
   return "Covering Page";

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/DataFetchingComponent.vue.js

@@ -1,6 +1,6 @@
 import { mapActions as o, mapGetters as s } from "vuex";
 import { createElementBlock as i, openBlock as n, createElementVNode as p } from "vue";
-import c from "../../_virtual/_plugin-vue_export-helper.js";
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const u = {
   props: ["id", "property", "catalog"],
   data() {

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

@@ -0,0 +1,60 @@
+import { computed as g, ref as s, getCurrentInstance as h, onMounted as x, createElementBlock as o, openBlock as r, createElementVNode as l, createCommentVNode as y, Fragment as V, renderList as C, unref as d, createBlock as D, createVNode as I } from "vue";
+import k from "../HappyFlowComponents/ui/Chip.vue.js";
+import { getDatasetCategories as E } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { PhWarning as P } from "@phosphor-icons/vue";
+/* empty css                         */
+import z from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import { useDpiContext as U } from "../composables/useDpiContext.js";
+const w = { class: "dpiV3_findabilityWrap" }, B = { class: "dpiV3_findabilityThemesWrap" }, R = {
+  key: 0,
+  class: "dpiV3_errormsgWrapper"
+}, S = {
+  __name: "DiscoverabilityPage",
+  props: {
+    context: Object
+  },
+  setup(u) {
+    const c = U(), f = g(() => {
+      var e;
+      return !!((e = c.value.edit) != null && e.enabled);
+    });
+    let n = s([]), v = h().appContext.app.config.globalProperties.$env, i = s([{ isValid: "unset" }]);
+    s(["this is a secret"]);
+    const p = u;
+    f.value || p.context.node.input(i);
+    const m = async () => {
+      try {
+        n.value = await E(v.api.baseUrl), n.value = n.value.filter((e) => e.id !== "OP_DATPRO"), n.value.sort((e, a) => e.pref_label.de.localeCompare(a.pref_label.de));
+      } catch (e) {
+        console.log(e);
+      }
+    }, _ = (e) => {
+      i.value.find((t) => t.id === e.id) ? i.value = i.value.filter((t) => t.id !== e.id) : i.value.push({ id: e.id, uri: e.resource, label: e.pref_label.de }), i.value.length > 1 ? i.value.find((t) => t.isValid = !0) : i.value.find((t) => t.isValid = !1), p.context.node.input(i);
+    };
+    return x(() => {
+      m();
+    }), (e, a) => (r(), o("div", w, [
+      a[1] || (a[1] = l("h4", { class: "dpiV3_title" }, "Machen Sie Ihren Datensatz leicht auffindbar", -1)),
+      a[2] || (a[2] = l("span", null, "Um sicherzustellen, dass Ihr Datensatz für andere leicht zu finden ist, wählen Sie die relevanten Kategorien aus.", -1)),
+      l("div", B, [
+        (r(!0), o(V, null, C(d(n), (t, b) => (r(), D(k, {
+          key: b,
+          text: t.pref_label.de,
+          data: { "@value": t.value, URI: t.URI },
+          setup: { "@type": "select", "@inTable": !1, "@findability": !0 },
+          onClick: (T) => _(t)
+        }, null, 8, ["text", "data", "onClick"]))), 128))
+      ]),
+      d(i).find((t) => t.isValid === !1) ? (r(), o("div", R, [
+        I(d(P), {
+          size: 16,
+          weight: "fill"
+        }),
+        a[0] || (a[0] = l("span", { class: "copy-mini-regular" }, "Bitte wählen Sie mindestens eine Kategorie aus, bevor Sie fortfahren.", -1))
+      ])) : y("", !0)
+    ]));
+  }
+}, $ = /* @__PURE__ */ z(S, [["__scopeId", "data-v-3535550a"]]);
+export {
+  $ as default
+};

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

@@ -0,0 +1,248 @@
+import { ref as f, watch as N, onMounted as q, getCurrentInstance as x, onUnmounted as O, createElementBlock as z, openBlock as y, createElementVNode as l, createVNode as V, createCommentVNode as T, toDisplayString as o, unref as v, isRef as W, createBlock as U, createTextVNode as k } from "vue";
+import j from "../HappyFlowComponents/ui/InputField.vue.js";
+import H from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import { PhWarning as B, PhLightbulb as R, PhArrowSquareOut as G } from "@phosphor-icons/vue";
+import { getLicenses as J } from "../HappyFlowComponents/services/dpiV3_apis.js";
+import { useEditModeInfo as K } from "../composables/useDpiEditMode.js";
+/* empty css                 */
+import Q from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const X = { class: "dpiV3InnerComponentWrap" }, Y = { class: "copy-large-regular" }, Z = {
+  key: 0,
+  class: "validation-error"
+}, ee = { class: "copy-mini-regular" }, te = { class: "input-container" }, se = {
+  key: 1,
+  class: "dpiV3_errormsgWrapper"
+}, ie = { class: "copy-mini-regular" }, ae = { class: "dpiV3_Content_InputPage" }, le = { class: "dpiV3_Card_Tips" }, ne = { class: "dpiV3_Icon_Title" }, oe = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, de = { class: "dpiV3_CT-Content" }, re = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, ue = { class: "dpiV3_hvd_frame3846" }, ce = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, pe = { class: "dpiV3_normal" }, ve = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, fe = { class: "dpiV3_normal" }, me = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, _e = { class: "dpiV3_normal" }, he = {
+  href: "https://oc.bydata.de/sharing/articles/licenses",
+  target: "_blank",
+  rel: "noopener noreferrer",
+  class: "dpiV3_link"
+}, ge = { class: "end_container" }, Ve = {
+  key: 0,
+  class: "form-error-message"
+}, be = {
+  __name: "DistLicense",
+  props: {
+    context: Object,
+    changeLicenseText: { type: String, default: "" },
+    changeLicenseDropdownText: { type: String, default: "" }
+  },
+  setup(S) {
+    const { isEditMode: D } = K();
+    let I = f(!1), r = f([]), g = f(""), _ = f(null);
+    const u = f(""), L = S;
+    let d = f({ 1: "unset", 2: "unset" });
+    const i = f([
+      { isValid: "unset", "dcterms:license": "", attribution: "", uri: "" }
+    ]), c = f({
+      2: { show: !1, message: "Namensnennungstext ist für diese Lizenz erforderlich" }
+    });
+    D.value || L.context.node.input(i);
+    const $ = (e, t, s) => {
+      w(e, t, s);
+    }, A = (e) => {
+      const t = typeof e == "object" && e.target ? e.target.value : e;
+      _.value && clearTimeout(_.value), E(t, "dcterms:license", 1), _.value = setTimeout(() => {
+        C(t, "dcterms:license", 1);
+      }, 800);
+    }, E = (e, t, s) => {
+      u.value = "";
+      const a = r.value.find((n) => n["@value"] === e);
+      a ? w(e, t, s, a.uri) : e === "" ? (d.value[s] = !1, i.value[0].isValid = "unset", I.value = !1, c.value[2].show = !1, i.value = i.value.map((n) => t in n ? { ...n, [t]: "", uri: "", title: "" } : n), L.context.node.input(i.value)) : (d.value[s] = "unset", i.value[0].isValid = "unset");
+    }, C = (e, t, s) => {
+      if (e === "") {
+        u.value = "";
+        return;
+      }
+      const a = r.value.find((n) => n["@value"] === e);
+      a ? w(e, t, s, a.uri) : (u.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[s] = !1, i.value[0].isValid = "unset");
+    }, M = (e) => {
+      _.value && clearTimeout(_.value);
+      const t = e.target.value;
+      C(t, "dcterms:license", 1);
+    }, P = (e, t, s) => {
+      var a;
+      i.value = i.value.map((n) => t in n ? { ...n, [t]: e } : n);
+      {
+        const n = ((a = i.value[0]) == null ? void 0 : a["dcterms:license"]) || "";
+        if (n !== "" && (n.includes("cc-by") || n.includes("dl-by-de"))) {
+          const m = e && e.trim() !== "";
+          c.value[2].show = !m, d.value[2] = m, d.value[1] === !0 && m ? i.value[0].isValid = !0 : i.value[0].isValid = "unset";
+        } else
+          c.value[2].show = !1, d.value[2] = "unset";
+      }
+      L.context.node.input(i.value);
+    }, w = (e, t, s, a) => {
+      var m;
+      const n = e === "" || r.value.some((p) => p["@value"] === e);
+      let b = f();
+      if (r.value.some((p) => p["@value"] === e) && (b.value = r.value.find(
+        (p) => p["@value"] === e
+      ).label), !n && e !== "")
+        u.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[s] = !1, i.value[0].isValid = "unset";
+      else {
+        u.value = "";
+        const p = e !== "" && (e.includes("cc-by") || e.includes("dl-by-de"));
+        if (I.value = p, e !== "") {
+          d.value[s] = !0;
+          const h = ((m = i.value[0]) == null ? void 0 : m.attribution) || "", F = !p || p && h.trim() !== "";
+          i.value[0].isValid = F ? !0 : "unset", p ? (c.value[2].show = h.trim() === "", d.value[2] = h.trim() !== "") : (c.value[2].show = !1, d.value[2] = "unset");
+        } else
+          d.value[s] = !1, i.value[0].isValid = "unset", c.value[2].show = !1;
+        i.value = i.value.map((h) => t in h ? { ...h, [t]: e, uri: a, title: b } : h);
+      }
+      L.context.node.input(i.value);
+    };
+    return N(g, (e) => {
+      var s;
+      let t = (s = r.value.find(
+        (a) => a["@value"] === e
+      )) == null ? void 0 : s.uri;
+      e !== void 0 && w(e, "dcterms:license", 1, t);
+    }), N(() => i.value[0].isValid, (e) => {
+      var t, s;
+      if (console.log("License validity changed:", e), e === !1) {
+        const a = ((t = i.value[0]) == null ? void 0 : t["dcterms:license"]) || "";
+        a === "" ? u.value = "Bitte wählen Sie eine Lizenz aus." : r.value.find((m) => m["@value"] === a) || (u.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste"), a !== "" && (a.includes("cc-by") || a.includes("dl-by-de")) && (((s = i.value[0]) == null ? void 0 : s.attribution) || "").trim() === "" && (c.value[2].show = !0);
+      }
+    }), q(async () => {
+      const t = x().appContext.app.config.globalProperties.$env;
+      try {
+        const s = await J(t.api.baseUrl);
+        r.value = s.map((a) => ({
+          "@value": a.value,
+          label: a.label,
+          uri: a.uri
+        })), r.value.sort((a, n) => a["@value"].localeCompare(n["@value"])), console.log(r.value);
+      } catch (s) {
+        console.error("Failed to load licenses", s);
+      }
+    }), O(() => {
+      _.value && clearTimeout(_.value);
+    }), (e, t) => (y(), z("div", X, [
+      l("h4", null, o(e.$t("message.dataupload.datasets.dct:license.title")), 1),
+      l("div", Y, o(e.$t("message.dataupload.datasets.dct:license.description")), 1),
+      V(H, {
+        "onUpdate:modelValue": [
+          t[0] || (t[0] = (s) => $(s, "dcterms:license", 1)),
+          t[1] || (t[1] = (s) => W(g) ? g.value = s : g = s)
+        ],
+        onInput: A,
+        onBlur: M,
+        dropdownWidth: "large",
+        type: "inputField",
+        modelValue: v(g),
+        inputFieldProps: {
+          addOnText: !1,
+          initialHintText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          preIcon: !1,
+          label: "Lizenz",
+          dropdown_dpiV3: !0,
+          placeholder: "Lizenz wählen...",
+          inputFieldSize: "large",
+          modelValue: v(g),
+          defaultInput: !0,
+          showError: u.value !== "" || i.value[0].isValid === "unset" && v(d)[1] === !1
+        },
+        data: v(r),
+        onDeleteButtonClicked: e.deleteModifiedField
+      }, null, 8, ["modelValue", "inputFieldProps", "data", "onDeleteButtonClicked"]),
+      u.value ? (y(), z("div", Z, [
+        V(v(B), {
+          size: 16,
+          weight: "fill"
+        }),
+        l("span", ee, o(u.value), 1)
+      ])) : T("", !0),
+      l("div", te, [
+        v(I) ? (y(), U(j, {
+          key: 0,
+          modelValue: i.value[0].attribution,
+          "onUpdate:modelValue": t[2] || (t[2] = (s) => P(s, "attribution")),
+          addOnText: !1,
+          datePicker: !1,
+          infoIcon: !1,
+          placeholder: "Geben Sie den Namensnennungstext für Ihre Lizenz an...",
+          preIcon: !1,
+          inputFieldSize: "large",
+          initialHintText: !1,
+          label: e.$t(
+            "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
+          ),
+          showEndIcon: !1,
+          defaultInput: !0,
+          showError: i.value[0].isValid == !1 && c.value[2].show,
+          onDeleteButtonClicked: e.deleteModifiedField
+        }, null, 8, ["modelValue", "label", "showError", "onDeleteButtonClicked"])) : T("", !0),
+        i.value[0].isValid == !1 && c.value[2].show ? (y(), z("div", se, [
+          V(v(B), {
+            size: 16,
+            weight: "fill"
+          }),
+          l("span", ie, o(c.value[2].message), 1)
+        ])) : T("", !0)
+      ]),
+      l("div", ae, [
+        l("div", le, [
+          l("div", ne, [
+            V(v(R), {
+              size: 32,
+              color: "#009fe3"
+            }),
+            l("div", oe, o(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
+          ]),
+          l("div", de, [
+            l("div", re, o(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
+            l("div", ue, [
+              l("div", ce, [
+                k(o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName1"
+                )) + " ", 1),
+                l("span", pe, o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName1_desc"
+                )), 1)
+              ]),
+              l("div", ve, [
+                k(o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName2"
+                )) + " ", 1),
+                l("span", fe, o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName2_desc"
+                )), 1)
+              ]),
+              l("div", me, [
+                k(o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName3"
+                )) + " ", 1),
+                l("span", _e, o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.licenseName3_desc"
+                )), 1)
+              ]),
+              l("a", he, [
+                V(v(G), { size: 24 }),
+                k(" " + o(e.$t(
+                  "message.dataupload.datasets.dct:license.advices.linkToLicenses"
+                )), 1)
+              ])
+            ])
+          ])
+        ])
+      ]),
+      l("div", ge, [
+        t[4] || (t[4] = l("span", { class: "copy-large-regular" }, " Die Wahl der Lizenz spielt eine wichtige Rolle für den korrekten Umgang mit Ihrem Datensatz. ", -1)),
+        i.value.find((s) => s.isValid === !1) ? (y(), z("div", Ve, [
+          V(v(B), {
+            size: 16,
+            weight: "fill"
+          }),
+          t[3] || (t[3] = l("span", { class: "copy-mini-regular" }, "Bitte füllen Sie alle Pflichtfelder aus, bevor Sie fortfahren.", -1))
+        ])) : T("", !0)
+      ])
+    ]));
+  }
+}, Ce = /* @__PURE__ */ Q(be, [["__scopeId", "data-v-20f46dd6"]]);
+export {
+  Ce as default
+};