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

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c80a70b4"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0409d8ed"]]);
 export {
   p as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as P, ref as v, computed as C, inject as A, createElementBlock as _, openBlock as l, createElementVNode as t, createVNode as r, createTextVNode as f, unref as a, withCtx as i, Fragment as N, renderList as T, createBlock as h, createCommentVNode as k } from "vue";
-import { FormKit as b } from "@formkit/vue";
+import { defineComponent as P, ref as v, computed as C, inject as A, createElementBlock as _, openBlock as l, createElementVNode as t, createVNode as r, createTextVNode as f, unref as a, withCtx as i, Fragment as N, renderList as T, createBlock as h, createCommentVNode as b } from "vue";
+import { FormKit as k } from "@formkit/vue";
 import { PhLightbulb as w } from "@phosphor-icons/vue";
 import $ from "../../../../stories/components/LinkCard.vue.js";
 import { empty as V, generateIsRequiredMsg as q } from "../../../../utils/twinbyUtils.js";
@@ -48,7 +48,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
         ])
       ], -1)),
       t("section", F, [
-        r(a(b), {
+        r(a(k), {
           id: "Beschreibung",
           modelValue: d.value,
           "onUpdate:modelValue": e[0] || (e[0] = (n) => d.value = n),
@@ -59,7 +59,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
           validation: "+requireIfLink|length:0,1000",
-          "validation-visibility": "live",
+          "validation-visibility": "submit",
           hint: "true",
           help: `${L.value} von ${J} Zeichen`,
           "count-hint": !0,
@@ -93,7 +93,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-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, [
-          r(a(b), {
+          r(a(k), {
             modelValue: c.value,
             "onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
             type: "list",
@@ -101,7 +101,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
             dynamic: ""
           }, {
             default: i(({ items: n, node: o, value: p }) => [
-              (l(!0), _(N, null, T(n, (m, g) => (l(), h(a(b), {
+              (l(!0), _(N, null, T(n, (m, g) => (l(), h(a(k), {
                 key: m,
                 type: "group",
                 index: g
@@ -150,7 +150,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
         }) => [
           t("div", U, [
             t("div", H, [
-              n ? k("", !0) : (l(), h(u, {
+              n ? b("", !0) : (l(), h(u, {
                 key: 0,
                 variant: "secondary",
                 size: "large",
@@ -158,7 +158,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
                 "icon-start": "CaretLeft",
                 onClick: g
               }, null, 8, ["button-text", "onClick"])),
-              n ? k("", !0) : (l(), h(u, {
+              n ? b("", !0) : (l(), h(u, {
                 key: 1,
                 disabled: S.value,
                 variant: "secondary",
@@ -168,7 +168,7 @@ const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" },
                 onClick: e[2] || (e[2] = (z) => S.value ? null : I())
               }, null, 8, ["disabled"]))
             ]),
-            o ? k("", !0) : (l(), h(u, {
+            o ? b("", !0) : (l(), h(u, {
               key: 0,
               variant: "primary",
               size: "large",

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-fe6419ed"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b60e270b"]]);
 export {
   r as default
 };

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

@@ -51,7 +51,7 @@ const W = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
           validation: "+requireIfLink|length:0,1000",
-          "validation-visibility": "live",
+          "validation-visibility": "submit",
           hint: "true",
           help: `${w.value} von ${O} Zeichen`,
           "count-hint": !0,

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 s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6f7c3628"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fce6b036"]]);
 export {
   s as default
 };

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

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