@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.72

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

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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Findability/ApplicationsStep.vue.js

@@ -1,7 +1,7 @@
 import o from "./ApplicationsStep.vue2.js";
 /* empty css                      */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-341c16e4"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-632b4b70"]]);
 export {
-  c as default
+  i as default
 };