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

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

@@ -1,100 +1,116 @@
-import { defineComponent as B, ref as b, computed as D, inject as P, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as m, unref as o, withCtx as i, Fragment as L, renderList as W, createBlock as h, 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 { dpiStepperKey as N } from "../../../utils/injectionKeys.js";
-import a from "../ButtonV3.vue.js";
-import C from "../Card.vue.js";
-import R from "../TextArea/TextAreaDefinition.js";
-const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, T = { class: "funny-section" }, $ = {
+import { defineComponent as I, ref as v, computed as _, inject as P, createElementBlock as S, openBlock as l, createElementVNode as t, createVNode as i, createTextVNode as h, unref as a, withCtx as r, Fragment as R, renderList as W, createBlock as g, createCommentVNode as k } from "vue";
+import { FormKit as y } from "@formkit/vue";
+import { PhLightbulb as V } from "@phosphor-icons/vue";
+import q from "../../../../stories/components/LinkCard.vue.js";
+import { empty as w, generateIsRequiredMsg as N } from "../../../../utils/twinbyUtils.js";
+import $ from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as E } from "../../../utils/injectionKeys.js";
+import u from "../ButtonV3.vue.js";
+import B from "../Card.vue.js";
+import F from "../TextArea/TextAreaDefinition.js";
+const M = { class: "dpiV3_page V3-typography" }, T = { class: "funny-section" }, j = { class: "funny-section" }, K = {
   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({
+}, U = { class: "partner-cards-container" }, Z = { class: "action-container" }, G = { class: "step-actions__prev-and-next" }, H = { class: "actions" }, O = { class: "funny-section" }, J = 1e3, le = /* @__PURE__ */ I({
   __name: "BasicInformationStep",
-  setup(G) {
-    const p = b(""), y = b([]);
-    b([]);
-    const V = D(() => {
-      var g;
-      return ((g = p.value) == null ? void 0 : g.length) || 0;
-    }), f = P(N);
-    function w() {
-      f == null || f.goToStep("3. Datensimulation/Grundlegende Informationen");
+  setup(Q) {
+    const d = v(""), c = v([]);
+    v([]);
+    const L = _(() => {
+      var s;
+      return ((s = d.value) == null ? void 0 : s.length) || 0;
+    }), b = P(E);
+    function A() {
+      b == null || b.goToStep("3. Datensimulation/Grundlegende Informationen");
     }
-    return (g, e) => (s(), _("div", E, [
-      e[8] || (e[8] = t("section", { class: "funny-section" }, [
+    const x = _(() => {
+      const s = !w(d.value), e = Array.isArray(c.value) && c.value.length > 0;
+      return s || e;
+    });
+    function D(s) {
+      var n, o;
+      const e = s.at("$parent");
+      return !e || e.type !== "group" ? !0 : Array.isArray((n = e.value) == null ? void 0 : n.links) && ((o = e.value) == null ? void 0 : o.links).length > 0 ? !w(s.value) : !0;
+    }
+    return (s, e) => (l(), S("div", M, [
+      e[9] || (e[9] = 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" }, [
-            m(" Beschreiben Sie im Schritt der "),
+            h(" Beschreiben Sie im Schritt der "),
             t("strong", null, "Datenverarbeitung"),
-            m(", wie Sie die Rohdaten zusammengeführt und aufbereitet haben. ")
+            h(", wie Sie die Rohdaten zusammengeführt und aufbereitet haben. ")
           ])
         ])
       ], -1)),
-      t("section", F, [
-        n(o(k), {
+      t("section", T, [
+        i(a(y), {
           id: "Beschreibung",
-          modelValue: p.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (r) => p.value = r),
+          modelValue: d.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => d.value = n),
           class: "budgetArea",
           label: "Beschreibung",
-          type: o(R),
+          type: a(F),
           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": "submit",
           hint: "true",
-          help: `${V.value} von ${q} Zeichen`,
-          "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"])
+          help: `${L.value} von ${J} Zeichen`,
+          "count-hint": !0,
+          "validation-rules": {
+            requireIfLink: D
+          },
+          "validation-messages": {
+            requireIfLink: a(N)("Beschreibung")
+          }
+        }, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
       ]),
-      t("section", T, [
-        n(C, { variant: "default" }, {
-          icon: i(() => [
-            n(o(z), {
+      t("section", j, [
+        i(B, { variant: "default" }, {
+          icon: r(() => [
+            i(a(V), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: i(() => e[2] || (e[2] = [
-            m(" Beispiel ", -1)
+          title: r(() => e[3] || (e[3] = [
+            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))
+          default: r(() => [
+            e[4] || (e[4] = 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]
+          __: [4]
         })
       ]),
-      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),
+      t("section", K, [
+        e[5] || (e[5] = t("h5", null, " Weiterführende Links (optional) ", -1)),
+        e[6] || (e[6] = t("span", { class: "copy-large-regular further-links-text" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zur Vorgehensweise in diesem Prozessschritt enthalten, wie etwa einzuhaltende Richtlinien oder Standardarbeitsanweisungen.", -1)),
+        t("div", U, [
+          i(a(y), {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: i(({ items: r, node: l, value: u }) => [
-              (s(!0), _(L, null, W(r, (d, c) => (s(), h(o(k), {
-                key: d,
+            default: r(({ items: n, node: o, value: m }) => [
+              (l(!0), S(R, null, W(n, (p, f) => (l(), g(a(y), {
+                key: p,
                 type: "group",
-                index: c
+                index: f
               }, {
-                default: i(() => [
-                  n(A, null, {
-                    action: i(() => [
-                      n(a, {
+                default: r(() => [
+                  i(q, null, {
+                    action: r(() => [
+                      i(u, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => l.input(u.filter((x, S) => S !== c))
+                        onClick: () => o.input(m.filter((z, C) => C !== f))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -102,13 +118,13 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", K, [
-                n(a, {
+              t("div", Z, [
+                i(u, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (d) => l.input(u.concat({}))
+                  onClick: (p) => o.input(m.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -116,73 +132,74 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      n(I, {
+      i($, {
         compact: "",
         "next-text": "Weiter zu Software"
       }, {
-        "prev-and-next": i(({
-          hidePrevious: r,
-          hideNext: l,
-          previousText: u,
-          nextText: d,
-          handlePrevious: c,
-          handleSubmit: x
+        "prev-and-next": r(({
+          hidePrevious: n,
+          hideNext: o,
+          previousText: m,
+          nextText: p,
+          handlePrevious: f,
+          handleSubmit: z
         }) => [
-          t("div", M, [
-            t("div", U, [
-              r ? v("", !0) : (s(), h(a, {
+          t("div", G, [
+            t("div", H, [
+              n ? k("", !0) : (l(), g(u, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
-                "button-text": u,
+                "button-text": m,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: c
+                onClick: f
               }, null, 8, ["button-text", "onClick"])),
-              r ? v("", !0) : (s(), h(a, {
+              n ? k("", !0) : (l(), g(u, {
                 key: 1,
+                disabled: x.value,
                 variant: "secondary",
                 size: "large",
                 "button-text": "Weiter ohne Datenverarbeitung",
                 "icon-end": "CaretRight",
                 class: "secondary-button",
-                onClick: w
-              }))
+                onClick: e[2] || (e[2] = (C) => x.value ? null : A())
+              }, null, 8, ["disabled"]))
             ]),
-            l ? v("", !0) : (s(), h(a, {
+            o ? k("", !0) : (l(), g(u, {
               key: 0,
               variant: "primary",
               size: "large",
-              "button-text": d,
+              "button-text": p,
               "icon-end": "CaretRight",
               class: "next-button",
-              onClick: x
+              onClick: z
             }, null, 8, ["button-text", "onClick"]))
           ])
         ]),
         _: 1
       }),
-      t("section", Z, [
-        n(C, { variant: "default" }, {
-          icon: i(() => [
-            n(o(z), {
+      t("section", O, [
+        i(B, { variant: "default" }, {
+          icon: r(() => [
+            i(a(V), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: i(() => e[6] || (e[6] = [
-            m(" Vorsicht! ", -1)
+          title: r(() => e[7] || (e[7] = [
+            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))
+          default: r(() => [
+            e[8] || (e[8] = 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]
+          __: [8]
         })
       ])
     ]));
   }
 });
 export {
-  ie as default
+  le as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataSimulation/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 r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9722e622"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fe6419ed"]]);
 export {
   r as default
 };

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

@@ -1,97 +1,112 @@
-import { defineComponent as w, ref as b, computed as B, inject as D, createElementBlock as z, openBlock as o, createElementVNode as t, createVNode as n, createTextVNode as p, unref as s, withCtx as i, Fragment as L, renderList as P, createBlock as h, createCommentVNode as v } from "vue";
-import { FormKit as k } from "@formkit/vue";
-import { PhLightbulb as x } from "@phosphor-icons/vue";
-import E from "../../../../stories/components/LinkCard.vue.js";
-import I from "../../../components/StepActionsSection.vue.js";
-import { dpiStepperKey as N } from "../../../utils/injectionKeys.js";
-import l from "../ButtonV3.vue.js";
-import _ from "../Card.vue.js";
-import A from "../TextArea/TextAreaDefinition.js";
-const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-section" }, $ = {
+import { defineComponent as I, ref as b, computed as x, inject as A, createElementBlock as C, openBlock as l, createElementVNode as t, createVNode as i, createTextVNode as g, unref as o, withCtx as r, Fragment as P, renderList as E, createBlock as v, createCommentVNode as k } from "vue";
+import { FormKit as y } from "@formkit/vue";
+import { PhLightbulb as _ } from "@phosphor-icons/vue";
+import N from "../../../../stories/components/LinkCard.vue.js";
+import { empty as V, generateIsRequiredMsg as q } from "../../../../utils/twinbyUtils.js";
+import R from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as $ } from "../../../utils/injectionKeys.js";
+import u from "../ButtonV3.vue.js";
+import B from "../Card.vue.js";
+import F from "../TextArea/TextAreaDefinition.js";
+const W = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" }, K = { class: "funny-section" }, M = {
   id: "partners-section",
   class: "funny-section"
-}, j = { class: "partner-cards-container" }, K = { class: "action-container" }, T = { class: "step-actions__prev-and-next" }, U = { class: "actions" }, Z = { class: "funny-section" }, G = 1e3, ne = /* @__PURE__ */ w({
+}, T = { class: "partner-cards-container" }, U = { class: "action-container" }, Z = { class: "step-actions__prev-and-next" }, G = { class: "actions" }, H = { class: "funny-section" }, O = 1e3, ae = /* @__PURE__ */ I({
   __name: "BasicInformationStep",
-  setup(M) {
-    const f = b(""), y = b([]);
+  setup(J) {
+    const d = b(""), c = b([]);
     b([]);
-    const C = B(() => {
-      var g;
-      return ((g = f.value) == null ? void 0 : g.length) || 0;
-    }), V = D(N);
-    return (g, e) => (o(), z("div", F, [
+    const w = x(() => {
+      var s;
+      return ((s = d.value) == null ? void 0 : s.length) || 0;
+    }), L = A($), S = x(() => {
+      const s = !V(d.value), e = Array.isArray(c.value) && c.value.length > 0;
+      return s || e;
+    });
+    function D(s) {
+      var n, a;
+      const e = s.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 ? !V(s.value) : !0;
+    }
+    return (s, e) => (l(), C("div", W, [
       e[9] || (e[9] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Beschreiben Sie den Prozessschritt zur Datensimulation"),
           t("span", { class: "copy-large-regular" }, [
-            p(" Schildern Sie im Schritt der "),
+            g(" Schildern Sie im Schritt der "),
             t("strong", null, "Datensimulation"),
-            p(", ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. ")
+            g(", ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. ")
           ])
         ])
       ], -1)),
-      t("section", R, [
-        n(s(k), {
+      t("section", j, [
+        i(o(y), {
           id: "Beschreibung",
-          modelValue: f.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
+          modelValue: d.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => d.value = n),
           class: "budgetArea",
           label: "Beschreibung",
-          type: s(A),
+          type: o(F),
           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: `${C.value} von ${G} Zeichen`,
-          "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"])
+          help: `${w.value} von ${O} Zeichen`,
+          "count-hint": !0,
+          "validation-rules": {
+            requireIfLink: D
+          },
+          "validation-messages": {
+            requireIfLink: o(q)("Beschreibung")
+          }
+        }, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
       ]),
-      t("section", W, [
-        n(_, { variant: "default" }, {
-          icon: i(() => [
-            n(s(x), {
+      t("section", K, [
+        i(B, { variant: "default" }, {
+          icon: r(() => [
+            i(o(_), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: i(() => e[3] || (e[3] = [
-            p(" Beispiel ", -1)
+          title: r(() => e[3] || (e[3] = [
+            g(" Beispiel ", -1)
           ])),
-          default: i(() => [
+          default: r(() => [
             e[4] || (e[4] = t("p", null, " Basierend auf den verarbeiteten Daten werden mithilfe eines hydrologischen Simulationsmodells verschiedene Szenarien wie Starkregenereignisse oder Schneeschmelze durchgespielt. Die Simulation prognostiziert mögliche Überflutungsgebiete und berechnet die voraussichtlichen Auswirkungen auf die umliegende Infrastruktur. Die Ergebnisse dienen als Entscheidungsgrundlage für präventive Schutzmaßnahmen. ", -1))
           ]),
           _: 1,
           __: [4]
         })
       ]),
-      t("section", $, [
+      t("section", M, [
         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", j, [
-          n(s(k), {
-            modelValue: y.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (r) => y.value = r),
+        t("div", T, [
+          i(o(y), {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: i(({ items: r, node: a, value: u }) => [
-              (o(!0), z(L, null, P(r, (d, c) => (o(), h(s(k), {
-                key: d,
+            default: r(({ items: n, node: a, value: m }) => [
+              (l(!0), C(P, null, E(n, (p, h) => (l(), v(o(y), {
+                key: p,
                 type: "group",
-                index: c
+                index: h
               }, {
-                default: i(() => [
-                  n(E, null, {
-                    action: i(() => [
-                      n(l, {
+                default: r(() => [
+                  i(N, null, {
+                    action: r(() => [
+                      i(u, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => a.input(u.filter((S, m) => m !== c))
+                        onClick: () => a.input(m.filter((z, f) => f !== h))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -99,13 +114,13 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", K, [
-                n(l, {
+              t("div", U, [
+                i(u, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (d) => a.input(u.concat({}))
+                  onClick: (p) => a.input(m.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -113,67 +128,68 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      n(I, {
+      i(R, {
         compact: "",
         "next-text": "Weiter zu Software"
       }, {
-        "prev-and-next": i(({
-          hidePrevious: r,
+        "prev-and-next": r(({
+          hidePrevious: n,
           hideNext: a,
-          previousText: u,
-          nextText: d,
-          handlePrevious: c,
-          handleSubmit: S
+          previousText: m,
+          nextText: p,
+          handlePrevious: h,
+          handleSubmit: z
         }) => [
-          t("div", T, [
-            t("div", U, [
-              r ? v("", !0) : (o(), h(l, {
+          t("div", Z, [
+            t("div", G, [
+              n ? k("", !0) : (l(), v(u, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
-                "button-text": u,
+                "button-text": m,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: c
+                onClick: h
               }, null, 8, ["button-text", "onClick"])),
-              r ? v("", !0) : (o(), h(l, {
+              n ? k("", !0) : (l(), v(u, {
                 key: 1,
+                disabled: S.value,
                 variant: "secondary",
                 size: "large",
                 "button-text": "Weiter ohne Datensimulation",
                 "icon-end": "CaretRight",
                 class: "secondary-button",
                 onClick: e[2] || (e[2] = () => {
-                  var m;
-                  return (m = s(V)) == null ? void 0 : m.goToStep("4. Datenvisualisierung/Grundlegende Informationen");
+                  var f;
+                  S.value || (f = o(L)) == null || f.goToStep("4. Datenvisualisierung/Grundlegende Informationen");
                 })
-              }))
+              }, null, 8, ["disabled"]))
             ]),
-            a ? v("", !0) : (o(), h(l, {
+            a ? k("", !0) : (l(), v(u, {
               key: 0,
               variant: "primary",
               size: "large",
-              "button-text": d,
+              "button-text": p,
               "icon-end": "CaretRight",
               class: "next-button",
-              onClick: S
+              onClick: z
             }, null, 8, ["button-text", "onClick"]))
           ])
         ]),
         _: 1
       }),
-      t("section", Z, [
-        n(_, { variant: "default" }, {
-          icon: i(() => [
-            n(s(x), {
+      t("section", H, [
+        i(B, { variant: "default" }, {
+          icon: r(() => [
+            i(o(_), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: i(() => e[7] || (e[7] = [
-            p(" Vorsicht! ", -1)
+          title: r(() => e[7] || (e[7] = [
+            g(" Vorsicht! ", -1)
           ])),
-          default: i(() => [
+          default: r(() => [
             e[8] || (e[8] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datensimulation" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
           ]),
           _: 1,
@@ -184,5 +200,5 @@ const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" },
   }
 });
 export {
-  ne as default
+  ae as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/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 r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fe9f87e2"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6f7c3628"]]);
 export {
-  r as default
+  s as default
 };