@piveau/dpi 0.2.0-alpha.47 → 0.2.0-alpha.49

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

@@ -1,19 +1,19 @@
-import { ref as v, computed as R, watch as C, onMounted as G, getCurrentInstance as J, onUnmounted as K, createElementBlock as k, openBlock as y, createElementVNode as a, createVNode as h, createCommentVNode as T, toDisplayString as r, unref as o, isRef as D, createBlock as Q, createTextVNode as B } from "vue";
-import { PhWarning as I, PhLightbulb as X, PhArrowSquareOut as Y } from "@phosphor-icons/vue";
+import { ref as p, computed as R, watch as C, onMounted as G, getCurrentInstance as J, onUnmounted as K, createElementBlock as k, openBlock as y, createElementVNode as a, createVNode as h, createCommentVNode as T, toDisplayString as u, unref as o, isRef as D, createBlock as Q, createTextVNode as S } from "vue";
+import { PhWarning as A, PhLightbulb as X, PhArrowSquareOut as Y } from "@phosphor-icons/vue";
 import { useEditModeInfo as Z } from "../composables/useDpiEditMode.js";
 import { useFormValues as ee } from "../composables/useDpiFormValues.js";
 import { getLicenses as te } from "../HappyFlowComponents/services/dpiV3_apis.js";
-import F from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import le from "../HappyFlowComponents/ui/InputField.vue.js";
+import x from "../HappyFlowComponents/ui/Dropdown.vue.js";
+import ie from "../HappyFlowComponents/ui/InputField.vue.js";
 /* empty css                 */
 import se from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regular" }, ne = {
+const le = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regular" }, ne = {
   key: 0,
   class: "info-message"
 }, oe = {
   key: 1,
   class: "validation-error"
-}, de = { class: "copy-mini-regular" }, re = { class: "input-container" }, ue = {
+}, de = { class: "copy-mini-regular" }, ue = { class: "input-container" }, re = {
   key: 1,
   class: "dpiV3_errormsgWrapper"
 }, ce = { class: "copy-mini-regular" }, pe = { class: "dpiV3_Content_InputPage" }, ve = { class: "dpiV3_Card_Tips" }, fe = { class: "dpiV3_Icon_Title" }, me = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, ge = { class: "dpiV3_CT-Content" }, he = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, _e = { class: "dpiV3_hvd_frame3846" }, be = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Ve = { class: "dpiV3_normal" }, ye = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, ze = { class: "dpiV3_normal" }, we = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Le = { class: "dpiV3_normal" }, ke = {
@@ -24,17 +24,17 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
 }, Te = { class: "end_container" }, Ne = {
   key: 0,
   class: "form-error-message"
-}, Ae = {
+}, Be = {
   __name: "DistLicense",
   props: {
     context: Object,
     changeLicenseText: { type: String, default: "" },
     changeLicenseDropdownText: { type: String, default: "" }
   },
-  setup(M) {
-    const z = M, { isEditMode: $ } = Z(), { formValues: Be } = ee();
-    let N = v(!1), w = v([]), _ = v(""), b = v(null), u = v("");
-    const c = v(""), x = {
+  setup(F) {
+    const z = F, { isEditMode: M } = Z(), { formValues: Se } = ee();
+    let N = p(!1), w = p([]), _ = p(""), b = p(null), r = p("");
+    const c = p(""), $ = {
       "freie Nutzung": [
         "dl-zero-de/2.0",
         "dl-by-de/2.0",
@@ -46,6 +46,7 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
         "cc-by-sa",
         "cc-by-sa-de/3.0",
         "cc-by-sa/4.0",
+        "cc-by-nc-de/3.0",
         "ccpdm/1.0",
         "cc-zero",
         "dl-by-de/1.0",
@@ -75,132 +76,132 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
         "other-commercial",
         "other-freeware"
       ]
-    }, E = v([
+    }, E = p([
       { "@value": "freie Nutzung", label: "freie Nutzung" },
       { "@value": "eingeschränkte Nutzung", label: "eingeschränkte Nutzung" }
     ]);
-    let d = v({ 1: "unset", 2: "unset" });
-    const s = v([
+    let d = p({ 1: "unset", 2: "unset" });
+    const s = p([
       { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
-    ]), p = v({
+    ]), v = p({
       2: {
         show: !1,
-        message: "Namensnennungstext ist für diese Lizenz erforderlich"
+        message: "Bitte geben Sie einen Namensnennungstext für diese Lizenz ein."
       }
     });
-    $.value || z.context.node.input(s);
+    M.value || z.context.node.input(s);
     const m = R(() => {
-      if (!u.value)
+      if (!r.value)
         return [];
-      const e = x[u.value] || [];
-      console.log("Selected license type:", u.value), console.log("Allowed licenses for this type:", e), console.log("All available license options:", w.value.map((l) => l["@value"]));
+      const e = $[r.value] || [];
+      console.log("Selected license type:", r.value), console.log("Allowed licenses for this type:", e), console.log("All available license options:", w.value.map((i) => i["@value"]));
       const t = w.value.filter(
-        (l) => e.includes(l["@value"])
+        (i) => e.includes(i["@value"])
       );
-      return console.log("Filtered licenses:", t.map((l) => l["@value"])), t;
+      return console.log("Filtered licenses:", t.map((i) => i["@value"])), t;
     });
     function O(e) {
-      u.value = e, _.value = "", c.value = "", N.value = !1, d.value[1] = "unset", d.value[2] = "unset", s.value[0].isValid = "unset", p.value[2].show = !1, s.value = s.value.map((t) => ({ ...t, "dcterms:license": "", uri: "", title: "", attribution: "" })), z.context.node.input(s.value);
+      r.value = e, _.value = "", c.value = "", N.value = !1, d.value[1] = "unset", d.value[2] = "unset", s.value[0].isValid = "unset", v.value[2].show = !1, s.value = s.value.map((t) => ({ ...t, "dcterms:license": "", uri: "", title: "", attribution: "" })), z.context.node.input(s.value);
     }
-    function P(e, t, l) {
-      A(e, t, l);
+    function P(e, t, i) {
+      B(e, t, i);
     }
     function q(e) {
       const t = typeof e == "object" && e.target ? e.target.value : e;
       b.value && clearTimeout(b.value), U(t, "dcterms:license", 1), b.value = setTimeout(() => {
-        S(t, "dcterms:license", 1);
+        I(t, "dcterms:license", 1);
       }, 800);
     }
-    function U(e, t, l) {
+    function U(e, t, i) {
       c.value = "";
-      const i = m.value.find((n) => n["@value"] === e);
-      i ? A(e, t, l, i.uri) : e === "" ? (d.value[l] = !1, s.value[0].isValid = "unset", N.value = !1, p.value[2].show = !1, s.value = s.value.map((n) => t in n ? { ...n, [t]: "", uri: "", title: "" } : n), z.context.node.input(s.value)) : (d.value[l] = "unset", s.value[0].isValid = "unset");
+      const l = m.value.find((n) => n["@value"] === e);
+      l ? B(e, t, i, l.uri) : e === "" ? (d.value[i] = !1, s.value[0].isValid = "unset", N.value = !1, v.value[2].show = !1, s.value = s.value.map((n) => t in n ? { ...n, [t]: "", uri: "", title: "" } : n), z.context.node.input(s.value)) : (d.value[i] = "unset", s.value[0].isValid = "unset");
     }
-    function S(e, t, l) {
+    function I(e, t, i) {
       if (e === "") {
         c.value = "";
         return;
       }
-      const i = m.value.find((n) => n["@value"] === e);
-      i ? A(e, t, l, i.uri) : (c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[l] = !1, s.value[0].isValid = "unset");
+      const l = m.value.find((n) => n["@value"] === e);
+      l ? B(e, t, i, l.uri) : (c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[i] = !1, s.value[0].isValid = "unset");
     }
     function W(e) {
       b.value && clearTimeout(b.value);
       const t = e.target.value;
-      S(t, "dcterms:license", 1);
+      I(t, "dcterms:license", 1);
     }
-    function j(e, t, l) {
-      var i;
+    function j(e, t, i) {
+      var l;
       s.value = s.value.map((n) => t in n ? { ...n, [t]: e } : n);
       {
-        const n = ((i = s.value[0]) == null ? void 0 : i["dcterms:license"]) || "";
+        const n = ((l = s.value[0]) == null ? void 0 : l["dcterms:license"]) || "";
         if (n !== "" && (n.includes("cc-by") || n.includes("dl-by-de"))) {
           const g = e && e.trim() !== "";
-          p.value[2].show = !g, d.value[2] = g, d.value[1] === !0 && g ? s.value[0].isValid = !0 : s.value[0].isValid = "unset";
+          v.value[2].show = !g, d.value[2] = g, d.value[1] === !0 && g ? s.value[0].isValid = !0 : s.value[0].isValid = "unset";
         } else
-          p.value[2].show = !1, d.value[2] = "unset";
+          v.value[2].show = !1, d.value[2] = "unset";
       }
       z.context.node.input(s.value);
     }
-    function A(e, t, l, i) {
+    function B(e, t, i, l) {
       var g;
       const n = e === "" || m.value.some((f) => f["@value"] === e);
-      let L = v();
+      let L = p();
       if (m.value.some((f) => f["@value"] === e) && (L.value = m.value.find(
         (f) => f["@value"] === e
       ).label), !n && e !== "")
-        c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[l] = !1, s.value[0].isValid = "unset";
+        c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste", d.value[i] = !1, s.value[0].isValid = "unset";
       else {
         c.value = "";
         const f = e !== "" && (e.includes("cc-by") || e.includes("dl-by-de"));
         if (N.value = f, e !== "") {
-          d.value[l] = !0;
+          d.value[i] = !0;
           const V = ((g = s.value[0]) == null ? void 0 : g.title) || "", H = !f || f && V.trim() !== "";
-          s.value[0].isValid = H ? !0 : "unset", f ? (p.value[2].show = V.trim() === "", d.value[2] = V.trim() !== "") : (p.value[2].show = !1, d.value[2] = "unset");
+          s.value[0].isValid = H ? !0 : "unset", f ? (v.value[2].show = V.trim() === "", d.value[2] = V.trim() !== "") : (v.value[2].show = !1, d.value[2] = "unset");
         } else
-          d.value[l] = !1, s.value[0].isValid = "unset", p.value[2].show = !1;
-        s.value = s.value.map((V) => t in V ? { ...V, [t]: e, uri: i, title: L } : V);
+          d.value[i] = !1, s.value[0].isValid = "unset", v.value[2].show = !1;
+        s.value = s.value.map((V) => t in V ? { ...V, [t]: e, uri: l, title: L } : V);
       }
       z.context.node.input(s.value);
     }
     return C(_, (e) => {
-      var l;
-      let t = (l = m.value.find(
-        (i) => i["@value"] === e
-      )) == null ? void 0 : l.uri;
-      e !== void 0 && A(e, "dcterms:license", 1, t);
+      var i;
+      let t = (i = m.value.find(
+        (l) => l["@value"] === e
+      )) == null ? void 0 : i.uri;
+      e !== void 0 && B(e, "dcterms:license", 1, t);
     }), C(
       () => s.value[0].isValid,
       (e) => {
-        var t, l;
+        var t, i;
         if (e === !1) {
-          const i = ((t = s.value[0]) == null ? void 0 : t["dcterms:license"]) || "";
-          i === "" ? c.value = "Bitte wählen Sie eine Lizenz aus." : w.value.find(
-            (g) => g["@value"] === i
-          ) || (c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste"), i !== "" && (i.includes("cc-by") || i.includes("dl-by-de")) && (((l = s.value[0]) == null ? void 0 : l.title) || "").trim() === "" && (p.value[2].show = !0);
+          const l = ((t = s.value[0]) == null ? void 0 : t["dcterms:license"]) || "";
+          l === "" ? c.value = "Bitte wählen Sie eine Lizenz aus." : w.value.find(
+            (g) => g["@value"] === l
+          ) || (c.value = "Bitte wählen Sie eine gültige Lizenz aus der Liste"), l !== "" && (l.includes("cc-by") || l.includes("dl-by-de")) && (((i = s.value[0]) == null ? void 0 : i.title) || "").trim() === "" && (v.value[2].show = !0);
         }
       }
     ), G(async () => {
       const t = J().appContext.app.config.globalProperties.$env;
       try {
-        const l = await te(t.api.baseUrl);
-        w.value = l.map((i) => ({
-          "@value": i.value,
-          label: i.label,
-          uri: i.uri
-        })), w.value.sort((i, n) => i["@value"].localeCompare(n["@value"]));
-      } catch (l) {
-        console.error("Failed to load licenses", l);
+        const i = await te(t.api.baseUrl);
+        w.value = i.map((l) => ({
+          "@value": l.value,
+          label: l.label,
+          uri: l.uri
+        })), w.value.sort((l, n) => l["@value"].localeCompare(n["@value"]));
+      } catch (i) {
+        console.error("Failed to load licenses", i);
       }
     }), K(() => {
       b.value && clearTimeout(b.value);
-    }), (e, t) => (y(), k("div", ie, [
-      a("h4", null, r(e.$t("message.dataupload.datasets.dct:license.title")), 1),
-      a("div", ae, r(e.$t("message.dataupload.datasets.dct:license.description")), 1),
-      h(F, {
-        modelValue: o(u),
+    }), (e, t) => (y(), k("div", le, [
+      a("h4", null, u(e.$t("message.dataupload.datasets.dct:license.title")), 1),
+      a("div", ae, u(e.$t("message.dataupload.datasets.dct:license.description")), 1),
+      h(x, {
+        modelValue: o(r),
         "onUpdate:modelValue": [
-          t[0] || (t[0] = (l) => D(u) ? u.value = l : u = l),
+          t[0] || (t[0] = (i) => D(r) ? r.value = i : r = i),
           O
         ],
         "dropdown-width": "large",
@@ -215,17 +216,17 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
           dropdown_dpiV3: !0,
           placeholder: "Art der Lizenz wählen...",
           inputFieldSize: "large",
-          modelValue: o(u),
+          modelValue: o(r),
           defaultInput: !0,
           showError: !1
         },
         data: E.value
       }, null, 8, ["modelValue", "input-field-props", "data"]),
-      h(F, {
+      h(x, {
         modelValue: o(_),
         "onUpdate:modelValue": [
-          t[1] || (t[1] = (l) => D(_) ? _.value = l : _ = l),
-          t[2] || (t[2] = (l) => P(l, "dcterms:license", 1))
+          t[1] || (t[1] = (i) => D(_) ? _.value = i : _ = i),
+          t[2] || (t[2] = (i) => P(i, "dcterms:license", 1))
         ],
         "dropdown-width": "large",
         type: "inputField",
@@ -237,20 +238,21 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
           preIcon: !1,
           label: "Lizenz",
           dropdown_dpiV3: !0,
-          placeholder: o(u) ? "Lizenz wählen..." : "Bitte wählen Sie zuerst eine Art der Lizenz",
+          placeholder: o(r) ? "Lizenz wählen..." : "Bitte wählen Sie zuerst eine Art der Lizenz...",
           inputFieldSize: "large",
           modelValue: o(_),
           defaultInput: !0,
           showError: c.value !== "" || s.value[0].isValid === "unset" && o(d)[1] === !1,
-          disabled: !o(u)
+          disabled: !o(r)
         },
+        helperText: "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
         data: m.value,
         onInput: q,
         onBlur: W,
         onDeleteButtonClicked: e.deleteModifiedField
       }, null, 8, ["modelValue", "input-field-props", "data", "onDeleteButtonClicked"]),
-      o(u) && m.value.length === 0 ? (y(), k("div", ne, [
-        h(o(I), {
+      o(r) && m.value.length === 0 ? (y(), k("div", ne, [
+        h(o(A), {
           size: 16,
           weight: "fill",
           color: "#e67700"
@@ -258,14 +260,14 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
         t[4] || (t[4] = a("span", { class: "copy-mini-regular" }, "Für diese Lizenzkategorie sind derzeit keine Lizenzen verfügbar.", -1))
       ])) : T("", !0),
       c.value ? (y(), k("div", oe, [
-        h(o(I), {
+        h(o(A), {
           size: 16,
           weight: "fill"
         }),
-        a("span", de, r(c.value), 1)
+        a("span", de, u(c.value), 1)
       ])) : T("", !0),
-      a("div", re, [
-        o(N) ? (y(), Q(le, {
+      a("div", ue, [
+        o(N) ? (y(), Q(ie, {
           key: 0,
           "model-value": s.value[0].title,
           "add-on-text": !1,
@@ -274,22 +276,22 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
           placeholder: "Geben Sie den Namensnennungstext für Ihre Lizenz an...",
           "pre-icon": !1,
           "input-field-size": "large",
-          "initial-hint-text": !1,
+          "initial-hint-text": !0,
           label: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
           ),
           "show-end-icon": !1,
-          "onUpdate:modelValue": t[3] || (t[3] = (l) => j(l, "title")),
           "default-input": !0,
-          "show-error": s.value[0].isValid == !1 && p.value[2].show,
+          "supporting-hint-message": "Dieser Namensnennungstext stellt sicher, dass die Lizenzbedingungen eingehalten werden.",
+          "onUpdate:modelValue": t[3] || (t[3] = (i) => j(i, "title")),
           onDeleteButtonClicked: e.deleteModifiedField
-        }, null, 8, ["model-value", "label", "show-error", "onDeleteButtonClicked"])) : T("", !0),
-        s.value[0].isValid == !1 && p.value[2].show ? (y(), k("div", ue, [
-          h(o(I), {
+        }, null, 8, ["model-value", "label", "onDeleteButtonClicked"])) : T("", !0),
+        s.value[0].isValid === !1 && v.value[2].show ? (y(), k("div", re, [
+          h(o(A), {
             size: 16,
             weight: "fill"
           }),
-          a("span", ce, r(p.value[2].message), 1)
+          a("span", ce, u(v.value[2].message), 1)
         ])) : T("", !0)
       ]),
       a("div", pe, [
@@ -299,38 +301,38 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
               size: 32,
               color: "#009fe3"
             }),
-            a("div", me, r(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
+            a("div", me, u(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
           ]),
           a("div", ge, [
-            a("div", he, r(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
+            a("div", he, u(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
             a("div", _e, [
               a("div", be, [
-                B(r(e.$t(
+                S(u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName1"
                 )) + " ", 1),
-                a("span", Ve, r(e.$t(
+                a("span", Ve, u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName1_desc"
                 )), 1)
               ]),
               a("div", ye, [
-                B(r(e.$t(
+                S(u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName2"
                 )) + " ", 1),
-                a("span", ze, r(e.$t(
+                a("span", ze, u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName2_desc"
                 )), 1)
               ]),
               a("div", we, [
-                B(r(e.$t(
+                S(u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName3"
                 )) + " ", 1),
-                a("span", Le, r(e.$t(
+                a("span", Le, u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName3_desc"
                 )), 1)
               ]),
               a("a", ke, [
                 h(o(Y), { size: 24 }),
-                B(" " + r(e.$t(
+                S(" " + u(e.$t(
                   "message.dataupload.datasets.dct:license.advices.linkToLicenses"
                 )), 1)
               ])
@@ -340,8 +342,8 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
       ]),
       a("div", Te, [
         t[6] || (t[6] = a("span", { class: "copy-large-regular" }, " Die Wahl der Lizenz spielt eine wichtige Rolle für den korrekten Umgang mit Ihrem Datensatz. ", -1)),
-        s.value.find((l) => l.isValid === !1) ? (y(), k("div", Ne, [
-          h(o(I), {
+        s.value.find((i) => i.isValid === !1) ? (y(), k("div", Ne, [
+          h(o(A), {
             size: 16,
             weight: "fill"
           }),
@@ -350,7 +352,7 @@ const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regul
       ])
     ]));
   }
-}, Oe = /* @__PURE__ */ se(Ae, [["__scopeId", "data-v-54de8039"]]);
+}, Oe = /* @__PURE__ */ se(Be, [["__scopeId", "data-v-787cd707"]]);
 export {
   Oe as default
 };