@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.20

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

@@ -0,0 +1,185 @@
+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 l from "../ButtonV3.vue.js";
+import _ from "../Card.vue.js";
+import N from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as A } from "../../../utils/injectionKeys.js";
+const F = { class: "dpiV3_page V3-typography" }, R = { class: "funny-section" }, W = { class: "funny-section" }, $ = {
+  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({
+  __name: "BasicInformationStep",
+  setup(M) {
+    const f = b(""), y = b([]);
+    b([]);
+    const C = B(() => {
+      var g;
+      return ((g = f.value) == null ? void 0 : g.length) || 0;
+    }), V = D(A);
+    return (g, e) => (o(), z("div", F, [
+      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 "),
+            t("strong", null, "Datensimulation"),
+            p(", ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. ")
+          ])
+        ])
+      ], -1)),
+      t("section", R, [
+        n(s(k), {
+          id: "Beschreibung",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
+          class: "budgetArea",
+          label: "Beschreibung",
+          type: s(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: `${C.value} von ${G} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "type", "help"])
+      ]),
+      t("section", W, [
+        n(_, { variant: "default" }, {
+          icon: i(() => [
+            n(s(x), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[3] || (e[3] = [
+            p(" Beispiel ", -1)
+          ])),
+          default: i(() => [
+            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", $, [
+        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),
+            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,
+                type: "group",
+                index: c
+              }, {
+                default: i(() => [
+                  n(E, null, {
+                    action: i(() => [
+                      n(l, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "tertiary",
+                        "icon-start": "trash",
+                        onClick: () => a.input(u.filter((S, m) => m !== c))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              t("div", K, [
+                n(l, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (d) => a.input(u.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n(I, { "next-text": "Weiter zu Software" }, {
+        "prev-and-next": i(({
+          hidePrevious: r,
+          hideNext: a,
+          previousText: u,
+          nextText: d,
+          handlePrevious: c,
+          handleSubmit: S
+        }) => [
+          t("div", T, [
+            t("div", U, [
+              r ? v("", !0) : (o(), h(l, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": u,
+                "icon-start": "CaretLeft",
+                class: "previus-button",
+                onClick: c
+              }, null, 8, ["button-text", "onClick"])),
+              r ? v("", !0) : (o(), h(l, {
+                key: 1,
+                onClick: e[2] || (e[2] = () => {
+                  var m;
+                  return (m = s(V)) == null ? void 0 : m.goToStep("4. Datenvisualisierung/Grundlegende Informationen");
+                }),
+                variant: "secondary",
+                size: "large",
+                "button-text": "Weiter ohne Datensimulation",
+                "icon-end": "CaretRight",
+                class: "secondary-button"
+              }))
+            ]),
+            a ? v("", !0) : (o(), h(l, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": d,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: S
+            }, null, 8, ["button-text", "onClick"]))
+          ])
+        ]),
+        _: 1
+      }),
+      t("section", Z, [
+        n(_, { variant: "default" }, {
+          icon: i(() => [
+            n(s(x), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: i(() => e[7] || (e[7] = [
+            p(" Vorsicht! ", -1)
+          ])),
+          default: i(() => [
+            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,
+          __: [8]
+        })
+      ])
+    ]));
+  }
+});
+export {
+  ne as default
+};

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

@@ -0,0 +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-d89199e3"]]);
+export {
+  s as default
+};

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

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

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

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