@piveau/dpi 0.2.0-alpha.4 → 0.2.0-alpha.40

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

@@ -0,0 +1,215 @@
+import { defineComponent as R, ref as p, computed as E, useModel as L, inject as F, createElementBlock as V, openBlock as o, createElementVNode as t, createVNode as i, createBlock as l, createCommentVNode as h, createTextVNode as y, unref as r, isRef as D, withCtx as s, Fragment as M, renderList as N } from "vue";
+import { FormKit as v } from "@formkit/vue";
+import { PhLightbulb as O, PhExclamationMark as H } from "@phosphor-icons/vue";
+import K from "../../../../stories/components/LinkCard.vue.js";
+import W from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as $ } from "../../../utils/injectionKeys.js";
+import a from "../ButtonV3.vue.js";
+import w from "../Card.vue.js";
+import { useProcessStepResources as j, ensureHasOneResource as I } from "../ProcessSteps/utils.js";
+import U from "../TextArea/TextAreaDefinition.js";
+const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" }, T = { class: "funny-section" }, G = {
+  id: "partners-section",
+  class: "funny-section"
+}, q = { class: "partner-cards-container" }, J = { class: "action-container" }, Q = { class: "step-actions__prev-and-next" }, X = { class: "actions" }, Y = 1e3, ce = /* @__PURE__ */ R({
+  __name: "BasicInformationStep",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(_) {
+    const f = p(""), z = p([]);
+    p([]);
+    const S = p(!1), B = E(() => {
+      var b;
+      return ((b = f.value) == null ? void 0 : b.length) || 0;
+    });
+    L(_, "modelValue");
+    const P = F($), { globalResourceCount: g } = j("4. Datenvisualisierung", !1);
+    return (b, e) => (o(), V("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" }, [
+            y(" Führen Sie im Schritt der "),
+            t("strong", null, "Datenvisualisierung"),
+            y(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
+          ])
+        ])
+      ], -1)),
+      i(r(v), {
+        modelValue: r(g),
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => D(g) ? g.value = n : null),
+        type: "hidden",
+        name: "__resourceCountGlobal",
+        hidden: "",
+        "aria-hidden": "",
+        "validation-rules": { ensureHasOneResource: r(I) },
+        validation: "+ensureHasOneResource",
+        "validation-visibility": "live",
+        "validation-messages": { ensureHasOneResource: "Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden." }
+      }, null, 8, ["modelValue", "validation-rules"]),
+      t("section", A, [
+        i(r(v), {
+          id: "Beschreibung",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => f.value = n),
+          class: "budgetArea",
+          label: "Beschreibung",
+          type: r(U),
+          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 ${Y} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"])
+      ]),
+      t("section", T, [
+        i(w, { variant: "default" }, {
+          icon: s(() => [
+            i(r(O), {
+              size: 32,
+              color: "#009FE3"
+            })
+          ]),
+          title: s(() => e[3] || (e[3] = [
+            y(" Beispiel ", -1)
+          ])),
+          default: s(() => [
+            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,
+          __: [4]
+        })
+      ]),
+      t("section", G, [
+        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", q, [
+          i(r(v), {
+            modelValue: z.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (n) => z.value = n),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: s(({ items: n, node: u, value: d }) => [
+              (o(!0), V(M, null, N(n, (c, m) => (o(), l(r(v), {
+                key: c,
+                type: "group",
+                index: m
+              }, {
+                default: s(() => [
+                  i(K, null, {
+                    action: s(() => [
+                      i(a, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => u.input(d.filter((x, k) => k !== m))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", J, [
+                i(a, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (c) => u.input(d.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      i(W, {
+        compact: "",
+        "next-text": "Weiter zu Software",
+        class: "actions-container",
+        "show-detailed-error-summary": ""
+      }, {
+        "prev-and-next": s(({
+          hidePrevious: n,
+          hideNext: u,
+          previousText: d,
+          nextText: c,
+          handleNext: m,
+          handlePrevious: x,
+          validate: k
+        }) => [
+          t("div", Q, [
+            t("div", X, [
+              n ? h("", !0) : (o(), l(a, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": d,
+                "icon-start": "CaretLeft",
+                class: "previus-button",
+                onClick: x
+              }, null, 8, ["button-text", "onClick"])),
+              n ? h("", !0) : (o(), l(a, {
+                key: 1,
+                variant: "secondary",
+                class: "skip-button",
+                size: "large",
+                "button-text": "Weiter ohne Datenvisualisierung",
+                "icon-end": "CaretRight",
+                onClick: (ee) => k(() => {
+                  var C;
+                  return (C = r(P)) == null ? void 0 : C.goToStep("Vorschau");
+                })
+              }, null, 8, ["onClick"]))
+            ]),
+            u ? h("", !0) : (o(), l(a, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": c,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: m
+            }, null, 8, ["button-text", "onClick"]))
+          ])
+        ]),
+        _: 1
+      }),
+      S.value ? (o(), l(w, {
+        key: 0,
+        variant: "error",
+        class: "error"
+      }, {
+        icon: s(() => [
+          i(r(H), {
+            size: 32,
+            color: "currentColor"
+          })
+        ]),
+        title: s(() => e[7] || (e[7] = [
+          t("span", { class: "error-title" }, "Fehler", -1)
+        ])),
+        default: s(() => [
+          e[8] || (e[8] = t("ul", { class: "validation-errors" }, [
+            t("li", null, " Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ")
+          ], -1))
+        ]),
+        _: 1,
+        __: [8]
+      })) : h("", !0)
+    ]));
+  }
+});
+export {
+  ce as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/DatasetStatus.vue.js

@@ -2,7 +2,7 @@ import m from "./StateTag.vue.js";
 import d from "./MoreButton.vue.js";
 import { resolveComponent as o, createElementBlock as t, openBlock as e, Fragment as _, renderList as u, createElementVNode as r, createVNode as n, toDisplayString as f } from "vue";
 /* empty css                   */
-import g from "../../../_virtual/_plugin-vue_export-helper.js";
+import g from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const k = {
   name: "DatasetStatus",
   props: {

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

@@ -0,0 +1,7 @@
+import o from "./DpiModalBase.vue2.js";
+/* empty css                  */
+import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-8d995a5f"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,110 @@
+import { defineComponent as v, mergeModels as V, useModel as B, computed as k, createBlock as y, openBlock as r, unref as a, withCtx as i, createVNode as n, createElementVNode as o, createElementBlock as _, createCommentVNode as m, renderSlot as d, toDisplayString as C } from "vue";
+import { TransitionRoot as h, Dialog as b, TransitionChild as c, DialogPanel as M } from "@headlessui/vue";
+import R from "./CrossOutButton.vue.js";
+const g = { class: "dpiV3_RapModalContainer" }, $ = { class: "dpiV3_RapModalInner" }, D = { class: "dpiV3_modalHead" }, w = { class: "editModalHeader" }, N = {
+  key: 0,
+  class: "dpiV3_closeButtonContainer"
+}, O = { class: "dpiV3_modalBody" }, E = {
+  key: 0,
+  class: "dpiV3_interactionWrap"
+}, P = /* @__PURE__ */ v({
+  __name: "DpiModalBase",
+  props: /* @__PURE__ */ V({
+    persistent: { type: Boolean },
+    hideCloseBtn: { type: Boolean },
+    compactLayout: { type: Boolean },
+    title: {},
+    initialFocusRef: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(p) {
+    const l = p, u = B(p, "modelValue"), s = k({
+      get() {
+        return u.value;
+      },
+      set(e) {
+        l.persistent && !e || (u.value = e);
+      }
+    });
+    return (e, t) => (r(), y(a(h), {
+      show: s.value,
+      as: "template",
+      unmount: !1
+    }, {
+      default: i(() => [
+        n(a(b), {
+          style: { position: "relative", "z-index": "10000" },
+          unmount: !1,
+          "initial-focus": l.initialFocusRef,
+          onClose: t[1] || (t[1] = (f) => s.value = !1)
+        }, {
+          default: i(() => [
+            n(a(c), {
+              enter: "dpiV3__backdrop-transition--enter",
+              leave: "dpiV3__backdrop-transition--leave",
+              "enter-from": "dpiV3__backdrop-transition--enter-from",
+              "enter-to": "dpiV3__backdrop-transition--enter-to",
+              "leave-from": "dpiV3__backdrop-transition--leave-from",
+              "leave-to": "dpiV3__backdrop-transition--leave-to",
+              unmount: !1
+            }, {
+              default: i(() => t[2] || (t[2] = [
+                o("div", { class: "dpiV3_backdrop" }, null, -1)
+              ])),
+              _: 1,
+              __: [2]
+            }),
+            o("div", g, [
+              n(a(c), {
+                enter: "dpiV3__modal-transition--enter",
+                leave: "dpiV3__modal-transition--leave",
+                "enter-from": "dpiV3__modal-transition--enter-from",
+                "enter-to": "dpiV3__modal-transition--enter-to",
+                "leave-from": "dpiV3__modal-transition--leave-from",
+                "leave-to": "dpiV3__modal-transition--leave-to",
+                unmount: !1
+              }, {
+                default: i(() => [
+                  n(a(M), { class: "dpiV3_RapModalOuter" }, {
+                    default: i(() => [
+                      o("div", $, [
+                        o("div", D, [
+                          d(e.$slots, "header", {}, () => [
+                            o("h4", w, C(e.title) + " bearbeiten ", 1)
+                          ], !0),
+                          !l.persistent && !e.hideCloseBtn ? (r(), _("div", N, [
+                            n(R, {
+                              class: "dpiV3_closeButton",
+                              type: "default",
+                              onClick: t[0] || (t[0] = (f) => s.value = !1)
+                            })
+                          ])) : m("", !0)
+                        ]),
+                        o("div", O, [
+                          d(e.$slots, "default", {}, void 0, !0)
+                        ])
+                      ]),
+                      e.compactLayout ? m("", !0) : (r(), _("div", E, [
+                        d(e.$slots, "footer", {}, void 0, !0)
+                      ]))
+                    ]),
+                    _: 3
+                  })
+                ]),
+                _: 3
+              })
+            ])
+          ]),
+          _: 3
+        }, 8, ["initial-focus"])
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+});
+export {
+  P as default
+};

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

@@ -0,0 +1,270 @@
+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 = {
+  key: 0,
+  class: "dpiV3_loading"
+}, le = {
+  key: 1,
+  class: "dpiV3_empty-state"
+}, ae = {
+  key: 2,
+  class: "dpiV3_dropdown dpiV3_dropdownMulti"
+}, 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 = ["disabled", "onClick", "onKeydown", "onKeyup"], ce = {
+  __name: "Dropdown",
+  props: {
+    buttonText: {
+      type: String,
+      required: !0
+    },
+    notDraft: {
+      type: Boolean
+    },
+    text: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      required: !0
+    },
+    data: {
+      type: Object,
+      required: !0
+    },
+    multi: {
+      type: Boolean
+    },
+    alignment: {
+      type: Boolean
+    },
+    inputFieldProps: {
+      type: Object,
+      default: () => ({})
+    },
+    dropdownWidth: {
+      type: String,
+      default: "medium",
+      validator: (g) => ["medium", "large"].includes(g)
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    autocomplete: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: { type: String, default: "" },
+    loading: { type: Boolean, default: !1 }
+    // Loading prop from parent
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    "deleteDropdownField",
+    "valueSent",
+    "chosenVocItem",
+    "clickOutside"
+  ],
+  setup(g, { emit: q }) {
+    const a = g, v = q, { t: M } = J(), w = p();
+    p("#0172AD");
+    let u = p(!1);
+    const y = p({});
+    p([]);
+    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;
+        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;
+    });
+    B(
+      () => a.loading,
+      (e) => {
+        b.value = e;
+      }
+    );
+    const d = p(a.modelValue);
+    B(
+      () => a.modelValue,
+      (e) => {
+        d.value = e;
+      }
+    );
+    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);
+    }
+    const O = K(() => {
+      if (!a.autocomplete)
+        return a.dropdownWidth === "large" ? "100%" : "161px";
+    });
+    function k(e) {
+      a.autocomplete || a.isDisabled || (u.value = !u.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(), o.value = (o.value + 1) % t.length, t[o.value].focus());
+      }
+    }
+    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((n) => n === document.activeElement);
+      if (t.key === "ArrowDown") {
+        t.preventDefault();
+        const n = (c + 1) % l.length;
+        l[n].focus(), o.value = n;
+      } else if (t.key === "ArrowUp") {
+        t.preventDefault();
+        const n = (c - 1 + l.length) % l.length;
+        l[n].focus(), o.value = n;
+      }
+    }
+    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((n) => {
+            n.selected = !1;
+          });
+      }), e.selected = !e.selected, d.value = e["@value"], u.value = !1);
+    }
+    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(), 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, 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((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, 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(), D(Y, {
+        key: 0,
+        ref_key: "accActive",
+        ref: w,
+        "button-text": a.buttonText,
+        onClick: k
+      }, null, 8, ["button-text"])) : h("", !0),
+      a.type === "moreButton" ? (r(), D(X, {
+        key: 1,
+        ref_key: "accActive",
+        ref: w,
+        onClick: k
+      }, null, 512)) : h("", !0),
+      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($, ["prevent"]), ["arrow-down"])
+        ],
+        onInput: W,
+        onDeleteButtonClicked: U
+      }), null, 16, ["model-value", "drop-down-expanded", "onKeydown"])) : h("", !0),
+      C(u) ? (r(), s("div", {
+        key: 3,
+        class: I(["dpiV3_dropdownWrapper", {
+          alignRight: a.alignment === "right"
+        }]),
+        style: F({ width: O.value })
+      }, [
+        b.value ? (r(), s("div", te, t[0] || (t[0] = [
+          _("div", { class: "dpiV3_loading-spinner" }, null, -1),
+          _("span", null, "Daten werden geladen...", -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, 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, A(l.list, (n, pe) => (r(), s("div", ue, [
+              _("button", {
+                onClick: (i) => R(
+                  n,
+                  i,
+                  T(l.headers)
+                ),
+                onKeydown: [
+                  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) => 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, A(g.data, (l, c) => (r(), s("button", {
+            disabled: l.disabled,
+            class: I({ dpiV3_selected: l.selected }),
+            style: F({
+              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-fed57feb"]]);
+export {
+  me as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./ApplicationsStep.vue2.js";
+/* empty css                      */
+import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-92060eba"]]);
+export {
+  e as default
+};