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

package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { ref as p, computed as K, watch as C, createElementBlock as d, openBlock as r, createBlock as D, createCommentVNode as h, mergeProps as L, unref as B, withKeys as f, withModifiers as V, normalizeStyle as F, normalizeClass as T, createElementVNode as _, Fragment as x, renderList as E, toDisplayString as A, nextTick as N } from "vue";
+import { ref as p, computed as K, watch as B, createElementBlock as s, openBlock as r, createBlock as b, createCommentVNode as h, mergeProps as H, unref as C, withKeys as f, withModifiers as V, normalizeStyle as F, normalizeClass as I, createElementVNode as _, Fragment as x, renderList as E, toDisplayString as A, nextTick as N } from "vue";
 import { onClickOutside as $ } from "@vueuse/core";
 import J from "./TextButtonSmall.vue.js";
 import Q from "./MoreButton.vue.js";
@@ -28,6 +28,9 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
       type: String,
       required: !0
     },
+    notDraft: {
+      type: Boolean
+    },
     text: {
       type: String,
       required: !0
@@ -53,7 +56,7 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
     dropdownWidth: {
       type: String,
       default: "medium",
-      validator: (k) => ["medium", "large"].includes(k)
+      validator: (g) => ["medium", "large"].includes(g)
     },
     isDisabled: {
       type: Boolean,
@@ -67,139 +70,160 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
     loading: { type: Boolean, default: !1 }
     // Loading prop from parent
   },
-  emits: ["update:modelValue", "input", "deleteDropdownField", "valueSent", "chosenVocItem", "clickOutside"],
-  setup(k, { emit: I }) {
+  emits: [
+    "update:modelValue",
+    "input",
+    "deleteDropdownField",
+    "valueSent",
+    "chosenVocItem",
+    "clickOutside"
+  ],
+  setup(g, { emit: T }) {
     const { t: q } = Y(), w = p();
     p("#0172AD");
     let u = p(!1);
     const v = p({});
     p([]);
-    const n = p(0), b = p(!1), g = I, M = (t) => q("message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + t), a = k, S = K(() => {
+    const n = p(0), D = p(!1), y = T, M = (e) => q(
+      "message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + e
+    ), a = g, S = K(() => {
       if (a.multi) {
         if (!a.data || !Array.isArray(a.data) || a.data.length === 0)
           return !0;
-        for (const t of a.data)
-          if (t.list && t.list.length > 0)
+        for (const e of a.data)
+          if (e.list && e.list.length > 0)
             return !1;
         return !0;
       } else
         return !a.data || !Array.isArray(a.data) || a.data.length === 0;
     });
-    C(() => a.loading, (t) => {
-      b.value = t;
-    });
-    const s = p(a.modelValue);
-    C(() => a.modelValue, (t) => {
-      s.value = t;
-    });
+    B(
+      () => a.loading,
+      (e) => {
+        D.value = e;
+      }
+    );
+    const d = p(a.modelValue);
+    B(
+      () => a.modelValue,
+      (e) => {
+        d.value = e;
+      }
+    );
     const U = () => {
-      y(), g("deleteDropdownField");
-    }, W = (t) => {
-      s.value = t.target.value, N(() => {
-        g("input", s.value);
-      }), a.autocomplete && s.value.length > 0 ? u.value = !0 : s.value.length === 0 && (u.value = !1);
+      k(), y("deleteDropdownField");
+    }, W = (e) => {
+      d.value = e.target.value, N(() => {
+        y("input", d.value);
+      }), a.autocomplete && d.value.length > 0 ? u.value = !0 : d.value.length === 0 && (u.value = !1);
     }, O = K(() => {
       if (!a.autocomplete)
         return a.dropdownWidth === "large" ? "100%" : "161px";
-    }), y = (t) => {
+    }), k = (e) => {
       a.autocomplete || a.isDisabled || (u.value = !u.value);
-    }, j = (t) => {
-      if (u.value && !b.value && !S.value) {
+    }, L = (e) => {
+      if (u.value && !D.value && !S.value) {
         n.value--;
-        const e = Array.from(
+        const t = Array.from(
           document.querySelectorAll(".dpiV3_dropdown button")
         );
-        e.length > 0 && (t.preventDefault(), n.value = (n.value + 1) % e.length, e[n.value].focus());
+        t.length > 0 && (e.preventDefault(), n.value = (n.value + 1) % t.length, t[n.value].focus());
       }
-    }, m = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (n.value = 0, v.value[t] || (v.value[t] = {}), v.value[t] = "var(--neutral-10, #fafafb)"), e.key === "Escape" && (n.value = 0, u.value = !u.value);
+    }, m = (e, t) => {
+      t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (n.value = 0, v.value[e] || (v.value[e] = {}), v.value[e] = "var(--neutral-10, #fafafb)"), t.key === "Escape" && (n.value = 0, u.value = !u.value);
       const l = Array.from(
         document.querySelectorAll(".dpiV3_dropdownMulti .dpiV3_btnWrap button")
       ), c = l.findIndex((o) => o === document.activeElement);
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
+      if (t.key === "ArrowDown") {
+        t.preventDefault();
         const o = (c + 1) % l.length;
         l[o].focus(), n.value = o;
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
+      } else if (t.key === "ArrowUp") {
+        t.preventDefault();
         const o = (c - 1 + l.length) % l.length;
         l[o].focus(), n.value = o;
       }
-    }, P = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (a.data.forEach((l) => {
+    }, P = (e, t) => {
+      t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (a.data.forEach((l) => {
         for (let c in l)
           l[c].forEach((o) => {
             o.selected = !1;
           });
-      }), t.selected = !t.selected, s.value = t["@value"], u.value = !1);
-    }, R = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (v.value[t["@value"]] = "var(--neutral-10, #f1f1f3)", n.value = 0), e.key === "Escape" && (n.value = 0, u.value = !u.value);
+      }), e.selected = !e.selected, d.value = e["@value"], u.value = !1);
+    }, j = (e, t) => {
+      t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (v.value[e["@value"]] = "var(--neutral-10, #f1f1f3)", n.value = 0), t.key === "Escape" && (n.value = 0, u.value = !u.value);
       const l = Array.from(document.querySelectorAll(".dpiV3_dropdown button"));
-      e.key === "ArrowDown" ? (e.preventDefault(), n.value = (n.value + 1) % l.length, l[n.value].focus()) : e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey ? (e.preventDefault(), n.value = (n.value - 1 + l.length) % l.length, l[n.value].focus()) : e.key === "Tab" && (e.preventDefault(), n.value = (n.value + 1) % l.length, l[n.value].focus());
-    }, z = (t, e) => {
-      e.preventDefault(), (e.key === "Enter" || e.key === " " || e.key === "Spacebar") && (a.data.forEach((l) => {
+      t.key === "ArrowDown" ? (t.preventDefault(), n.value = (n.value + 1) % l.length, l[n.value].focus()) : t.key === "ArrowUp" || t.key === "Tab" && t.shiftKey ? (t.preventDefault(), n.value = (n.value - 1 + l.length) % l.length, l[n.value].focus()) : t.key === "Tab" && (t.preventDefault(), n.value = (n.value + 1) % l.length, l[n.value].focus());
+    }, R = (e, t) => {
+      t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (a.data.forEach((l) => {
         l.selected = !1;
-      }), t.selected = !t.selected, v.value[t["@value"]] = "var(--neutral-5, #fafafb)", s.value = t["@value"], u.value = !1);
-    }, G = (t, e, l) => {
-      g("valueSent", t, l), s.value = t.alt_label.de + " (" + l + ")", u.value = !1;
-    }, H = (t, e) => {
-      e.type === "keydown" && e.preventDefault(), e.type === "click" && (a.multi ? (a.data.forEach((l) => {
+      }), e.selected = !e.selected, v.value[e["@value"]] = "var(--neutral-5, #fafafb)", d.value = e["@value"], u.value = !1);
+    }, z = (e, t, l) => {
+      y("valueSent", e, l), d.value = e.alt_label.de + " (" + l + ")", u.value = !1;
+    }, G = (e, t) => {
+      console.log(a.notDraft), t.type === "keydown" && t.preventDefault(), t.type === "click" && (a.multi ? (a.data.forEach((l) => {
         for (let c in l)
           l[c].forEach((o) => {
             o.selected = !1;
           });
-      }), s.value = t["@value"], t.selected = !t.selected) : (a.data.forEach((l) => {
+      }), d.value = e["@value"], e.selected = !e.selected) : (a.data.forEach((l) => {
         l.selected = !1;
-      }), t.selected = !t.selected, s.value = t["@value"]), u.value = !1, t["@value"] === void 0 && (s.value = t.pref_label.de || t.pref_label.en, g("chosenVocItem", t)), g("update:modelValue", t["@value"], t));
+      }), e.selected = !e.selected, d.value = e["@value"]), u.value = !1, e["@value"] === void 0 && (d.value = e.pref_label.de || e.pref_label.en, y("chosenVocItem", e)), e["@value"] === "Löschen" && a.notDraft && (d.value = "LöschenPublished", y("chosenVocItem", e)), y("update:modelValue", e["@value"], e));
     };
-    return $(w, (t) => {
+    return $(w, (e) => {
       u.value = !1;
-    }), (t, e) => (r(), d("div", ee, [
-      a.type === "textButtonSmall" ? (r(), D(J, {
+    }), (e, t) => (r(), s("div", ee, [
+      a.type === "textButtonSmall" ? (r(), b(J, {
         key: 0,
         buttonText: a.buttonText,
-        onClick: y,
+        onClick: k,
         ref_key: "accActive",
         ref: w
       }, null, 8, ["buttonText"])) : h("", !0),
-      a.type === "moreButton" ? (r(), D(Q, {
+      a.type === "moreButton" ? (r(), b(Q, {
         key: 1,
-        onClick: y,
+        onClick: k,
         ref_key: "accActive",
         ref: w
       }, null, 512)) : h("", !0),
-      a.type === "inputField" ? (r(), D(X, L({ key: 2 }, a.inputFieldProps, {
-        onClick: y,
+      a.type === "inputField" ? (r(), b(X, H({ key: 2 }, a.inputFieldProps, {
+        onClick: k,
         onKeydown: [
-          f(V(y, ["prevent"]), ["space"]),
-          f(y, ["enter"]),
-          f(V(j, ["prevent"]), ["arrow-down"])
+          f(V(k, ["prevent"]), ["space"]),
+          f(k, ["enter"]),
+          f(V(L, ["prevent"]), ["arrow-down"])
         ],
         onInput: W,
         onDeleteButtonClicked: U,
-        modelValue: s.value,
-        dropDownExpanded: B(u),
+        modelValue: d.value,
+        dropDownExpanded: C(u),
         ref_key: "accActive",
         ref: w
       }), null, 16, ["onKeydown", "modelValue", "dropDownExpanded"])) : h("", !0),
-      B(u) ? (r(), d("div", {
+      C(u) ? (r(), s("div", {
         key: 3,
-        class: T(["dpiV3_dropdownWrapper", {
+        class: I(["dpiV3_dropdownWrapper", {
           alignRight: a.alignment === "right"
         }]),
         style: F({ width: O.value })
       }, [
-        b.value ? (r(), d("div", te, e[0] || (e[0] = [
+        D.value ? (r(), s("div", te, t[0] || (t[0] = [
           _("div", { class: "dpiV3_loading-spinner" }, null, -1),
           _("span", null, "Daten werden geladen...", -1)
-        ]))) : S.value ? (r(), d("div", le, e[1] || (e[1] = [
+        ]))) : S.value ? (r(), s("div", le, t[1] || (t[1] = [
           _("span", null, "Keine Ergebnisse gefunden", -1)
-        ]))) : a.multi ? (r(), d("ul", ae, [
-          (r(!0), d(x, null, E(k.data, (l, c) => (r(), d("div", oe, [
-            _("div", ne, A(t.$t("message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + l.headers)), 1),
-            (r(!0), d(x, null, E(l.list, (o, pe) => (r(), d("div", ue, [
+        ]))) : a.multi ? (r(), s("ul", ae, [
+          (r(!0), s(x, null, E(g.data, (l, c) => (r(), s("div", oe, [
+            _("div", ne, A(e.$t(
+              "message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + l.headers
+            )), 1),
+            (r(!0), s(x, null, E(l.list, (o, pe) => (r(), s("div", ue, [
               _("button", {
-                onClick: (i) => G(o, i, M(l.headers)),
+                onClick: (i) => z(
+                  o,
+                  i,
+                  M(l.headers)
+                ),
                 onKeydown: [
                   f((i) => m(o, i), ["enter"]),
                   f(V((i) => m(o, i), ["prevent"]), ["space"]),
@@ -209,23 +233,23 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
                 onKeyup: (i) => P(o, i)
               }, A(o.alt_label.de), 41, re)
             ]))), 256)),
-            c - 1 != Object.values(l).length ? (r(), d("div", de)) : h("", !0)
+            c - 1 != Object.values(l).length ? (r(), s("div", de)) : h("", !0)
           ]))), 256))
-        ])) : (r(), d("ul", se, [
-          (r(!0), d(x, null, E(k.data, (l, c) => (r(), d("button", {
-            onClick: (o) => H(l, o),
-            onKeydown: (o) => R(l, o),
-            onKeyup: (o) => z(l, o),
-            class: T({ dpiV3_selected: l.selected }),
+        ])) : (r(), s("ul", se, [
+          (r(!0), s(x, null, E(g.data, (l, c) => (r(), s("button", {
+            onClick: (o) => G(l, o),
+            onKeydown: (o) => j(l, o),
+            onKeyup: (o) => R(l, o),
+            class: I({ dpiV3_selected: l.selected }),
             style: F({
               background: v.value[l["@value"]] || "initial"
             })
-          }, A(l["@value"] || l.pref_label.de), 47, ie))), 256))
+          }, A(l["@value"] || l.pref_label.de || l.pref_label.en), 47, ie))), 256))
         ]))
       ], 6)) : h("", !0)
     ]));
   }
-}, me = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-ed0325fe"]]);
+}, me = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-3fad67f2"]]);
 export {
   me as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.js

@@ -471,7 +471,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       ])) : i("", !0)
     ]));
   }
-}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-31b5c8b4"]]);
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-7d107918"]]);
 export {
   Oe as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/ModalSimpleV3.vue.js

@@ -3,10 +3,10 @@ import m from "./TextButtonSmall.vue.js";
 import _ from "./ButtonV3.vue.js";
 import V from "./CrossOutButton.vue.js";
 /* empty css                   */
-const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" }, v = { class: "dpiV3_modalMainWrap" }, y = { class: "dpiV3_modalHeaderWrap" }, b = { class: "dpiV3_modalText" }, x = {
+const k = { class: "dpiV3_modalBackground" }, f = { class: "dpiV3_modalWrap" }, v = { class: "dpiV3_modalMainWrap" }, y = { class: "dpiV3_modalHeaderWrap" }, b = { class: "dpiV3_modalText" }, x = {
   key: 0,
   class: "dpiV3AutoCompleteWrap copy-large-semi-bold"
-}, C = { class: "dpiV3_LinkInfos" }, B = {
+}, B = { class: "dpiV3_LinkInfos" }, C = {
   key: 0,
   class: "dpiV3_title"
 }, T = {
@@ -58,8 +58,8 @@ const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" },
     }, S = () => {
       c("actionHandling", s.action), d();
     };
-    return (L, o) => (e(), n("div", f, [
-      i("div", k, [
+    return (L, o) => (e(), n("div", k, [
+      i("div", f, [
         i("div", v, [
           i("div", y, [
             i("h2", null, a(s.headerText), 1),
@@ -71,8 +71,8 @@ const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" },
           i("span", b, a(s.text), 1)
         ]),
         !t.dataRange && (t.optionalString_1 || t.optionalString_2) ? (e(), n("div", x, [
-          i("div", C, [
-            t.optionalString_1 ? (e(), n("div", B, a(t.optionalString_1), 1)) : l("", !0),
+          i("div", B, [
+            t.optionalString_1 ? (e(), n("div", C, a(t.optionalString_1), 1)) : l("", !0),
             t.optionalString_2 && t.optionalString_1 === "" ? (e(), n("div", T, a(t.optionalString_2), 1)) : l("", !0)
           ])
         ])) : l("", !0),
@@ -96,7 +96,7 @@ const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" },
           s.action === "cancel" ? (e(), p(m, {
             key: 0,
             buttonText: "Zurück",
-            class: "dpiv3_modalCancelButton",
+            class: "dpiv3_modalCancelButton copy-button-ml modalBackButton",
             onClick: d,
             ref: "accActive",
             iconStart: "CaretLeft",