@piveau/dpi 0.2.0-alpha.19 → 0.2.0-alpha.20

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

@@ -1,39 +1,40 @@
-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 F, createBlock as Q, createTextVNode as S } from "vue";
-import X from "../HappyFlowComponents/ui/InputField.vue.js";
-import P from "../HappyFlowComponents/ui/Dropdown.vue.js";
-import { PhWarning as A, PhLightbulb as Y, PhArrowSquareOut as Z } from "@phosphor-icons/vue";
-import { getLicenses as ee } from "../HappyFlowComponents/services/dpiV3_apis.js";
-import { useEditModeInfo as te } from "../composables/useDpiEditMode.js";
+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 { 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";
 /* empty css                 */
-import le from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regular" }, ae = {
+import se from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const ie = { class: "dpiV3InnerComponentWrap" }, ae = { class: "copy-large-regular" }, ne = {
   key: 0,
   class: "info-message"
-}, ne = {
+}, oe = {
   key: 1,
   class: "validation-error"
-}, oe = { class: "copy-mini-regular" }, de = { class: "input-container" }, re = {
+}, de = { class: "copy-mini-regular" }, re = { class: "input-container" }, ue = {
   key: 1,
   class: "dpiV3_errormsgWrapper"
-}, ue = { class: "copy-mini-regular" }, ce = { class: "dpiV3_Content_InputPage" }, pe = { class: "dpiV3_Card_Tips" }, ve = { class: "dpiV3_Icon_Title" }, fe = { class: "dpiV3_Info-Text dpiV3_activeStepName" }, me = { class: "dpiV3_CT-Content" }, ge = { class: "dpiV3_copy_large_regular dpiV3_hvd_frame3846" }, he = { class: "dpiV3_hvd_frame3846" }, _e = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, be = { class: "dpiV3_normal" }, Ve = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, ye = { class: "dpiV3_normal" }, ze = { class: "dpiV3_dots dpiV3_copy_large_semi_bold" }, Le = { class: "dpiV3_normal" }, we = {
+}, 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 = {
   href: "https://oc.bydata.de/sharing/articles/licenses",
   target: "_blank",
   rel: "noopener noreferrer",
   class: "dpiV3_link"
-}, ke = { class: "end_container" }, Te = {
+}, Te = { class: "end_container" }, Ne = {
   key: 0,
   class: "form-error-message"
-}, Ne = {
+}, Ae = {
   __name: "DistLicense",
   props: {
     context: Object,
     changeLicenseText: { type: String, default: "" },
     changeLicenseDropdownText: { type: String, default: "" }
   },
-  setup(D) {
-    const { isEditMode: E } = te();
-    let N = v(!1), z = v([]), _ = v(""), b = v(null), u = v("");
-    const c = v(""), L = D, M = {
+  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 = {
       "freie Nutzung": [
         "dl-zero-de/2.0",
         "dl-by-de/2.0",
@@ -74,51 +75,61 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
         "other-commercial",
         "other-freeware"
       ]
-    }, $ = v([
+    }, E = v([
       { "@value": "freie Nutzung", label: "freie Nutzung" },
       { "@value": "eingeschränkte Nutzung", label: "eingeschränkte Nutzung" }
     ]);
     let d = v({ 1: "unset", 2: "unset" });
     const s = v([
-      { isValid: "unset", "dcterms:license": "", attribution: "", uri: "" }
+      { isValid: "unset", "dcterms:license": "", title: "", uri: "" }
     ]), p = v({
-      2: { show: !1, message: "Namensnennungstext ist für diese Lizenz erforderlich" }
+      2: {
+        show: !1,
+        message: "Namensnennungstext ist für diese Lizenz erforderlich"
+      }
     });
-    E.value || L.context.node.input(s);
+    $.value || z.context.node.input(s);
     const m = R(() => {
       if (!u.value)
         return [];
-      const e = M[u.value] || [];
-      console.log("Selected license type:", u.value), console.log("Allowed licenses for this type:", e), console.log("All available license options:", z.value.map((l) => l["@value"]));
-      const t = z.value.filter(
+      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 t = w.value.filter(
         (l) => e.includes(l["@value"])
       );
       return console.log("Filtered licenses:", t.map((l) => l["@value"])), t;
-    }), x = (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: "" })), L.context.node.input(s.value);
-    }, O = (e, t, l) => {
-      I(e, t, l);
-    }, W = (e) => {
+    });
+    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);
+    }
+    function P(e, t, l) {
+      A(e, t, l);
+    }
+    function q(e) {
       const t = typeof e == "object" && e.target ? e.target.value : e;
-      b.value && clearTimeout(b.value), q(t, "dcterms:license", 1), b.value = setTimeout(() => {
-        B(t, "dcterms:license", 1);
+      b.value && clearTimeout(b.value), U(t, "dcterms:license", 1), b.value = setTimeout(() => {
+        S(t, "dcterms:license", 1);
       }, 800);
-    }, q = (e, t, l) => {
+    }
+    function U(e, t, l) {
       c.value = "";
       const i = m.value.find((n) => n["@value"] === e);
-      i ? I(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), L.context.node.input(s.value)) : (d.value[l] = "unset", s.value[0].isValid = "unset");
-    }, B = (e, t, l) => {
+      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");
+    }
+    function S(e, t, l) {
       if (e === "") {
         c.value = "";
         return;
       }
       const i = m.value.find((n) => n["@value"] === e);
-      i ? I(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");
-    }, U = (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");
+    }
+    function W(e) {
       b.value && clearTimeout(b.value);
       const t = e.target.value;
-      B(t, "dcterms:license", 1);
-    }, H = (e, t, l) => {
+      S(t, "dcterms:license", 1);
+    }
+    function j(e, t, l) {
       var i;
       s.value = s.value.map((n) => t in n ? { ...n, [t]: e } : n);
       {
@@ -129,12 +140,13 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
         } else
           p.value[2].show = !1, d.value[2] = "unset";
       }
-      L.context.node.input(s.value);
-    }, I = (e, t, l, i) => {
+      z.context.node.input(s.value);
+    }
+    function A(e, t, l, i) {
       var g;
       const n = e === "" || m.value.some((f) => f["@value"] === e);
-      let w = v();
-      if (m.value.some((f) => f["@value"] === e) && (w.value = m.value.find(
+      let L = v();
+      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";
@@ -143,52 +155,57 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
         const f = e !== "" && (e.includes("cc-by") || e.includes("dl-by-de"));
         if (N.value = f, e !== "") {
           d.value[l] = !0;
-          const V = ((g = s.value[0]) == null ? void 0 : g.attribution) || "", j = !f || f && V.trim() !== "";
-          s.value[0].isValid = j ? !0 : "unset", f ? (p.value[2].show = V.trim() === "", d.value[2] = V.trim() !== "") : (p.value[2].show = !1, d.value[2] = "unset");
+          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");
         } 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: w } : V);
+        s.value = s.value.map((V) => t in V ? { ...V, [t]: e, uri: i, title: L } : V);
       }
-      L.context.node.input(s.value);
-    };
+      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 && I(e, "dcterms:license", 1, t);
-    }), C(() => s.value[0].isValid, (e) => {
-      var t, l;
-      if (console.log("License validity changed:", e), e === !1) {
-        const i = ((t = s.value[0]) == null ? void 0 : t["dcterms:license"]) || "";
-        i === "" ? c.value = "Bitte wählen Sie eine Lizenz aus." : m.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.attribution) || "").trim() === "" && (p.value[2].show = !0);
+      e !== void 0 && A(e, "dcterms:license", 1, t);
+    }), C(
+      () => s.value[0].isValid,
+      (e) => {
+        var t, l;
+        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);
+        }
       }
-    }), G(async () => {
+    ), G(async () => {
       const t = J().appContext.app.config.globalProperties.$env;
       try {
-        const l = await ee(t.api.baseUrl);
-        z.value = l.map((i) => ({
+        const l = await te(t.api.baseUrl);
+        w.value = l.map((i) => ({
           "@value": i.value,
           label: i.label,
           uri: i.uri
-        })), z.value.sort((i, n) => i["@value"].localeCompare(n["@value"])), console.log(z.value);
+        })), w.value.sort((i, n) => i["@value"].localeCompare(n["@value"]));
       } catch (l) {
         console.error("Failed to load licenses", l);
       }
     }), K(() => {
       b.value && clearTimeout(b.value);
-    }), (e, t) => (y(), k("div", se, [
+    }), (e, t) => (y(), k("div", ie, [
       a("h4", null, r(e.$t("message.dataupload.datasets.dct:license.title")), 1),
-      a("div", ie, r(e.$t("message.dataupload.datasets.dct:license.description")), 1),
-      h(P, {
+      a("div", ae, r(e.$t("message.dataupload.datasets.dct:license.description")), 1),
+      h(F, {
+        modelValue: o(u),
         "onUpdate:modelValue": [
-          x,
-          t[0] || (t[0] = (l) => F(u) ? u.value = l : u = l)
+          t[0] || (t[0] = (l) => D(u) ? u.value = l : u = l),
+          O
         ],
-        dropdownWidth: "large",
+        "dropdown-width": "large",
         type: "inputField",
-        modelValue: o(u),
-        inputFieldProps: {
+        "input-field-props": {
           addOnText: !1,
           initialHintText: !1,
           datePicker: !1,
@@ -202,19 +219,17 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
           defaultInput: !0,
           showError: !1
         },
-        data: $.value
-      }, null, 8, ["modelValue", "inputFieldProps", "data"]),
-      h(P, {
+        data: E.value
+      }, null, 8, ["modelValue", "input-field-props", "data"]),
+      h(F, {
+        modelValue: o(_),
         "onUpdate:modelValue": [
-          t[1] || (t[1] = (l) => O(l, "dcterms:license", 1)),
-          t[2] || (t[2] = (l) => F(_) ? _.value = l : _ = l)
+          t[1] || (t[1] = (l) => D(_) ? _.value = l : _ = l),
+          t[2] || (t[2] = (l) => P(l, "dcterms:license", 1))
         ],
-        onInput: W,
-        onBlur: U,
-        dropdownWidth: "large",
+        "dropdown-width": "large",
         type: "inputField",
-        modelValue: o(_),
-        inputFieldProps: {
+        "input-field-props": {
           addOnText: !1,
           initialHintText: !1,
           datePicker: !1,
@@ -230,90 +245,92 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
           disabled: !o(u)
         },
         data: m.value,
+        onInput: q,
+        onBlur: W,
         onDeleteButtonClicked: e.deleteModifiedField
-      }, null, 8, ["modelValue", "inputFieldProps", "data", "onDeleteButtonClicked"]),
-      o(u) && m.value.length === 0 ? (y(), k("div", ae, [
-        h(o(A), {
+      }, null, 8, ["modelValue", "input-field-props", "data", "onDeleteButtonClicked"]),
+      o(u) && m.value.length === 0 ? (y(), k("div", ne, [
+        h(o(I), {
           size: 16,
           weight: "fill",
           color: "#e67700"
         }),
         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", ne, [
-        h(o(A), {
+      c.value ? (y(), k("div", oe, [
+        h(o(I), {
           size: 16,
           weight: "fill"
         }),
-        a("span", oe, r(c.value), 1)
+        a("span", de, r(c.value), 1)
       ])) : T("", !0),
-      a("div", de, [
-        o(N) ? (y(), Q(X, {
+      a("div", re, [
+        o(N) ? (y(), Q(le, {
           key: 0,
-          modelValue: s.value[0].attribution,
-          "onUpdate:modelValue": t[3] || (t[3] = (l) => H(l, "attribution")),
-          addOnText: !1,
-          datePicker: !1,
-          infoIcon: !1,
+          "model-value": s.value[0].title,
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
           placeholder: "Geben Sie den Namensnennungstext für Ihre Lizenz an...",
-          preIcon: !1,
-          inputFieldSize: "large",
-          initialHintText: !1,
+          "pre-icon": !1,
+          "input-field-size": "large",
+          "initial-hint-text": !1,
           label: e.$t(
             "message.dataupload.datasets.dcat:distribution.advanced.dcatde:licenseAttributionByText"
           ),
-          showEndIcon: !1,
-          defaultInput: !0,
-          showError: s.value[0].isValid == !1 && p.value[2].show,
+          "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,
           onDeleteButtonClicked: e.deleteModifiedField
-        }, null, 8, ["modelValue", "label", "showError", "onDeleteButtonClicked"])) : T("", !0),
-        s.value[0].isValid == !1 && p.value[2].show ? (y(), k("div", re, [
-          h(o(A), {
+        }, 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), {
             size: 16,
             weight: "fill"
           }),
-          a("span", ue, r(p.value[2].message), 1)
+          a("span", ce, r(p.value[2].message), 1)
         ])) : T("", !0)
       ]),
-      a("div", ce, [
-        a("div", pe, [
-          a("div", ve, [
-            h(o(Y), {
+      a("div", pe, [
+        a("div", ve, [
+          a("div", fe, [
+            h(o(X), {
               size: 32,
               color: "#009fe3"
             }),
-            a("div", fe, r(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
+            a("div", me, r(e.$t("message.dataupload.datasets.dct:license.advices.title")), 1)
           ]),
-          a("div", me, [
-            a("div", ge, r(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
-            a("div", he, [
-              a("div", _e, [
-                S(r(e.$t(
+          a("div", ge, [
+            a("div", he, r(e.$t("message.dataupload.datasets.dct:license.advices.description")), 1),
+            a("div", _e, [
+              a("div", be, [
+                B(r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName1"
                 )) + " ", 1),
-                a("span", be, r(e.$t(
+                a("span", Ve, r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName1_desc"
                 )), 1)
               ]),
-              a("div", Ve, [
-                S(r(e.$t(
+              a("div", ye, [
+                B(r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName2"
                 )) + " ", 1),
-                a("span", ye, r(e.$t(
+                a("span", ze, r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName2_desc"
                 )), 1)
               ]),
-              a("div", ze, [
-                S(r(e.$t(
+              a("div", we, [
+                B(r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName3"
                 )) + " ", 1),
                 a("span", Le, r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.licenseName3_desc"
                 )), 1)
               ]),
-              a("a", we, [
-                h(o(Z), { size: 24 }),
-                S(" " + r(e.$t(
+              a("a", ke, [
+                h(o(Y), { size: 24 }),
+                B(" " + r(e.$t(
                   "message.dataupload.datasets.dct:license.advices.linkToLicenses"
                 )), 1)
               ])
@@ -321,10 +338,10 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
           ])
         ])
       ]),
-      a("div", ke, [
+      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", Te, [
-          h(o(A), {
+        s.value.find((l) => l.isValid === !1) ? (y(), k("div", Ne, [
+          h(o(I), {
             size: 16,
             weight: "fill"
           }),
@@ -333,7 +350,7 @@ const se = { class: "dpiV3InnerComponentWrap" }, ie = { class: "copy-large-regul
       ])
     ]));
   }
-}, Ee = /* @__PURE__ */ le(Ne, [["__scopeId", "data-v-c0f980e2"]]);
+}, Oe = /* @__PURE__ */ se(Ae, [["__scopeId", "data-v-54de8039"]]);
 export {
-  Ee as default
+  Oe as default
 };