@piveau/dpi 0.2.0-alpha.14 → 0.2.0-alpha.16

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as M, ref as h, computed as j, useModel as D, inject as K, createElementBlock as V, openBlock as u, createElementVNode as t, createVNode as o, createBlock as m, createCommentVNode as g, createTextVNode as b, unref as d, withCtx as r, Fragment as L, renderList as P } from "vue";
-import { FormKit as x } from "@formkit/vue";
-import { PhLightbulb as F, PhExclamationMark as W } from "@phosphor-icons/vue";
-import A from "../../../../stories/components/LinkCard.vue.js";
-import I from "../../../components/StepActionsSection.vue.js";
-import p from "../ButtonV3.vue.js";
-import _ from "../Card.vue.js";
-import N from "../TextArea/TextAreaDefinition.js";
-import { dpiStepperKey as O } from "../../../utils/injectionKeys.js";
-const Z = { class: "dpiV3_page V3-typography" }, $ = { class: "funny-section" }, G = { class: "funny-section" }, R = {
+import { defineComponent as E, ref as h, computed as L, useModel as F, inject as P, createElementBlock as C, openBlock as s, createElementVNode as t, createVNode as i, createBlock as a, createCommentVNode as f, createTextVNode as k, unref as o, withCtx as n, Fragment as D, renderList as M } from "vue";
+import { FormKit as b } from "@formkit/vue";
+import { PhLightbulb as N, PhExclamationMark as K } from "@phosphor-icons/vue";
+import W from "../../../../stories/components/LinkCard.vue.js";
+import $ from "../../../components/StepActionsSection.vue.js";
+import u from "../ButtonV3.vue.js";
+import V from "../Card.vue.js";
+import I from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
+const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" }, A = { class: "funny-section" }, T = {
   id: "partners-section",
   class: "funny-section"
-}, T = { class: "partner-cards-container" }, U = { class: "action-container" }, q = { class: "step-actions__prev-and-next" }, H = { class: "actions" }, J = 1e3, oe = /* @__PURE__ */ M({
+}, U = { class: "partner-cards-container" }, O = { class: "action-container" }, q = { class: "step-actions__prev-and-next" }, G = { class: "actions" }, H = 1e3, se = /* @__PURE__ */ E({
   __name: "BasicInformationStep",
   props: {
     modelValue: {},
@@ -18,103 +18,87 @@ const Z = { class: "dpiV3_page V3-typography" }, $ = { class: "funny-section" },
   },
   emits: ["update:modelValue"],
   setup(w) {
-    const v = h(""), z = h([]);
+    const g = h(""), y = h([]);
     h([]);
-    const k = h(!1), B = j(() => {
-      var l;
-      return ((l = v.value) == null ? void 0 : l.length) || 0;
-    }), S = D(w, "modelValue"), y = K(O);
-    function E() {
-      const l = S.value;
-      if (!l || typeof l != "object") return !1;
-      const e = Object.keys(l).filter(
-        (n) => n.startsWith("4. Datenvisualisierung/")
-      );
-      for (const n of e) {
-        const s = l[n];
-        if (!s || typeof s != "object") continue;
-        const c = Object.keys(s).filter((a) => a !== "__resourceCount");
-        for (const a of c) {
-          const i = s[a];
-          if (Array.isArray(i) && i.length > 0 || typeof i == "string" && i.trim() !== "" || typeof i == "object" && i !== null && Object.keys(i).length > 0)
-            return k.value = !1, y == null ? void 0 : y.goTo("Vorschau");
-        }
-      }
-      return k.value = !0;
-    }
-    return (l, e) => (u(), V("div", Z, [
-      e[8] || (e[8] = t("section", { class: "funny-section" }, [
+    const _ = h(!1), S = L(() => {
+      var v;
+      return ((v = g.value) == null ? void 0 : v.length) || 0;
+    });
+    F(w, "modelValue");
+    const B = P(R);
+    return (v, e) => (s(), C("div", Z, [
+      e[9] || (e[9] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenvisualisierung"),
           t("span", { class: "copy-large-regular" }, [
-            b(" Führen Sie im Schritt der "),
+            k(" Führen Sie im Schritt der "),
             t("strong", null, "Datenvisualisierung"),
-            b(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
+            k(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
           ])
         ])
       ], -1)),
-      t("section", $, [
-        o(d(x), {
+      t("section", j, [
+        i(o(b), {
           id: "Beschreibung",
-          modelValue: v.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (n) => v.value = n),
+          modelValue: g.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => g.value = r),
           class: "budgetArea",
           label: "Beschreibung",
-          type: d(N),
+          type: o(I),
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
           validation: "length:0,1000",
           "validation-visibility": "live",
           hint: "true",
-          help: `${B.value} von ${J} Zeichen`,
+          help: `${S.value} von ${H} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
-      t("section", G, [
-        o(_, { variant: "default" }, {
-          icon: r(() => [
-            o(d(F), {
+      t("section", A, [
+        i(V, { variant: "default" }, {
+          icon: n(() => [
+            i(o(N), {
               size: 32,
               color: "#009FE3"
             })
           ]),
-          title: r(() => e[2] || (e[2] = [
-            b(" Beispiel ", -1)
+          title: n(() => e[3] || (e[3] = [
+            k(" Beispiel ", -1)
           ])),
-          default: r(() => [
-            e[3] || (e[3] = t("p", null, " Die Simulationsergebnisse und aktuellen Messdaten werden in einer interaktiven Kartenanwendung dargestellt. Zusätzlich werden visuelle Warnhinweise sowie zeitbasierte Entwicklungen übersichtlich präsentiert, um die Kommunikation mit Einsatzkräften und Bürgern zu unterstützen. ", -1))
+          default: n(() => [
+            e[4] || (e[4] = t("p", null, " Die Simulationsergebnisse und aktuellen Messdaten werden in einer interaktiven Kartenanwendung dargestellt. Zusätzlich werden visuelle Warnhinweise sowie zeitbasierte Entwicklungen übersichtlich präsentiert, um die Kommunikation mit Einsatzkräften und Bürgern zu unterstützen. ", -1))
           ]),
           _: 1,
-          __: [3]
+          __: [4]
         })
       ]),
-      t("section", R, [
-        e[4] || (e[4] = t("h5", null, " Weiterführende Links (optional) ", -1)),
-        e[5] || (e[5] = t("span", { class: "copy-large-regular further-links-text" }, "Geben Sie hier Methoden, Verfahren oder Werkzeuge an, die im Prozessschritt verwendet wurden (z.B. KI-Modelle, GIS-Anwendungen oder spezielle Messtechniken).", -1)),
-        t("div", T, [
-          o(d(x), {
-            modelValue: z.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (n) => z.value = n),
+      t("section", T, [
+        e[5] || (e[5] = t("h5", null, " Weiterführende Links (optional) ", -1)),
+        e[6] || (e[6] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
+        t("div", U, [
+          i(o(b), {
+            modelValue: y.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => y.value = r),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: r(({ items: n, node: s, value: c }) => [
-              (u(!0), V(L, null, P(n, (a, i) => (u(), m(d(x), {
-                key: a,
+            default: n(({ items: r, node: d, value: c }) => [
+              (s(!0), C(D, null, M(r, (m, p) => (s(), a(o(b), {
+                key: m,
                 type: "group",
-                index: i
+                index: p
               }, {
-                default: r(() => [
-                  o(A, null, {
-                    action: r(() => [
-                      o(p, {
+                default: n(() => [
+                  i(W, null, {
+                    action: n(() => [
+                      i(u, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => s.input(c.filter((C, f) => f !== i))
+                        onClick: () => d.input(c.filter((z, l) => l !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -122,13 +106,13 @@ const Z = { class: "dpiV3_page V3-typography" }, $ = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", U, [
-                o(p, {
+              t("div", O, [
+                i(u, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (a) => s.input(c.concat({}))
+                  onClick: (m) => d.input(c.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -136,80 +120,83 @@ const Z = { class: "dpiV3_page V3-typography" }, $ = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      o(I, {
+      i($, {
         "next-text": "Weiter zu Software",
         class: "actions-container"
       }, {
-        "prev-and-next": r(({
-          hidePrevious: n,
-          hideNext: s,
+        "prev-and-next": n(({
+          hidePrevious: r,
+          hideNext: d,
           previousText: c,
-          nextText: a,
-          handlePrevious: i,
-          handleSubmit: C
+          nextText: m,
+          handlePrevious: p,
+          handleSubmit: z
         }) => [
           t("div", q, [
-            t("div", H, [
-              n ? g("", !0) : (u(), m(p, {
+            t("div", G, [
+              r ? f("", !0) : (s(), a(u, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
                 "button-text": c,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: i
+                onClick: p
               }, null, 8, ["button-text", "onClick"])),
-              n ? g("", !0) : (u(), m(p, {
+              r ? f("", !0) : (s(), a(u, {
                 key: 1,
                 variant: "secondary",
                 class: "skip-button",
-                onClick: E,
+                onClick: e[2] || (e[2] = (l) => {
+                  var x;
+                  return (x = o(B)) == null ? void 0 : x.goToStep("Vorschau");
+                }),
                 size: "large",
                 "button-text": "Weiter ohne Datensimulation",
                 "icon-end": "CaretRight"
               }))
             ]),
-            s ? g("", !0) : (u(), m(p, {
+            d ? f("", !0) : (s(), a(u, {
               key: 0,
               variant: "primary",
               size: "large",
-              "button-text": a,
+              "button-text": m,
               "icon-end": "CaretRight",
               class: "next-button",
               onClick: () => {
-                const f = C();
-                return console.log(f), f;
+                const l = z();
+                return console.log(l), l;
               }
             }, null, 8, ["button-text", "onClick"]))
           ])
         ]),
         _: 1
       }),
-      k.value ? (u(), m(_, {
+      _.value ? (s(), a(V, {
         key: 0,
         variant: "error",
         class: "error"
       }, {
-        icon: r(() => [
-          o(d(W), {
+        icon: n(() => [
+          i(o(K), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: r(() => e[6] || (e[6] = [
+        title: n(() => e[7] || (e[7] = [
           t("span", { class: "error-title" }, "Fehler", -1)
         ])),
-        default: r(() => [
-          e[7] || (e[7] = t("ul", { class: "validation-errors" }, [
+        default: n(() => [
+          e[8] || (e[8] = t("ul", { class: "validation-errors" }, [
             t("li", null, " Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ")
           ], -1))
         ]),
         _: 1,
-        __: [7]
-      })) : g("", !0)
+        __: [8]
+      })) : f("", !0)
     ]));
   }
 });
 export {
-  oe as default
+  se as default
 };

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

@@ -1,9 +1,9 @@
-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";
-import X from "./InputField.vue.js";
-import { useI18n as Y } from "vue-i18n";
+import { ref as p, computed as K, watch as B, createElementBlock as s, openBlock as r, createBlock as D, createCommentVNode as h, mergeProps as G, withKeys as f, unref as C, withModifiers as V, normalizeStyle as F, normalizeClass as I, createElementVNode as _, Fragment as x, renderList as A, toDisplayString as S, nextTick as H } from "vue";
+import { onClickOutside as N } from "@vueuse/core";
+import { useI18n as J } from "vue-i18n";
+import Q from "./InputField.vue.js";
+import X from "./MoreButton.vue.js";
+import Y from "./TextButtonSmall.vue.js";
 /* empty css              */
 import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const ee = { class: "dpiV3_dropdownV3" }, te = {
@@ -15,13 +15,13 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
 }, ae = {
   key: 2,
   class: "dpiV3_dropdown dpiV3_dropdownMulti"
-}, oe = { class: "dpiV3_multiInnerWrap" }, ne = { class: "dpiV3_multiHeader" }, ue = { class: "dpiV3_btnWrap" }, re = ["onClick", "onKeydown", "onKeyup"], de = {
+}, ne = { class: "dpiV3_multiInnerWrap" }, oe = { class: "dpiV3_multiHeader" }, ue = { class: "dpiV3_btnWrap" }, re = ["onClick", "onKeydown", "onKeyup"], de = {
   key: 0,
   class: "dpiV3_multiSeperator"
 }, se = {
   key: 3,
   class: "dpiV3_dropdown"
-}, ie = ["onClick", "onKeydown", "onKeyup"], ce = {
+}, ie = ["disabled", "onClick", "onKeydown", "onKeyup"], ce = {
   __name: "Dropdown",
   props: {
     buttonText: {
@@ -78,15 +78,19 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
     "chosenVocItem",
     "clickOutside"
   ],
-  setup(g, { emit: T }) {
-    const { t: q } = Y(), w = p();
+  setup(g, { emit: q }) {
+    const a = g, v = q, { t: M } = J(), w = p();
     p("#0172AD");
     let u = p(!1);
-    const v = p({});
+    const y = p({});
     p([]);
-    const n = p(0), D = p(!1), y = T, M = (e) => q(
-      "message.dataupload.datasets.dcatde:politicalGeocodingURI.titles." + e
-    ), a = g, S = K(() => {
+    const o = p(0), b = p(!1);
+    function T(e) {
+      return M(
+        `message.dataupload.datasets.dcatde:politicalGeocodingURI.titles.${e}`
+      );
+    }
+    const E = K(() => {
       if (a.multi) {
         if (!a.data || !Array.isArray(a.data) || a.data.length === 0)
           return !0;
@@ -100,7 +104,7 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
     B(
       () => a.loading,
       (e) => {
-        D.value = e;
+        b.value = e;
       }
     );
     const d = p(a.modelValue);
@@ -110,96 +114,106 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
         d.value = e;
       }
     );
-    const U = () => {
-      k(), y("deleteDropdownField");
-    }, W = (e) => {
-      d.value = e.target.value, N(() => {
-        y("input", d.value);
+    function U() {
+      k(), v("deleteDropdownField");
+    }
+    function W(e) {
+      d.value = e.target.value, H(() => {
+        v("input", d.value);
       }), a.autocomplete && d.value.length > 0 ? u.value = !0 : d.value.length === 0 && (u.value = !1);
-    }, O = K(() => {
+    }
+    const O = K(() => {
       if (!a.autocomplete)
         return a.dropdownWidth === "large" ? "100%" : "161px";
-    }), k = (e) => {
+    });
+    function k(e) {
       a.autocomplete || a.isDisabled || (u.value = !u.value);
-    }, L = (e) => {
-      if (u.value && !D.value && !S.value) {
-        n.value--;
+    }
+    function $(e) {
+      if (u.value && !b.value && !E.value) {
+        o.value--;
         const t = Array.from(
           document.querySelectorAll(".dpiV3_dropdown button")
         );
-        t.length > 0 && (e.preventDefault(), n.value = (n.value + 1) % t.length, t[n.value].focus());
+        t.length > 0 && (e.preventDefault(), o.value = (o.value + 1) % t.length, t[o.value].focus());
       }
-    }, 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);
+    }
+    function m(e, t) {
+      t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (o.value = 0, y.value[e] || (y.value[e] = {}), y.value[e] = "var(--neutral-10, #fafafb)"), t.key === "Escape" && (o.value = 0, u.value = !u.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 (t.key === "ArrowDown") {
         t.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 (t.key === "ArrowUp") {
         t.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 = (e, t) => {
+    }
+    function L(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;
+          l[c].forEach((n) => {
+            n.selected = !1;
           });
       }), 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);
+    }
+    function P(e, t) {
+      t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (y.value[e["@value"]] = "var(--neutral-10, #f1f1f3)", o.value = 0), t.key === "Escape" && (o.value = 0, u.value = !u.value);
       const l = Array.from(document.querySelectorAll(".dpiV3_dropdown button"));
-      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.key === "ArrowDown" ? (t.preventDefault(), o.value = (o.value + 1) % l.length, l[o.value].focus()) : t.key === "ArrowUp" || t.key === "Tab" && t.shiftKey ? (t.preventDefault(), o.value = (o.value - 1 + l.length) % l.length, l[o.value].focus()) : t.key === "Tab" && (t.preventDefault(), o.value = (o.value + 1) % l.length, l[o.value].focus());
+    }
+    function j(e, t) {
       t.preventDefault(), (t.key === "Enter" || t.key === " " || t.key === "Spacebar") && (a.data.forEach((l) => {
         l.selected = !1;
-      }), 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) => {
+      }), e.selected = !e.selected, y.value[e["@value"]] = "var(--neutral-5, #fafafb)", d.value = e["@value"], u.value = !1);
+    }
+    function R(e, t, l) {
+      v("valueSent", e, l), d.value = `${e.alt_label.de} (${l})`, u.value = !1;
+    }
+    function z(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;
+          l[c].forEach((n) => {
+            n.selected = !1;
           });
       }), d.value = e["@value"], e.selected = !e.selected) : (a.data.forEach((l) => {
         l.selected = !1;
-      }), 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, (e) => {
+      }), 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, v("chosenVocItem", e)), e["@value"] === "Löschen" && a.notDraft && (d.value = "LöschenPublished", v("chosenVocItem", e)), v("update:modelValue", e["@value"], e));
+    }
+    return N(w, (e) => {
       u.value = !1;
     }), (e, t) => (r(), s("div", ee, [
-      a.type === "textButtonSmall" ? (r(), b(J, {
+      a.type === "textButtonSmall" ? (r(), D(Y, {
         key: 0,
-        buttonText: a.buttonText,
-        onClick: k,
         ref_key: "accActive",
-        ref: w
-      }, null, 8, ["buttonText"])) : h("", !0),
-      a.type === "moreButton" ? (r(), b(Q, {
+        ref: w,
+        "button-text": a.buttonText,
+        onClick: k
+      }, null, 8, ["button-text"])) : h("", !0),
+      a.type === "moreButton" ? (r(), D(X, {
         key: 1,
-        onClick: k,
         ref_key: "accActive",
-        ref: w
+        ref: w,
+        onClick: k
       }, null, 512)) : h("", !0),
-      a.type === "inputField" ? (r(), b(X, H({ key: 2 }, a.inputFieldProps, {
+      a.type === "inputField" ? (r(), D(Q, G({ key: 2 }, a.inputFieldProps, {
+        ref_key: "accActive",
+        ref: w,
+        "model-value": d.value,
+        "drop-down-expanded": C(u),
         onClick: k,
         onKeydown: [
           f(V(k, ["prevent"]), ["space"]),
           f(k, ["enter"]),
-          f(V(L, ["prevent"]), ["arrow-down"])
+          f(V($, ["prevent"]), ["arrow-down"])
         ],
         onInput: W,
-        onDeleteButtonClicked: U,
-        modelValue: d.value,
-        dropDownExpanded: C(u),
-        ref_key: "accActive",
-        ref: w
-      }), null, 16, ["onKeydown", "modelValue", "dropDownExpanded"])) : h("", !0),
+        onDeleteButtonClicked: U
+      }), null, 16, ["model-value", "drop-down-expanded", "onKeydown"])) : h("", !0),
       C(u) ? (r(), s("div", {
         key: 3,
         class: I(["dpiV3_dropdownWrapper", {
@@ -207,49 +221,50 @@ const ee = { class: "dpiV3_dropdownV3" }, te = {
         }]),
         style: F({ width: O.value })
       }, [
-        D.value ? (r(), s("div", te, t[0] || (t[0] = [
+        b.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(), s("div", le, t[1] || (t[1] = [
+        ]))) : E.value ? (r(), s("div", le, t[1] || (t[1] = [
           _("span", null, "Keine Ergebnisse gefunden", -1)
         ]))) : 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
+          (r(!0), s(x, null, A(g.data, (l, c) => (r(), s("div", ne, [
+            _("div", oe, S(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, [
+            (r(!0), s(x, null, A(l.list, (n, pe) => (r(), s("div", ue, [
               _("button", {
-                onClick: (i) => z(
-                  o,
+                onClick: (i) => R(
+                  n,
                   i,
-                  M(l.headers)
+                  T(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"])
+                  f((i) => m(n, i), ["enter"]),
+                  f(V((i) => m(n, i), ["prevent"]), ["space"]),
+                  f((i) => m(n, i), ["arrow-down"]),
+                  f((i) => m(n, i), ["arrow-up"])
                 ],
-                onKeyup: (i) => P(o, i)
-              }, A(o.alt_label.de), 41, re)
+                onKeyup: (i) => L(n, i)
+              }, S(n.alt_label.de), 41, re)
             ]))), 256)),
             c - 1 != Object.values(l).length ? (r(), s("div", de)) : h("", !0)
           ]))), 256))
         ])) : (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),
+          (r(!0), s(x, null, A(g.data, (l, c) => (r(), s("button", {
+            disabled: l.disabled,
             class: I({ dpiV3_selected: l.selected }),
             style: F({
-              background: v.value[l["@value"]] || "initial"
-            })
-          }, A(l["@value"] || l.pref_label.de || l.pref_label.en), 47, ie))), 256))
+              background: y.value[l["@value"]] || "initial"
+            }),
+            onClick: (n) => z(l, n),
+            onKeydown: (n) => P(l, n),
+            onKeyup: (n) => j(l, n)
+          }, S(l["@value"] || l.pref_label.de || l.pref_label.en), 47, ie))), 256))
         ]))
       ], 6)) : h("", !0)
     ]));
   }
-}, me = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-3fad67f2"]]);
+}, me = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-fed57feb"]]);
 export {
   me 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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53df9331"]]);
 export {
-  c as default
+  f as default
 };