@piveau/dpi 0.2.0-alpha.41 → 0.2.0-alpha.43

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

@@ -1,117 +1,136 @@
-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 = {
+import { defineComponent as M, mergeModels as A, ref as f, computed as S, useModel as D, inject as H, createElementBlock as _, openBlock as l, createElementVNode as t, createBlock as u, createCommentVNode as d, createVNode as s, createTextVNode as z, unref as i, isRef as N, withCtx as r, Fragment as O, renderList as q } from "vue";
+import { FormKit as k } from "@formkit/vue";
+import { PhLightbulb as K, PhExclamationMark as W } from "@phosphor-icons/vue";
+import $ from "../../../../stories/components/LinkCard.vue.js";
+import { empty as B, generateIsRequiredMsg as j } from "../../../../utils/twinbyUtils.js";
+import U from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as Z } from "../../../utils/injectionKeys.js";
+import c from "../ButtonV3.vue.js";
+import L from "../Card.vue.js";
+import { useProcessStepResources as T, ensureHasOneResource as G } from "../ProcessSteps/utils.js";
+import J from "../TextArea/TextAreaDefinition.js";
+const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" }, Y = { class: "funny-section" }, ee = {
   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({
+}, te = { class: "partner-cards-container" }, ne = { class: "action-container" }, ie = { class: "step-actions__prev-and-next" }, re = { class: "actions" }, se = 1e3, fe = /* @__PURE__ */ M({
   __name: "BasicInformationStep",
-  props: {
+  props: /* @__PURE__ */ A({
+    edit: { type: Boolean }
+  }, {
     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;
+  setup(C) {
+    const P = C, m = f(""), p = f([]);
+    f([]);
+    const R = f(!1), E = S(() => {
+      var o;
+      return ((o = m.value) == null ? void 0 : o.length) || 0;
     });
-    L(_, "modelValue");
-    const P = F($), { globalResourceCount: g } = j("4. Datenvisualisierung", !1);
-    return (b, e) => (o(), V("div", Z, [
+    D(C, "modelValue");
+    const F = H(Z), x = S(() => {
+      const o = !B(m.value), e = Array.isArray(p.value) && p.value.length > 0;
+      return o || e;
+    });
+    function I(o) {
+      var n, a;
+      const e = o.at("$parent");
+      return !e || e.type !== "group" ? !0 : Array.isArray((n = e.value) == null ? void 0 : n.links) && ((a = e.value) == null ? void 0 : a.links).length > 0 ? !B(o.value) : !0;
+    }
+    const { globalResourceCount: b } = T("4. Datenvisualisierung", !1);
+    return (o, e) => (l(), _("div", Q, [
       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 "),
+            z(" 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. ")
+            z(" 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),
+      P.edit ? d("", !0) : (l(), u(i(k), {
+        key: 0,
+        modelValue: i(b),
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => N(b) ? b.value = n : null),
         type: "hidden",
         name: "__resourceCountGlobal",
         hidden: "",
         "aria-hidden": "",
-        "validation-rules": { ensureHasOneResource: r(I) },
+        "validation-rules": { ensureHasOneResource: i(G) },
         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), {
+      }, null, 8, ["modelValue", "validation-rules"])),
+      t("section", X, [
+        s(i(k), {
           id: "Beschreibung",
-          modelValue: f.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (n) => f.value = n),
+          modelValue: m.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (n) => m.value = n),
           class: "budgetArea",
           label: "Beschreibung",
-          type: r(U),
+          type: i(J),
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
-          validation: "length:0,1000",
+          validation: "+requireIfLink|length:0,1000",
           "validation-visibility": "live",
           hint: "true",
-          help: `${B.value} von ${Y} Zeichen`,
-          "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"])
+          help: `${E.value} von ${se} Zeichen`,
+          "count-hint": !0,
+          "validation-rules": {
+            requireIfLink: I
+          },
+          "validation-messages": {
+            requireIfLink: i(j)("Beschreibung")
+          }
+        }, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
       ]),
-      t("section", T, [
-        i(w, { variant: "default" }, {
-          icon: s(() => [
-            i(r(O), {
+      t("section", Y, [
+        s(L, { variant: "default" }, {
+          icon: r(() => [
+            s(i(K), {
               size: 32,
               color: "#009FE3"
             })
           ]),
-          title: s(() => e[3] || (e[3] = [
-            y(" Beispiel ", -1)
+          title: r(() => e[3] || (e[3] = [
+            z(" Beispiel ", -1)
           ])),
-          default: s(() => [
+          default: r(() => [
             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, [
+      t("section", ee, [
         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),
+        t("div", te, [
+          s(i(k), {
+            modelValue: p.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (n) => p.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,
+            default: r(({ items: n, node: a, value: v }) => [
+              (l(!0), _(O, null, q(n, (h, g) => (l(), u(i(k), {
+                key: h,
                 type: "group",
-                index: m
+                index: g
               }, {
-                default: s(() => [
-                  i(K, null, {
-                    action: s(() => [
-                      i(a, {
+                default: r(() => [
+                  s($, null, {
+                    action: r(() => [
+                      s(c, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => u.input(d.filter((x, k) => k !== m))
+                        onClick: () => a.input(v.filter((V, y) => y !== g))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -119,13 +138,13 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", J, [
-                i(a, {
+              t("div", ne, [
+                s(c, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (c) => u.input(d.concat({}))
+                  onClick: (h) => a.input(v.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -133,83 +152,86 @@ const Z = { class: "dpiV3_page V3-typography" }, A = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      i(W, {
+      s(U, {
         compact: "",
         "next-text": "Weiter zu Software",
         class: "actions-container",
         "show-detailed-error-summary": ""
       }, {
-        "prev-and-next": s(({
+        "prev-and-next": r(({
           hidePrevious: n,
-          hideNext: u,
-          previousText: d,
-          nextText: c,
-          handleNext: m,
-          handlePrevious: x,
-          validate: k
+          hideNext: a,
+          previousText: v,
+          nextText: h,
+          handleNext: g,
+          handlePrevious: V,
+          validate: y
         }) => [
-          t("div", Q, [
-            t("div", X, [
-              n ? h("", !0) : (o(), l(a, {
+          t("div", ie, [
+            t("div", re, [
+              n ? d("", !0) : (l(), u(c, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
-                "button-text": d,
+                "button-text": v,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: x
+                onClick: V
               }, null, 8, ["button-text", "onClick"])),
-              n ? h("", !0) : (o(), l(a, {
+              n ? d("", !0) : (l(), u(c, {
                 key: 1,
+                disabled: x.value,
                 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"]))
+                onClick: () => {
+                  x.value || y(() => {
+                    var w;
+                    return (w = i(F)) == null ? void 0 : w.goToStep("Vorschau");
+                  });
+                }
+              }, null, 8, ["disabled", "onClick"]))
             ]),
-            u ? h("", !0) : (o(), l(a, {
+            a ? d("", !0) : (l(), u(c, {
               key: 0,
               variant: "primary",
               size: "large",
-              "button-text": c,
+              "button-text": h,
               "icon-end": "CaretRight",
               class: "next-button",
-              onClick: m
+              onClick: g
             }, null, 8, ["button-text", "onClick"]))
           ])
         ]),
         _: 1
       }),
-      S.value ? (o(), l(w, {
-        key: 0,
+      R.value ? (l(), u(L, {
+        key: 1,
         variant: "error",
         class: "error"
       }, {
-        icon: s(() => [
-          i(r(H), {
+        icon: r(() => [
+          s(i(W), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: s(() => e[7] || (e[7] = [
+        title: r(() => e[7] || (e[7] = [
           t("span", { class: "error-title" }, "Fehler", -1)
         ])),
-        default: s(() => [
+        default: r(() => [
           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)
+      })) : d("", !0)
     ]));
   }
 });
 export {
-  ce as default
+  fe 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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-92060eba"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-632b4b70"]]);
 export {
-  e as default
+  i as default
 };

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

@@ -1,17 +1,18 @@
-import { defineComponent as w, ref as p, computed as k, watch as _, createElementBlock as o, openBlock as u, createElementVNode as n, createVNode as a, createCommentVNode as V, unref as d, Fragment as y, renderList as z, withDirectives as x, vModelCheckbox as A, withCtx as s, createTextVNode as g } from "vue";
-import { FormKit as S } from "@formkit/vue";
-import { PhLightbulb as f } from "@phosphor-icons/vue";
-import C from "../../../components/StepActionsSection.vue.js";
-import h from "../Card.vue.js";
-import U 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 = {
+import { defineComponent as z, ref as f, computed as S, watch as h, createElementBlock as d, openBlock as m, createElementVNode as n, createVNode as a, createCommentVNode as x, unref as s, Fragment as A, renderList as C, withDirectives as I, vModelCheckbox as U, withCtx as l, createTextVNode as b } from "vue";
+import { useFormKitNodeById as B, FormKit as E } from "@formkit/vue";
+import { PhLightbulb as v } from "@phosphor-icons/vue";
+import M from "../../../components/StepActionsSection.vue.js";
+import { useFormKitMessages as L } from "../../../composables/useFormKitMessages.js";
+import w from "../Card.vue.js";
+import N from "../Chip.vue.js";
+import P from "../ListBox/Listbox.vue.js";
+const j = { class: "dpiV3_page V3-typography" }, D = { class: "funny-section" }, K = { class: "funny-flex" }, W = {
   key: 0,
   class: "d-flex selected-applications"
-}, D = ["id", "value"], M = { class: "funny-section action-section" }, N = { class: "action-section" }, W = { class: "action-section" }, G = /* @__PURE__ */ w({
+}, H = ["id", "value"], F = { class: "funny-section action-section" }, T = { class: "action-section" }, $ = { class: "action-section" }, ee = /* @__PURE__ */ z({
   __name: "ApplicationsStep",
-  setup(H) {
-    const i = p([]), l = p(""), b = [
+  setup(q) {
+    const i = f([]), r = f(""), k = [
       "Abfallmanagement",
       "Abwassermanagement",
       "Baumanagement",
@@ -49,106 +50,116 @@ const B = { class: "dpiV3_page V3-typography" }, E = { class: "funny-section" },
       "Wasserqualität",
       "Wasserversorgung",
       "Wirtschaftsflächenmanagement"
-    ], m = k(() => i.value);
-    return _(l, (r) => {
-      l.value = "", r && (i.value.includes(r) || i.value.push(r));
-    }), (r, 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(S), {
-            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"]),
-          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"
-            }, [
-              x(n("input", {
-                id: `application-${t}@${c}`,
-                "onUpdate:modelValue": e[1] || (e[1] = (v) => i.value = v),
-                class: "label-chip__input",
-                type: "checkbox",
-                value: t
-              }, null, 8, D), [
-                [A, i.value]
-              ]),
-              a(U, {
-                as: "label",
-                for: t,
-                class: "label-chip__inner",
-                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))
-          ])) : V("", !0),
-          a(I, {
-            modelValue: l.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (t) => l.value = t),
-            options: b,
-            placeholder: "Wählen Sie Ihre Anwendungsbereiche.",
-            label: "Anwendungsbereich auswählen",
-            filterable: "",
-            taggable: "",
-            "create-option": "",
-            clearable: ""
-          }, null, 8, ["modelValue"])
+    ], c = S(() => i.value);
+    h(r, (u) => {
+      r.value = "", u && (i.value.includes(u) || i.value.push(u));
+    });
+    const _ = B("applications"), { validationMessages: o, hasError: y } = L(_);
+    return h(o, () => {
+      console.log("validationMessages", o.value);
+    }), (u, e) => {
+      var p;
+      return m(), d("div", j, [
+        n("section", D, [
+          n("div", K, [
+            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(s(E), {
+              id: "applications",
+              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"]),
+            c.value.length > 0 ? (m(), d("div", W, [
+              (m(!0), d(A, null, C(c.value, (t, g) => (m(), d("div", {
+                key: `application-${t}@${g}`,
+                class: "label-chip"
+              }, [
+                I(n("input", {
+                  id: `application-${t}@${g}`,
+                  "onUpdate:modelValue": e[1] || (e[1] = (V) => i.value = V),
+                  class: "label-chip__input",
+                  type: "checkbox",
+                  value: t
+                }, null, 8, H), [
+                  [U, i.value]
+                ]),
+                a(N, {
+                  as: "label",
+                  for: t,
+                  class: "label-chip__inner",
+                  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))
+            ])) : x("", !0),
+            a(P, {
+              modelValue: r.value,
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => r.value = t),
+              options: k,
+              placeholder: "Wählen Sie Ihre Anwendungsbereiche.",
+              label: "Anwendungsbereich auswählen",
+              filterable: "",
+              taggable: "",
+              "create-option": "",
+              clearable: "",
+              error: s(y),
+              "error-message": Object.values(s(o)).length > 0 ? String((p = Object.values(s(o))[0]) == null ? void 0 : p.value) : ""
+            }, null, 8, ["modelValue", "error", "error-message"])
+          ])
+        ]),
+        n("section", F, [
+          a(M, { "hide-cancel": "" })
+        ]),
+        n("section", T, [
+          a(w, { variant: "default" }, {
+            icon: l(() => [
+              a(s(v), {
+                size: 32,
+                color: "#009fe3"
+              })
+            ]),
+            title: l(() => e[5] || (e[5] = [
+              b(" Information ", -1)
+            ])),
+            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]
+          })
+        ]),
+        n("section", $, [
+          a(w, { variant: "default" }, {
+            icon: l(() => [
+              a(s(v), {
+                size: 32,
+                color: "#009fe3"
+              })
+            ]),
+            title: l(() => e[7] || (e[7] = [
+              b(" Beispiel ", -1)
+            ])),
+            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,
+            __: [8]
+          })
         ])
-      ]),
-      n("section", M, [
-        a(C, { "hide-cancel": "" })
-      ]),
-      n("section", N, [
-        a(h, { variant: "default" }, {
-          icon: s(() => [
-            a(d(f), {
-              size: 32,
-              color: "#009fe3"
-            })
-          ]),
-          title: s(() => e[5] || (e[5] = [
-            g(" Information ", -1)
-          ])),
-          default: s(() => [
-            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]
-        })
-      ]),
-      n("section", W, [
-        a(h, { variant: "default" }, {
-          icon: s(() => [
-            a(d(f), {
-              size: 32,
-              color: "#009fe3"
-            })
-          ]),
-          title: s(() => e[7] || (e[7] = [
-            g(" Beispiel ", -1)
-          ])),
-          default: s(() => [
-            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,
-          __: [8]
-        })
-      ])
-    ]));
+      ]);
+    };
   }
 });
 export {
-  G as default
+  ee as default
 };

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

@@ -1,7 +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-61aa715e"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-17f9d4b6"]]);
 export {
-  p as default
+  a as default
 };