@piveau/dpi 0.2.0-alpha.73 → 0.2.0-alpha.74

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/OptionalInformation/LanguageV3.vue.js

@@ -1,4 +1,4 @@
-import { ref as d, getCurrentInstance as _, onMounted as P, computed as z, watch as h, createElementBlock as g, openBlock as c, Fragment as w, createCommentVNode as V, renderList as W, unref as r, normalizeClass as $, createVNode as k, createBlock as A } from "vue";
+import { ref as d, getCurrentInstance as _, onMounted as $, computed as P, watch as h, createElementBlock as g, openBlock as c, Fragment as w, createCommentVNode as V, renderList as z, unref as i, normalizeClass as W, createVNode as k, createBlock as A } from "vue";
 import { getLanguages as N } from "../../services/dpiV3_apis.js";
 import U from "../Dropdown.vue.js";
 import q from "../ButtonV3.vue.js";
@@ -18,53 +18,53 @@ const Q = {
     inOverview: { type: Boolean, default: !1 }
   },
   emits: ["addLanguage", "deleteButtonClicked"],
-  setup(v, { emit: y }) {
-    const u = v;
-    let t = d([{ label: "", "@value": "", uri: "" }]), o = {};
-    const { formValues: C } = H(), { t: f } = E(), B = () => {
-      t.value.push({});
+  setup(f, { emit: y }) {
+    const u = f;
+    let l = d([{ label: "", "@value": "", uri: "" }]), o = {};
+    const { formValues: C } = H(), { t: m } = E(), B = () => {
+      l.value.push({});
     }, b = _(), L = b.appContext.app.config.globalProperties.$env, I = b.appContext.app.config.globalProperties.$i18n.locale;
     let p = d([]);
     o = C.value.DistributionSimple["dcat:distribution"].find(
       (e) => e.id === u.distributionId
-    ) || {}, P(async () => {
+    ) || {}, $(async () => {
       var e;
-      o["dct:language"].length > 0 && (t.value = o["dct:language"]), p.value = (e = o["dct:language"]) == null ? void 0 : e.map((l) => l.label);
+      o["dct:language"].length > 0 && (l.value = o["dct:language"]), p.value = (e = o["dct:language"]) == null ? void 0 : e.map((a) => (a == null ? void 0 : a["@value"]) || (a == null ? void 0 : a.label) || "");
       try {
-        const l = await N(L.api.baseUrl, I);
-        s.value = l.map((a) => ({
-          "@value": a.label,
-          label: a.label,
-          uri: a.uri
+        const a = await N(L.api.baseUrl, I);
+        s.value = a.map((t) => ({
+          "@value": t.label,
+          label: t.label,
+          uri: t.uri
         }));
-      } catch (l) {
-        console.error("Failed to load language data", l);
+      } catch (a) {
+        console.error("Failed to load language data", a);
       }
     });
     const s = d([]);
     let O = d(p);
     console.log("Titelliste", O);
-    const F = y, T = (e, l) => {
-      t.value.length > 1 ? (t.value[l] = {
+    const F = y, T = (e, a) => {
+      l.value.length > 1 ? (l.value[a] = {
         "@value": e,
         label: e,
-        uri: s.value.find((a) => a["@value"] === e).uri || ""
-      }, console.log(o["dct:language"], t.value), o["dct:language"] = t.value, console.log(o["dct:language"], t.value)) : (t.value[0] = {
+        uri: s.value.find((t) => t["@value"] === e).uri || ""
+      }, console.log(o["dct:language"], l.value), o["dct:language"] = l.value, console.log(o["dct:language"], l.value)) : (l.value[0] = {
         "@value": e,
-        uri: s.value.find((a) => a["@value"] === e).uri || ""
-      }, o["dct:language"][0] = t.value[0], s.value.find((a) => a["@value"] === e).uri);
-    }, m = d(""), x = (e) => {
-      m.value = e, console.log(m);
-    }, D = z(() => s.value.filter(
+        uri: s.value.find((t) => t["@value"] === e).uri || ""
+      }, o["dct:language"][0] = l.value[0], s.value.find((t) => t["@value"] === e).uri);
+    }, v = d(""), x = (e) => {
+      v.value = e, console.log(v);
+    }, D = P(() => s.value.filter(
       (e) => {
-        var l, a, n, i;
-        return (i = (l = e["@value"]) == null ? void 0 : l.toLowerCase()) == null ? void 0 : i.trim().startsWith((n = (a = m.value) == null ? void 0 : a.toLowerCase()) == null ? void 0 : n.trim());
+        var a, t, n, r;
+        return (r = (a = e["@value"]) == null ? void 0 : a.toLowerCase()) == null ? void 0 : r.trim().startsWith((n = (t = v.value) == null ? void 0 : t.toLowerCase()) == null ? void 0 : n.trim());
       }
     ));
     h(
       () => o["dct:language"],
       (e) => {
-        t.value = o["dct:language"];
+        l.value = o["dct:language"];
       },
       { deep: !0 }
     ), h(
@@ -76,35 +76,35 @@ const Q = {
     const S = () => {
       console.log("delete clicked"), F("deleteButtonClicked", u.distributionId);
     };
-    return (e, l) => (c(), g(w, null, [
-      (c(!0), g(w, null, W(r(t), (a, n) => (c(), g("div", {
-        class: $([{
+    return (e, a) => (c(), g(w, null, [
+      (c(!0), g(w, null, z(i(l), (t, n) => (c(), g("div", {
+        class: W([{
           repeatableOuter: !u.inOverview,
           dpiV3AutoCompleteWrap: !u.inOverview
         }, "langDropdown"]),
-        key: n
+        key: `${n}@${t.uri}`
       }, [
         k(U, {
-          "onUpdate:modelValue": [(i) => T(i, n), (i) => r(t)[n].label = i],
+          "onUpdate:modelValue": [(r) => T(r, n), (r) => i(l)[n].label = r],
           dropdownWidth: "large",
           type: "inputField",
-          modelValue: r(t)[n].label,
+          modelValue: i(l)[n].label,
           inputFieldProps: {
             addOnText: !1,
             initialHintText: !1,
             datePicker: !1,
             infoIcon: !1,
             preIcon: !1,
-            label: r(f)(
+            label: i(m)(
               "message.dataupload.datasets.dcat:distribution.advanced.dct:language"
             ) + " (optional)",
             dropdown_dpiV3: !0,
-            placeholder: r(f)(
+            placeholder: i(m)(
               "message.dataupload.datasets.dcat:distribution.advanced.language-placeholder"
             ),
             inputFieldSize: "large",
-            modelValue: r(p)[n],
-            defaultInput: !v.showDeleteButton
+            modelValue: i(p)[n],
+            defaultInput: !f.showDeleteButton
           },
           data: D.value,
           onDeleteDropdownField: S,
@@ -115,7 +115,7 @@ const Q = {
           "button-text": "Löschen",
           class: "rightAlign",
           iconStart: "trash",
-          onClick: (i) => r(t).splice(n, 1)
+          onClick: (r) => i(l).splice(n, 1)
         }, null, 8, ["onClick"]))
       ], 2))), 128)),
       u.inOverview ? V("", !0) : (c(), g("div", Q, [
@@ -125,7 +125,7 @@ const Q = {
           iconStart: "plus",
           variant: "tertiary",
           class: "mt-3",
-          onClick: l[0] || (l[0] = (a) => B())
+          onClick: a[0] || (a[0] = (t) => B())
         })
       ]))
     ], 64));