@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.11

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

@@ -0,0 +1,189 @@
+import { defineComponent as B, ref as b, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as h, unref as o, withCtx as i, Fragment as P, renderList as W, createBlock as p, createCommentVNode as v } from "vue";
+import { FormKit as k } from "@formkit/vue";
+import { PhLightbulb as z } from "@phosphor-icons/vue";
+import A from "../../../../stories/components/LinkCard.vue.js";
+import I from "../../../components/StepActionsSection.vue.js";
+import a from "../ButtonV3.vue.js";
+import C from "../Card.vue.js";
+import N from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
+const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, T = { class: "funny-section" }, $ = {
+  id: "partners-section",
+  class: "funny-section"
+}, j = { class: "partner-cards-container" }, K = { class: "action-container" }, M = { class: "step-actions__prev-and-next" }, U = { class: "actions" }, Z = { class: "funny-section" }, q = 1e3, ie = /* @__PURE__ */ B({
+  __name: "BasicInformationStep",
+  setup(G) {
+    const f = b(""), y = b([]);
+    b([]);
+    const V = D(() => {
+      var g;
+      return ((g = f.value) == null ? void 0 : g.length) || 0;
+    }), l = L(R);
+    console.log(l);
+    function w() {
+      l == null || l.goTo("3. Datensimulation/Grundlegende Informationen");
+    }
+    return (g, e) => (s(), _("div", E, [
+      e[8] || (e[8] = t("section", { class: "funny-section" }, [
+        t("div", { class: "funny-flex" }, [
+          t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenverarbeitung"),
+          t("span", { class: "copy-large-regular" }, [
+            h(" Beschreiben Sie im Schritt der "),
+            t("strong", null, "Datenverarbeitung"),
+            h(", wie Sie die Rohdaten zusammengeführt und aufbereitet haben. ")
+          ])
+        ])
+      ], -1)),
+      t("section", F, [
+        n(o(k), {
+          id: "Beschreibung",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
+          class: "budgetArea",
+          label: "Beschreibung",
+          type: o(N),
+          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: `${V.value} von ${q} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"])
+      ]),
+      t("section", T, [
+        n(C, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[2] || (e[2] = [
+            h(" Beispiel ", -1)
+          ])),
+          default: i(() => [
+            e[3] || (e[3] = t("p", null, " Die eingegangenen Messdaten werden automatisiert geprüft, bereinigt und mithilfe von Algorithmen analysiert. Ausreißer und fehlerhafte Werte werden erkannt und im Rahmen der Datenqualitätssicherung gefiltert. Anschließend werden die Wasserstandsdaten mit weiteren relevanten Informationen, wie Wetterdaten oder Bodenbeschaffenheit, kombiniert und für Prognoseberechnungen aufbereitet. ", -1))
+          ]),
+          _: 1,
+          __: [3]
+        })
+      ]),
+      t("section", $, [
+        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" }, "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", j, [
+          n(o(k), {
+            modelValue: y.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => y.value = r),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: i(({ items: r, node: u, value: c }) => [
+              (s(!0), _(P, null, W(r, (d, m) => (s(), p(o(k), {
+                key: d,
+                type: "group",
+                index: m
+              }, {
+                default: i(() => [
+                  n(A, null, {
+                    action: i(() => [
+                      n(a, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => u.input(c.filter((x, S) => S !== m))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", K, [
+                n(a, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (d) => u.input(c.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n(I, {
+        classList: "step-actions",
+        "next-text": "Weiter zu Software"
+      }, {
+        "prev-and-next": i(({
+          hidePrevious: r,
+          hideNext: u,
+          previousText: c,
+          nextText: d,
+          handlePrevious: m,
+          handleSubmit: x
+        }) => [
+          t("div", M, [
+            t("div", U, [
+              r ? v("", !0) : (s(), p(a, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": c,
+                "icon-start": "CaretLeft",
+                class: "previus-button",
+                onClick: m
+              }, null, 8, ["button-text", "onClick"])),
+              r ? v("", !0) : (s(), p(a, {
+                key: 1,
+                variant: "secondary",
+                size: "large",
+                "button-text": "Weiter ohne Datenverarbeitung",
+                onClick: w,
+                "icon-end": "CaretRight",
+                class: "secondary-button"
+              }))
+            ]),
+            u ? v("", !0) : (s(), p(a, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": d,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: x
+            }, null, 8, ["button-text", "onClick"]))
+          ])
+        ]),
+        _: 1
+      }),
+      t("section", Z, [
+        n(C, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[6] || (e[6] = [
+            h(" Vorsicht! ", -1)
+          ])),
+          default: i(() => [
+            e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenverarbeitung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
+          ]),
+          _: 1,
+          __: [7]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  ie 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 e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-c3a5360e"]]);
+export {
+  e as default
+};

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

@@ -0,0 +1,255 @@
+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";
+/* 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"
+}, oe = { class: "dpiV3_multiInnerWrap" }, ne = { 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 = {
+  __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: T }) {
+    const { t: q } = Y(), w = p();
+    p("#0172AD");
+    let u = p(!1);
+    const v = 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(() => {
+      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) => {
+        D.value = e;
+      }
+    );
+    const d = p(a.modelValue);
+    B(
+      () => a.modelValue,
+      (e) => {
+        d.value = e;
+      }
+    );
+    const U = () => {
+      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";
+    }), k = (e) => {
+      a.autocomplete || a.isDisabled || (u.value = !u.value);
+    }, L = (e) => {
+      if (u.value && !D.value && !S.value) {
+        n.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());
+      }
+    }, 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 (t.key === "ArrowDown") {
+        t.preventDefault();
+        const o = (c + 1) % l.length;
+        l[o].focus(), n.value = o;
+      } else if (t.key === "ArrowUp") {
+        t.preventDefault();
+        const o = (c - 1 + l.length) % l.length;
+        l[o].focus(), n.value = o;
+      }
+    }, 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;
+          });
+      }), 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"));
+      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;
+      }), 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;
+          });
+      }), 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) => {
+      u.value = !1;
+    }), (e, t) => (r(), s("div", ee, [
+      a.type === "textButtonSmall" ? (r(), b(J, {
+        key: 0,
+        buttonText: a.buttonText,
+        onClick: k,
+        ref_key: "accActive",
+        ref: w
+      }, null, 8, ["buttonText"])) : h("", !0),
+      a.type === "moreButton" ? (r(), b(Q, {
+        key: 1,
+        onClick: k,
+        ref_key: "accActive",
+        ref: w
+      }, null, 512)) : h("", !0),
+      a.type === "inputField" ? (r(), b(X, H({ key: 2 }, a.inputFieldProps, {
+        onClick: k,
+        onKeydown: [
+          f(V(k, ["prevent"]), ["space"]),
+          f(k, ["enter"]),
+          f(V(L, ["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),
+      C(u) ? (r(), s("div", {
+        key: 3,
+        class: I(["dpiV3_dropdownWrapper", {
+          alignRight: a.alignment === "right"
+        }]),
+        style: F({ width: O.value })
+      }, [
+        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(), 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
+            )), 1),
+            (r(!0), s(x, null, E(l.list, (o, pe) => (r(), s("div", ue, [
+              _("button", {
+                onClick: (i) => z(
+                  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(), 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),
+            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))
+        ]))
+      ], 6)) : h("", !0)
+    ]));
+  }
+}, me = /* @__PURE__ */ Z(ce, [["__scopeId", "data-v-3fad67f2"]]);
+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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-341c16e4"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,164 @@
+import { defineComponent as C, ref as v, computed as b, createElementBlock as d, openBlock as p, createElementVNode as t, createVNode as l, createCommentVNode as A, unref as m, Fragment as U, renderList as z, withDirectives as I, vModelCheckbox as P, withCtx as o, createTextVNode as g } from "vue";
+import { FormKit as D } from "@formkit/vue";
+import { PhLightbulb as _ } from "@phosphor-icons/vue";
+import { defineHubSearch as j } from "@piveau/sdk-vue";
+import $ from "zod";
+import B from "../../../components/StepActionsSection.vue.js";
+import E from "../Autocomplete/AutocompleteVocab.vue.js";
+import L from "../ButtonV3.vue.js";
+import w from "../Card.vue.js";
+import N from "../Chip.vue.js";
+const H = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-flex" }, M = {
+  key: 0,
+  class: "d-flex selected-applications"
+}, Z = ["id", "value"], q = { class: "ml-auto" }, F = { class: "funny-section action-section" }, K = { class: "action-section" }, T = { class: "action-section" }, V = "data-theme", se = /* @__PURE__ */ C({
+  __name: "ApplicationsStep",
+  setup(G) {
+    const s = v([]), c = v(""), { useResources: k } = j({
+      baseUrl: "https://staging.bydata.de/api/hub/search",
+      index: "vocabulary",
+      indexDetails: "vocabularies",
+      schema: $.any()
+    }, (n) => {
+      var a, u;
+      const e = String((n == null ? void 0 : n.id) || ""), i = String(((a = n == null ? void 0 : n.pref_label) == null ? void 0 : a.de) || ((u = n == null ? void 0 : n.pref_label) == null ? void 0 : u.en) || "");
+      return {
+        id: e,
+        name: i,
+        resource: n == null ? void 0 : n.resource
+      };
+    }), y = b(() => s.value.map((n) => ({
+      resourceId: `${V}/vocable`,
+      params: {
+        additionalParams: {
+          resource: n
+        }
+      }
+    }))), f = k(y), h = b(() => f.value.every((n) => n.isSuccess) ? f.value.map((n) => {
+      const e = n.resultEnhanced;
+      return (e == null ? void 0 : e.name) || "";
+    }) : []);
+    function S() {
+      const n = c.value;
+      if (n && n.trim()) {
+        const e = n.trim();
+        s.value.includes(e) || s.value.push(e), c.value = "";
+      }
+    }
+    return (n, e) => (p(), d("div", H, [
+      t("section", R, [
+        t("div", W, [
+          e[3] || (e[3] = t("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
+          e[4] || (e[4] = t("span", { class: "copy-large-regular" }, "Wenn Ihr Projekt mehrere Anwendungsbereiche abdeckt, wählen Sie diese hier entweder aus der Liste oder geben Sie sie manuell an. ", -1)),
+          l(m(D), {
+            modelValue: s.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (i) => s.value = i),
+            name: "applications",
+            type: "list",
+            hidden: ""
+          }, null, 8, ["modelValue"]),
+          h.value.length > 0 ? (p(), d("div", M, [
+            (p(!0), d(U, null, z(h.value, (i, r) => {
+              var a, u;
+              return p(), d("div", {
+                key: `application-${i}@${r}`,
+                class: "label-chip"
+              }, [
+                I(t("input", {
+                  id: `application-${i}@${r}`,
+                  "onUpdate:modelValue": e[1] || (e[1] = (x) => s.value = x),
+                  class: "label-chip__input",
+                  type: "checkbox",
+                  value: (u = (a = m(f)[r]) == null ? void 0 : a.resultEnhanced) == null ? void 0 : u.resource
+                }, null, 8, Z), [
+                  [P, s.value]
+                ]),
+                l(N, {
+                  as: "label",
+                  for: `application-${i}@${r}`,
+                  class: "label-chip__inner",
+                  text: i,
+                  data: {
+                    "@value": i,
+                    URI: "https://example.com/default"
+                  },
+                  setup: {
+                    "@type": "selected",
+                    "@icon": "suffix",
+                    "@inTable": !1,
+                    "@selected": !0
+                  }
+                }, null, 8, ["for", "text", "data"])
+              ]);
+            }), 128))
+          ])) : A("", !0),
+          l(E, {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (i) => c.value = i),
+            vocabulary: V,
+            name: "projectName",
+            label: "Wählen Sie Vorschläge aus der Liste",
+            placeholder: "Wählen Sie den Projektstatus.",
+            validation: "required",
+            "validation-label": "Projektstatus"
+          }, null, 8, ["modelValue"]),
+          t("div", q, [
+            l(L, {
+              "button-text": "Anwendungsbereich hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              onClick: S
+            })
+          ])
+        ])
+      ]),
+      t("section", F, [
+        l(B, { "hide-cancel": "" })
+      ]),
+      t("section", K, [
+        l(w, { variant: "default" }, {
+          icon: o(() => [
+            l(m(_), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: o(() => e[5] || (e[5] = [
+            g(" Information ", -1)
+          ])),
+          default: o(() => [
+            e[6] || (e[6] = t("div", { class: "application-information" }, [
+              t("p", null, " Ein Projekt beschreibt einen Use Case, der mithilfe eines Digitalen Zwillings umgesetzt wurde – nicht den gesamten Digitalen Zwilling. Ein Use Case kann unterschiedliche kommunale Anwendungsbereiche betreffen, die Sie für Ihr Projekt im Verlauf der Anlage benennen können. ")
+            ], -1))
+          ]),
+          _: 1,
+          __: [6]
+        })
+      ]),
+      t("section", T, [
+        l(w, { variant: "default" }, {
+          icon: o(() => [
+            l(m(_), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: o(() => e[7] || (e[7] = [
+            g(" Beispiel ", -1)
+          ])),
+          default: o(() => [
+            e[8] || (e[8] = t("div", { class: "application-information" }, [
+              t("p", null, " In Ihrem Projekt „Hochwasserschutzprogramm mit Prognosen“ wird mit Hilfe eines Digitalen Zwillings des lokalen Wassersystems die Hochwasserlage überwacht und vorhergesagt. Dieser Use Case betrifft mehrere Anwendungsbereiche wie Katastrophenschutz, Stadtplanung, Umwelt, Infrastrukturschutz und Bürgerinformation. ")
+            ], -1))
+          ]),
+          _: 1,
+          __: [8]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  se as default
+};

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

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