@piveau/dpi 0.2.0-alpha.24 → 0.2.0-alpha.27

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

@@ -1,12 +1,18 @@
-import { defineComponent as p, createElementBlock as m, openBlock as h, createElementVNode as e, createCommentVNode as f, renderSlot as g, toDisplayString as s, unref as t, createVNode as o, withCtx as a, createTextVNode as y } from "vue";
-import { FormKit as l } from "@formkit/vue";
-import { PhLightbulb as b } from "@phosphor-icons/vue";
+import { defineComponent as h, createElementBlock as a, openBlock as l, createElementVNode as e, createCommentVNode as f, renderSlot as y, toDisplayString as s, unref as i, createVNode as o, withCtx as r, createTextVNode as b } from "vue";
+import { FormKit as c } from "@formkit/vue";
+import { PhLightbulb as v } from "@phosphor-icons/vue";
 import _ from "../../../../stories/components/PartnerCard.vue.js";
-import v from "../../../components/StepActionsSection.vue.js";
-import { useTwinbyUser as k } from "../../../composables/useTwinbyUser.js";
-import S from "../Card.vue.js";
-import r from "../InputField/InputFieldDefinition.js";
-const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" }, w = { class: "funny-flex" }, A = { class: "funny-section" }, P = { class: "contact-container" }, E = { class: "contact-title" }, N = { class: "contact-wrapper" }, C = ["src"], B = { class: "contact-grid" }, T = { class: "contact-col" }, V = { class: "copy-large-regular" }, M = { class: "copy-large-regular" }, O = { class: "contact-col" }, j = { class: "copy-large-regular" }, G = ["href"], F = { class: "funny-section" }, I = { class: "funny-flex" }, x = { class: "funny-section" }, H = { class: "funny-section" }, K = { class: "funny-flex" }, Y = /* @__PURE__ */ p({
+import k from "../../../components/StepActionsSection.vue.js";
+import { useTwinbyUser as S } from "../../../composables/useTwinbyUser.js";
+import w from "../Card.vue.js";
+import p from "../InputField/InputFieldDefinition.js";
+const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" }, A = { class: "funny-flex" }, P = { class: "funny-section" }, E = { class: "contact-container" }, N = { class: "contact-title" }, C = { class: "contact-wrapper" }, B = {
+  key: 0,
+  class: "contact-logo-wrapper"
+}, T = ["src"], V = { key: 1 }, M = { class: "info-wrapper" }, O = { class: "contact-grid" }, j = { class: "contact-col" }, G = { class: "copy-large-regular" }, x = { class: "copy-large-regular" }, F = { class: "contact-col" }, I = { class: "copy-large-regular" }, K = ["href"], H = {
+  key: 1,
+  class: "copy-large-regular"
+}, L = { class: "funny-section" }, W = { class: "funny-flex" }, $ = { class: "funny-section" }, R = { class: "funny-section" }, U = { class: "funny-flex" }, d = "...", ie = /* @__PURE__ */ h({
   __name: "ProjectOrganisationStep",
   props: {
     isWip: { type: Boolean },
@@ -17,41 +23,49 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
     phone: {},
     email: {}
   },
-  setup(L) {
-    const { organizationDetails: u } = k({
+  setup(q) {
+    const { organizationDetails: g } = S({
       keycloak: "https://keycloak.twin.bydata.de",
       realm: "piveau",
       audience: "piveau-hub-repo"
     });
-    return (i, n) => (h(), m("div", D, [
+    return (t, n) => (l(), a("div", D, [
       e("section", z, [
-        e("div", w, [
-          n[0] || (n[0] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
-          n[1] || (n[1] = e("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
-          g(i.$slots, "organization", {}, () => {
-            var d, c;
+        e("div", A, [
+          n[2] || (n[2] = e("h4", null, "Informationen zu Ihrer Organisation", -1)),
+          n[3] || (n[3] = e("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
+          y(t.$slots, "organization", {}, () => {
+            var u, m;
             return [
-              e("section", A, [
-                e("div", P, [
-                  e("p", E, s(((c = (d = t(u).resultEnhanced) == null ? void 0 : d.value) == null ? void 0 : c.title) || "Stadt Haar"), 1),
-                  e("div", N, [
-                    e("img", {
-                      class: "contact-logo",
-                      src: i.icon,
-                      alt: "Stadt Haar Logo"
-                    }, null, 8, C),
-                    e("div", B, [
-                      e("div", T, [
-                        e("span", V, s(i.address), 1),
-                        e("span", M, s(i.postalCode) + " " + s(i.city), 1)
-                      ]),
+              e("section", P, [
+                e("div", E, [
+                  e("p", N, s(((m = (u = i(g).resultEnhanced) == null ? void 0 : u.value) == null ? void 0 : m.title) || "Stadt Haar"), 1),
+                  e("div", C, [
+                    t.icon ? (l(), a("div", B, [
+                      e("img", {
+                        class: "contact-logo",
+                        src: t.icon,
+                        alt: "Stadt Haar Logo"
+                      }, null, 8, T)
+                    ])) : (l(), a("div", V, n[0] || (n[0] = [
+                      e("div", { class: "avatar-circle" }, null, -1)
+                    ]))),
+                    e("div", M, [
                       e("div", O, [
-                        e("span", j, s(i.phone), 1),
-                        e("a", {
-                          class: "copy-large-regular",
-                          href: `mailto:${i.email}`
-                        }, s(i.email), 9, G)
-                      ])
+                        e("div", j, [
+                          e("span", G, s(t.address || d), 1),
+                          e("span", x, s(t.postalCode || d) + " " + s(t.city || d), 1)
+                        ]),
+                        e("div", F, [
+                          e("span", I, s(t.phone || d), 1),
+                          t.email ? (l(), a("a", {
+                            key: 0,
+                            class: "copy-large-regular",
+                            href: `mailto:${t.email}`
+                          }, s(t.email), 9, K)) : (l(), a("span", H, s(d)))
+                        ])
+                      ]),
+                      n[1] || (n[1] = e("div", { style: { position: "absolute", top: "0", left: "-12px", width: "360px", height: "100%", "background-color": "var(--blue-10)", "border-radius": "24px", display: "grid", "place-content": "center" } }, " Keine Daten verfügbar ", -1))
                     ])
                   ])
                 ])
@@ -61,27 +75,27 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
         ])
       ]),
       f("", !0),
-      e("section", F, [
-        e("div", I, [
-          n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
-          n[5] || (n[5] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
+      e("section", L, [
+        e("div", W, [
+          n[6] || (n[6] = e("h5", null, "Projektkontakt (optional)", -1)),
+          n[7] || (n[7] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
           o(_, null, {
-            default: a(() => [
-              o(t(l), {
+            default: r(() => [
+              o(i(c), {
                 type: "group",
                 name: "contact"
               }, {
-                default: a(() => [
-                  o(t(l), {
-                    type: t(r),
+                default: r(() => [
+                  o(i(c), {
+                    type: i(p),
                     name: "name",
                     "text-label": "Name",
                     placeholder: "Geben Sie einen Namen an.",
                     "validation-label": "Name",
                     "validation-visibility": "submit"
                   }, null, 8, ["type"]),
-                  o(t(l), {
-                    type: t(r),
+                  o(i(c), {
+                    type: i(p),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
                     placeholder: "Geben Sie eine E-Mail-Adresse an.",
@@ -89,8 +103,8 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
                     "validation-visibility": "submit",
                     "validation-label": "E-Mail-Adresse"
                   }, null, 8, ["type"]),
-                  o(t(l), {
-                    type: t(r),
+                  o(i(c), {
+                    type: i(p),
                     name: "phone",
                     "text-label": "Telefonnummer",
                     placeholder: "Geben Sie eine Telefonnummer an.",
@@ -106,30 +120,30 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
           })
         ])
       ]),
-      e("section", x, [
-        o(v)
+      e("section", $, [
+        o(k)
       ]),
-      e("section", H, [
-        e("div", K, [
-          o(S, { variant: "default" }, {
-            icon: a(() => [
-              o(t(b), {
+      e("section", R, [
+        e("div", U, [
+          o(w, { variant: "default" }, {
+            icon: r(() => [
+              o(i(v), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
-            title: a(() => n[6] || (n[6] = [
-              y(" Wichtig! ", -1)
+            title: r(() => n[8] || (n[8] = [
+              b(" Wichtig! ", -1)
             ])),
-            default: a(() => [
-              n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
+            default: r(() => [
+              n[9] || (n[9] = e("div", { class: "copy-large-regular" }, [
                 e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
                 e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
                 e("p", null, "Geben Sie daher hier die Daten einer Organisationseinheit oder Abteilung an.")
               ], -1))
             ]),
             _: 1,
-            __: [7]
+            __: [9]
           })
         ])
       ])
@@ -137,5 +151,5 @@ const D = { class: "dpiV3_page V3-typography" }, z = { class: "funny-section" },
   }
 });
 export {
-  Y as default
+  ie as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./BasicInformationStep.vue2.js";
 /* empty css                          */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c2be8f0e"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6964f995"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -12,7 +12,7 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
   class: "funny-section"
 }, Z = { class: "partner-cards-container" }, $ = { class: "action-container" }, j = { class: "step-actions__prev-and-next" }, A = { class: "actions" }, G = { class: "funny-section" }, U = 1e3, ie = /* @__PURE__ */ B({
   __name: "BasicInformationStep",
-  setup(q) {
+  setup(O) {
     const f = g(""), k = g([]);
     g([]);
     const w = D(() => {
@@ -48,7 +48,7 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
-          validation: "required|length:0,1000",
+          validation: "length:0,1000",
           "validation-visibility": "live",
           hint: "true",
           help: `${w.value} von ${U} Zeichen`,

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

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

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

@@ -10,7 +10,7 @@ import R from "../TextArea/TextAreaDefinition.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" }, q = { class: "action-container" }, K = { class: "step-actions__prev-and-next" }, M = { class: "actions" }, U = { class: "funny-section" }, Z = 1e3, ie = /* @__PURE__ */ B({
+}, 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 p = b(""), y = b([]);
@@ -44,10 +44,10 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
-          validation: "required|length:0,1000",
+          validation: "length:0,1000",
           "validation-visibility": "submit",
           hint: "true",
-          help: `${V.value} von ${Z} Zeichen`,
+          help: `${V.value} von ${q} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
@@ -102,7 +102,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", q, [
+              t("div", K, [
                 n(a, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
@@ -128,8 +128,8 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
           handlePrevious: c,
           handleSubmit: x
         }) => [
-          t("div", K, [
-            t("div", M, [
+          t("div", M, [
+            t("div", U, [
               r ? v("", !0) : (s(), h(a, {
                 key: 0,
                 variant: "secondary",
@@ -162,7 +162,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
         ]),
         _: 1
       }),
-      t("section", U, [
+      t("section", Z, [
         n(C, { variant: "default" }, {
           icon: i(() => [
             n(o(z), {

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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53df9331"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1196d162"]]);
 export {
-  f as default
+  i as default
 };

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

@@ -1,179 +1,150 @@
-import { defineComponent as V, ref as h, computed as b, createElementBlock as u, openBlock as m, createElementVNode as i, createVNode as t, createCommentVNode as z, unref as c, Fragment as S, renderList as x, withDirectives as A, vModelCheckbox as C, withCtx as s, createTextVNode as v } from "vue";
-import { FormKit as U } from "@formkit/vue";
-import { PhLightbulb as w } from "@phosphor-icons/vue";
-import { defineHubSearch as B } from "@piveau/sdk-vue";
-import D from "zod";
-import I from "../../../components/StepActionsSection.vue.js";
-import E from "../ButtonV3.vue.js";
-import k from "../Card.vue.js";
-import L from "../Chip.vue.js";
-import P from "../ListBox/Listbox.vue.js";
-const H = { class: "dpiV3_page V3-typography" }, M = { class: "funny-section" }, N = { class: "funny-flex" }, W = {
+import { defineComponent as w, ref as p, computed as k, watch as V, createElementBlock as o, openBlock as u, createElementVNode as n, createVNode as a, createCommentVNode as _, unref as d, Fragment as y, renderList as z, withDirectives as A, vModelCheckbox as S, withCtx as l, createTextVNode as g } from "vue";
+import { FormKit as x } from "@formkit/vue";
+import { PhLightbulb as f } from "@phosphor-icons/vue";
+import "@piveau/sdk-vue";
+import "zod";
+import U from "../../../components/StepActionsSection.vue.js";
+import h from "../Card.vue.js";
+import C from "../Chip.vue.js";
+import I from "../ListBox/Listbox.vue.js";
+const B = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" }, L = { class: "funny-flex" }, P = {
   key: 0,
   class: "d-flex selected-applications"
-}, j = ["id", "value"], K = { class: "ml-auto" }, T = { class: "funny-section action-section" }, $ = { class: "action-section" }, q = { class: "action-section" }, ae = /* @__PURE__ */ V({
+}, D = ["id", "value"], M = { class: "funny-section action-section" }, N = { class: "action-section" }, W = { class: "action-section" }, R = /* @__PURE__ */ w({
   __name: "ApplicationsStep",
-  setup(Z) {
-    const l = h([]), r = h({ id: "", name: "", label: "", value: "" }), { useSearch: F } = B({
-      baseUrl: "https://staging.bydata.de/api/hub/search",
-      index: "vocabulary",
-      indexDetails: "vocabularies",
-      schema: D.any()
-    }, (e) => {
-      var o, f;
-      const n = String((e == null ? void 0 : e.id) || ""), a = String(((o = e == null ? void 0 : e.pref_label) == null ? void 0 : o.de) || ((f = e == null ? void 0 : e.pref_label) == null ? void 0 : f.en) || "");
-      return {
-        id: n,
-        name: a,
-        resource: e == null ? void 0 : e.resource
-      };
-    }), p = [
-      { id: 1, name: "Abfallmanagement" },
-      { id: 2, name: "Abwassermanagement" },
-      { id: 3, name: "Baumanagement" },
-      { id: 4, name: "Besuchermanagement" },
-      { id: 5, name: "Bildungsinfrastruktur" },
-      { id: 6, name: "Bürgerinformationssysteme" },
-      { id: 7, name: "Denkmalschutz" },
-      { id: 8, name: "E-Mobilität" },
-      { id: 9, name: "Emissionsüberwachung" },
-      { id: 10, name: "Energieeffizienz" },
-      { id: 11, name: "Energieversorgung" },
-      { id: 12, name: "Gebäudemanagement" },
-      { id: 13, name: "Hitzeinseln" },
-      { id: 14, name: "Hochwassermanagement" },
-      { id: 15, name: "Integration & Teilhabe" },
-      { id: 16, name: "Katastrophenschutz" },
-      { id: 17, name: "Krankenhausmanagement" },
-      { id: 18, name: "Ladeinfrastruktur" },
-      { id: 19, name: "Lärmschutz" },
-      { id: 20, name: "Lieferverkehr" },
-      { id: 21, name: "Luftqualität" },
-      { id: 22, name: "Mobilitätsauslastung" },
-      { id: 23, name: "Netzwerkinfrastruktur" },
-      { id: 24, name: "Notfallmanagement" },
-      { id: 25, name: "Parkraummanagement" },
-      { id: 26, name: "Sozialraummonitoring" },
-      { id: 27, name: "Stadtplanung" },
-      { id: 28, name: "Straßenbeleuchtung" },
-      { id: 29, name: "Straßeninstandhaltung" },
-      { id: 30, name: "Tourismusmanagement" },
-      { id: 31, name: "Umweltüberwachung" },
-      { id: 32, name: "Urbanes Monitoring" },
-      { id: 33, name: "Veranstaltungsplanung" },
-      { id: 34, name: "Verkehrsflussanalyse" },
-      { id: 35, name: "Wasserqualität" },
-      { id: 36, name: "Wasserversorgung" },
-      { id: 37, name: "Wirtschaftsflächenmanagement" }
-    ], g = b(() => l.value), _ = b(() => p ? p.map((e) => ({
-      id: e.id,
-      name: e.name,
-      label: e.name,
-      value: e.name
-    })) : []);
-    function y() {
-      const e = r.value;
-      e.id && (l.value.includes(e.value) || l.value.push(e.value), r.value = { id: "", name: "", label: "", value: "" });
-    }
-    return (e, n) => (m(), u("div", H, [
-      i("section", M, [
-        i("div", N, [
-          n[3] || (n[3] = i("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
-          n[4] || (n[4] = i("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)),
-          t(c(U), {
-            modelValue: l.value,
-            "onUpdate:modelValue": n[0] || (n[0] = (a) => l.value = a),
+  setup(H) {
+    const i = p([]), r = p(""), b = [
+      "Abfallmanagement",
+      "Abwassermanagement",
+      "Baumanagement",
+      "Besuchermanagement",
+      "Bildungsinfrastruktur",
+      "Bürgerinformationssysteme",
+      "Denkmalschutz",
+      "E-Mobilität",
+      "Emissionsüberwachung",
+      "Energieeffizienz",
+      "Energieversorgung",
+      "Gebäudemanagement",
+      "Hitzeinseln",
+      "Hochwassermanagement",
+      "Integration & Teilhabe",
+      "Katastrophenschutz",
+      "Krankenhausmanagement",
+      "Ladeinfrastruktur",
+      "Lärmschutz",
+      "Lieferverkehr",
+      "Luftqualität",
+      "Mobilitätsauslastung",
+      "Netzwerkinfrastruktur",
+      "Notfallmanagement",
+      "Parkraummanagement",
+      "Sozialraummonitoring",
+      "Stadtplanung",
+      "Straßenbeleuchtung",
+      "Straßeninstandhaltung",
+      "Tourismusmanagement",
+      "Umweltüberwachung",
+      "Urbanes Monitoring",
+      "Veranstaltungsplanung",
+      "Verkehrsflussanalyse",
+      "Wasserqualität",
+      "Wasserversorgung",
+      "Wirtschaftsflächenmanagement"
+    ], m = k(() => i.value);
+    return V(r, (s) => {
+      r.value = "", s && (i.value.includes(s) || i.value.push(s));
+    }), (s, e) => (u(), o("div", B, [
+      n("section", E, [
+        n("div", L, [
+          e[3] || (e[3] = n("h4", null, " Geben Sie Anwendungsbereiche an ", -1)),
+          e[4] || (e[4] = n("span", { class: "copy-large-regular" }, "Wenn Ihr Projekt mehrere Anwendungsbereiche abdeckt, wählen Sie diese in der Liste aus. ", -1)),
+          a(d(x), {
+            modelValue: i.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => i.value = t),
             name: "applications",
             type: "list",
             validation: "required",
             "validation-label": "Anwendungsbereiche",
             hidden: ""
           }, null, 8, ["modelValue"]),
-          g.value.length > 0 ? (m(), u("div", W, [
-            (m(!0), u(S, null, x(g.value, (a, d) => (m(), u("div", {
-              key: `application-${a}@${d}`,
+          m.value.length > 0 ? (u(), o("div", P, [
+            (u(!0), o(y, null, z(m.value, (t, c) => (u(), o("div", {
+              key: `application-${t}@${c}`,
               class: "label-chip"
             }, [
-              A(i("input", {
-                id: `application-${a}@${d}`,
-                "onUpdate:modelValue": n[1] || (n[1] = (o) => l.value = o),
+              A(n("input", {
+                id: `application-${t}@${c}`,
+                "onUpdate:modelValue": e[1] || (e[1] = (v) => i.value = v),
                 class: "label-chip__input",
                 type: "checkbox",
-                value: a
-              }, null, 8, j), [
-                [C, l.value]
+                value: t
+              }, null, 8, D), [
+                [S, i.value]
               ]),
-              t(L, {
+              a(C, {
                 as: "label",
-                for: a,
+                for: t,
                 class: "label-chip__inner",
-                text: a,
-                data: { "@value": a, URI: "https://example.com/default" },
+                text: t,
+                data: { "@value": t, URI: "https://example.com/default" },
                 setup: { "@type": "selected", "@icon": "suffix", "@inTable": !1, "@selected": !0 }
               }, null, 8, ["for", "text", "data"])
             ]))), 128))
-          ])) : z("", !0),
-          t(P, {
+          ])) : _("", !0),
+          a(I, {
             modelValue: r.value,
-            "onUpdate:modelValue": n[2] || (n[2] = (a) => r.value = a),
-            options: _.value,
-            placeholder: "Suche oder neuen Anwendungsbereich eingeben...",
-            label: "Anwendungsbereich auswählen oder neuen eingeben",
+            "onUpdate:modelValue": [
+              e[2] || (e[2] = (t) => r.value = t),
+              s.addapplicationInput
+            ],
+            options: b,
+            placeholder: "Wählen Sie Ihre Anwendungsbereiche",
+            label: "Anwendungsbereich auswählen",
             filterable: "",
             taggable: "",
             "create-option": "",
-            clearable: "",
-            class: "mt-6"
-          }, null, 8, ["modelValue", "options"]),
-          i("div", K, [
-            t(E, {
-              "button-text": "Anwendungsbereich hinzufügen",
-              size: "medium",
-              variant: "tertiary",
-              "icon-start": "plus",
-              disabled: !r.value.id,
-              onClick: y
-            }, null, 8, ["disabled"])
-          ])
+            clearable: ""
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])
         ])
       ]),
-      i("section", T, [
-        t(I, { "hide-cancel": "" })
+      n("section", M, [
+        a(U, { "hide-cancel": "" })
       ]),
-      i("section", $, [
-        t(k, { variant: "default" }, {
-          icon: s(() => [
-            t(c(w), {
+      n("section", N, [
+        a(h, { variant: "default" }, {
+          icon: l(() => [
+            a(d(f), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => n[5] || (n[5] = [
-            v(" Information ", -1)
+          title: l(() => e[5] || (e[5] = [
+            g(" Information ", -1)
           ])),
-          default: s(() => [
-            n[6] || (n[6] = i("div", { class: "application-information" }, [
-              i("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. ")
+          default: l(() => [
+            e[6] || (e[6] = n("div", { class: "application-information" }, [
+              n("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]
         })
       ]),
-      i("section", q, [
-        t(k, { variant: "default" }, {
-          icon: s(() => [
-            t(c(w), {
+      n("section", W, [
+        a(h, { variant: "default" }, {
+          icon: l(() => [
+            a(d(f), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => n[7] || (n[7] = [
-            v(" Beispiel ", -1)
+          title: l(() => e[7] || (e[7] = [
+            g(" Beispiel ", -1)
           ])),
-          default: s(() => [
-            n[8] || (n[8] = i("div", { class: "application-information" }, [
-              i("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. ")
+          default: l(() => [
+            e[8] || (e[8] = n("div", { class: "application-information" }, [
+              n("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,
@@ -184,5 +155,5 @@ const H = { class: "dpiV3_page V3-typography" }, M = { class: "funny-section" },
   }
 });
 export {
-  ae as default
+  R as default
 };

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

@@ -15,7 +15,7 @@ const m = { class: "application-information" }, b = /* @__PURE__ */ o({
         })
       ]),
       title: e(() => r[0] || (r[0] = [
-        s(" Vorsicht ", -1)
+        s(" Vorsicht! ", -1)
       ])),
       default: e(() => [
         t("div", m, [

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

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