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

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

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