@piveau/dpi 0.2.0-alpha.8 → 0.2.0-alpha.9

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

@@ -1,24 +1,25 @@
-import { PhArrowSquareOut as c, PhCopySimple as C, PhPencilSimple as k, PhArrowCounterClockwise as b, PhPlusSquare as g, PhTrash as B, PhPlusCircle as K, PhCaretLeft as D, PhCaretRight as w, PhMagnifyingGlass as T, PhCheck as V, PhX as $ } from "@phosphor-icons/vue";
-import { defineComponent as M, resolveComponent as o, createElementBlock as l, openBlock as s, mergeProps as U, createCommentVNode as a, withKeys as n, normalizeStyle as v, normalizeClass as p, withModifiers as m, createElementVNode as q, createBlock as t, toDisplayString as E } from "vue";
+import { PhPlus as c, PhArrowSquareOut as C, PhCopySimple as k, PhPencilSimple as b, PhArrowCounterClockwise as g, PhPlusSquare as B, PhTrash as K, PhPlusCircle as D, PhCaretLeft as w, PhCaretRight as T, PhMagnifyingGlass as V, PhCheck as $, PhX as M } from "@phosphor-icons/vue";
+import { defineComponent as U, resolveComponent as o, createElementBlock as l, openBlock as s, mergeProps as q, createCommentVNode as a, withKeys as n, normalizeStyle as v, normalizeClass as p, withModifiers as m, createElementVNode as E, createBlock as t, toDisplayString as G } from "vue";
 /* empty css                                */
 /* empty css                                 */
 /* empty css              */
-import G from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const L = M({
+import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const O = U({
   name: "ButtonV3",
   components: {
-    PhX: $,
-    PhCheck: V,
-    PhMagnifyingGlass: T,
-    PhCaretRight: w,
-    PhCaretLeft: D,
-    PhPlusCircle: K,
-    PhTrash: B,
-    PhPlusSquare: g,
-    PhArrowCounterClockwise: b,
-    PhPencilSimple: k,
-    PhCopySimple: C,
-    PhArrowSquareOut: c
+    PhX: M,
+    PhCheck: $,
+    PhMagnifyingGlass: V,
+    PhCaretRight: T,
+    PhCaretLeft: w,
+    PhPlusCircle: D,
+    PhTrash: K,
+    PhPlusSquare: B,
+    PhArrowCounterClockwise: g,
+    PhPencilSimple: b,
+    PhCopySimple: k,
+    PhArrowSquareOut: C,
+    PhPlus: c
   },
   props: {
     buttonText: {
@@ -103,13 +104,13 @@ const L = M({
       this.disabled || (this.variant === "primary" ? this.isPrimaryActive = !0 : this.variant === "secondary" ? this.isSecondaryActive = !0 : this.variant === "tertiary" && (this.isTertiaryActive = !0));
     }
   }
-}), O = ["disabled"], R = ["disabled"], N = {
+}), R = ["disabled"], N = ["disabled"], I = {
   key: 0,
   class: "dpiV3_icon"
 };
-function I(e, i, X, j, H, J) {
-  const F = o("PhArrowCounterClockwise"), A = o("PhPlusCircle"), d = o("PhTrash"), y = o("PhMagnifyingGlass"), u = o("PhCheck"), S = o("PhCaretLeft"), h = o("PhPlusSquare"), P = o("PhCaretRight"), z = o("PhArrowSquareOut"), f = o("PhPencilSimple");
-  return s(), l("div", U({
+function X(e, i, j, H, J, Q) {
+  const F = o("PhArrowCounterClockwise"), A = o("PhPlusCircle"), d = o("PhTrash"), y = o("PhMagnifyingGlass"), u = o("PhCheck"), S = o("PhCaretLeft"), h = o("PhPlusSquare"), P = o("PhCaretRight"), f = o("PhArrowSquareOut"), z = o("PhPencilSimple");
+  return s(), l("div", q({
     class: ["dpiV3_V3-typography", e.externalClass]
   }, e.$attrs), [
     e.buttonText ? (s(), l("button", {
@@ -149,7 +150,7 @@ function I(e, i, X, j, H, J) {
         e.iconStart === "plus" ? (s(), t(A, {
           key: 1,
           size: e.size === "small" ? "16px" : "24px",
-          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
+          color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : e.disabled ? "#aedff8" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0),
         e.iconStart === "trash" ? (s(), t(d, {
           key: 2,
@@ -177,7 +178,7 @@ function I(e, i, X, j, H, J) {
           color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0)
       ], 2)) : a("", !0),
-      q("span", null, E(e.buttonText), 1),
+      E("span", null, G(e.buttonText), 1),
       e.iconEnd ? (s(), l("span", {
         key: 1,
         class: p(["dpiV3_icon", e.iconSizeClass])
@@ -197,13 +198,13 @@ function I(e, i, X, j, H, J) {
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0),
-        e.iconEnd === "Out" ? (s(), t(z, {
+        e.iconEnd === "Out" ? (s(), t(f, {
           key: 3,
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "primary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0)
       ], 2)) : a("", !0)
-    ], 46, O)) : a("", !0),
+    ], 46, R)) : a("", !0),
     e.buttonText ? a("", !0) : (s(), l("div", {
       key: 1,
       tabindex: "0",
@@ -229,7 +230,7 @@ function I(e, i, X, j, H, J) {
         i[15] || (i[15] = n((...r) => e.removeActiveStateKeyUp && e.removeActiveStateKeyUp(...r), ["space"]))
       ]
     }, [
-      e.buttonText ? a("", !0) : (s(), l("span", N, [
+      e.buttonText ? a("", !0) : (s(), l("span", I, [
         e.iconStart === "MagnifyingGlass" ? (s(), t(y, {
           key: 0,
           size: e.size === "small" ? "16px" : "24px",
@@ -240,7 +241,7 @@ function I(e, i, X, j, H, J) {
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "primary" ? "#FFFFFF" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0),
-        e.iconStart === "pen" ? (s(), t(f, {
+        e.iconStart === "pen" ? (s(), t(z, {
           key: 2,
           size: e.size === "small" ? "16px" : "24px",
           color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
@@ -251,10 +252,10 @@ function I(e, i, X, j, H, J) {
           color: e.variant === "secondary" ? "#0172AD" : e.variant === "secondary" ? "#0B1A25" : "#0172AD"
         }, null, 8, ["size", "color"])) : a("", !0)
       ]))
-    ], 46, R))
+    ], 46, N))
   ], 16);
 }
-const ee = /* @__PURE__ */ G(L, [["render", I], ["__scopeId", "data-v-bc32dec3"]]);
+const ie = /* @__PURE__ */ L(O, [["render", X], ["__scopeId", "data-v-25e10506"]]);
 export {
-  ee as default
+  ie as default
 };

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

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

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

@@ -1,96 +1,104 @@
-import { defineComponent as S, ref as g, computed as V, createElementBlock as _, openBlock as r, createElementVNode as t, createTextVNode as m, createVNode as n, unref as o, withCtx as s, Fragment as B, renderList as L, createBlock as p, createCommentVNode as b } from "vue";
-import { FormKit as k } from "@formkit/vue";
-import { PhLightbulb as x } from "@phosphor-icons/vue";
-import P from "../../../../stories/components/LinkCard.vue.js";
-import D from "../../../components/StepActionsSection.vue.js";
+import { defineComponent as B, ref as g, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as p, unref as o, withCtx as i, Fragment as P, renderList as I, createBlock as m, createCommentVNode as b } from "vue";
+import { FormKit as v } from "@formkit/vue";
+import { PhLightbulb as z } from "@phosphor-icons/vue";
+import N from "../../../../stories/components/LinkCard.vue.js";
+import T from "../../../components/StepActionsSection.vue.js";
 import a from "../ButtonV3.vue.js";
-import z from "../Card.vue.js";
-import I from "../TextArea/TextAreaDefinition.js";
-const N = { class: "dpiV3_page V3-typography" }, W = { class: "funny-section" }, E = { class: "funny-section" }, F = {
+import S from "../Card.vue.js";
+import W from "../TextArea/TextAreaDefinition.js";
+import { dpiStepperKey as E } from "../../../utils/injectionKeys.js";
+const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" }, M = { class: "funny-section" }, R = {
   id: "partners-section",
   class: "funny-section"
-}, M = { class: "partner-cards-container" }, R = { class: "action-container" }, T = { class: "funny-section" }, Z = { class: "step-actions__prev-and-next" }, $ = { class: "actions" }, A = { class: "funny-section" }, K = 1e3, Y = /* @__PURE__ */ S({
+}, Z = { class: "partner-cards-container" }, $ = { class: "action-container" }, j = { class: "step-actions__prev-and-next" }, A = { class: "actions" }, G = { class: "funny-section" }, U = 1e3, ie = /* @__PURE__ */ B({
   __name: "BasicInformationStep",
-  setup(U) {
-    const h = g(""), v = g([]);
+  setup(O) {
+    const f = g(""), k = g([]);
     g([]);
-    const w = V(() => {
-      var f;
-      return ((f = h.value) == null ? void 0 : f.length) || 0;
-    });
-    return (f, e) => (r(), _("div", N, [
+    const w = D(() => {
+      var h;
+      return ((h = f.value) == null ? void 0 : h.length) || 0;
+    }), y = L(E);
+    function C() {
+      if (!y) {
+        console.warn("dpiStepper is not provided");
+        return;
+      }
+      y.goTo("2. Datenverarbeitung/Grundlegende Informationen");
+    }
+    return (h, e) => (s(), _("div", F, [
       e[8] || (e[8] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenerfassung"),
           t("span", { class: "copy-large-regular" }, [
-            m(" Teilen Sie im Schritt der "),
+            p(" Teilen Sie im Schritt der "),
             t("strong", null, "Datenerfassung"),
-            m(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
+            p(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
           ])
         ])
       ], -1)),
-      t("section", W, [
-        n(o(k), {
+      t("section", K, [
+        n(o(v), {
           id: "Beschreibung",
-          modelValue: h.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (i) => h.value = i),
+          modelValue: f.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
           class: "budgetArea",
           label: "Beschreibung",
-          type: o(I),
+          type: o(W),
           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: `${w.value} von ${K} Zeichen`,
+          help: `${w.value} von ${U} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "help"])
       ]),
-      t("section", E, [
-        n(z, { variant: "default" }, {
-          icon: s(() => [
-            n(o(x), {
+      t("section", M, [
+        n(S, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => e[2] || (e[2] = [
-            m(" Beispiel ", -1)
+          title: i(() => e[2] || (e[2] = [
+            p(" Beispiel ", -1)
           ])),
-          default: s(() => [
+          default: i(() => [
             e[3] || (e[3] = t("p", null, " Zur Überwachung der aktuellen Wasserstände wurden moderne Pegelsensoren an ausgewählten Messpunkten entlang der Gewässer installiert. Die erfassten Messdaten werden in festgelegten Intervallen automatisch an das zentrale IT-System der Stadt übertragen und dort gespeichert. ", -1))
           ]),
           _: 1,
           __: [3]
         })
       ]),
-      t("section", F, [
+      t("section", R, [
         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", M, [
-          n(o(k), {
-            modelValue: v.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (i) => v.value = i),
+        t("div", Z, [
+          n(o(v), {
+            modelValue: k.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => k.value = r),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: s(({ items: i, node: l, value: u }) => [
-              (r(!0), _(B, null, L(i, (d, c) => (r(), p(o(k), {
+            default: i(({ items: r, node: l, value: u }) => [
+              (s(!0), _(P, null, I(r, (d, c) => (s(), m(o(v), {
                 key: d,
                 type: "group",
                 index: c
               }, {
-                default: s(() => [
-                  n(P, null, {
-                    action: s(() => [
+                default: i(() => [
+                  n(N, null, {
+                    action: i(() => [
                       n(a, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => l.input(u.filter((y, C) => C !== c))
+                        onClick: () => l.input(u.filter((x, V) => V !== c))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -98,7 +106,7 @@ const N = { class: "dpiV3_page V3-typography" }, W = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", R, [
+              t("div", $, [
                 n(a, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
@@ -112,60 +120,62 @@ const N = { class: "dpiV3_page V3-typography" }, W = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      t("section", T, [
-        n(D, { "next-text": "Weiter zu Software" }, {
-          "prev-and-next": s(({
-            hidePrevious: i,
-            hideNext: l,
-            previousText: u,
-            nextText: d,
-            handlePrevious: c,
-            handleSubmit: y
-          }) => [
-            t("div", Z, [
-              t("div", $, [
-                i ? b("", !0) : (r(), p(a, {
-                  key: 0,
-                  variant: "secondary",
-                  size: "large",
-                  "button-text": u,
-                  "icon-start": "CaretLeft",
-                  onClick: c
-                }, null, 8, ["button-text", "onClick"])),
-                i ? b("", !0) : (r(), p(a, {
-                  key: 1,
-                  variant: "secondary",
-                  size: "large",
-                  "button-text": "Weiter ohne Datenerfassung",
-                  "icon-end": "CaretRight"
-                }))
-              ]),
-              l ? b("", !0) : (r(), p(a, {
+      n(T, {
+        classList: "step-container",
+        "next-text": "Weiter zu Software"
+      }, {
+        "prev-and-next": i(({
+          hidePrevious: r,
+          hideNext: l,
+          previousText: u,
+          nextText: d,
+          handlePrevious: c,
+          handleSubmit: x
+        }) => [
+          t("div", j, [
+            t("div", A, [
+              r ? b("", !0) : (s(), m(a, {
                 key: 0,
-                variant: "primary",
+                variant: "secondary",
                 size: "large",
-                "button-text": d,
-                "icon-end": "CaretRight",
-                class: "next-button",
-                onClick: y
-              }, null, 8, ["button-text", "onClick"]))
-            ])
-          ]),
-          _: 1
-        })
-      ]),
-      t("section", A, [
-        n(z, { variant: "default" }, {
-          icon: s(() => [
-            n(o(x), {
+                "button-text": u,
+                "icon-start": "CaretLeft",
+                onClick: c
+              }, null, 8, ["button-text", "onClick"])),
+              r ? b("", !0) : (s(), m(a, {
+                key: 1,
+                variant: "secondary",
+                size: "large",
+                onClick: C,
+                "button-text": "Weiter ohne Datenerfassung",
+                "icon-end": "CaretRight"
+              }))
+            ]),
+            l ? b("", !0) : (s(), m(a, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": d,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: x
+            }, null, 8, ["button-text", "onClick"]))
+          ])
+        ]),
+        _: 1
+      }),
+      t("section", G, [
+        n(S, { variant: "default" }, {
+          icon: i(() => [
+            n(o(z), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => e[6] || (e[6] = [
-            m(" Vorsicht! ", -1)
+          title: i(() => e[6] || (e[6] = [
+            p(" Vorsicht! ", -1)
           ])),
-          default: s(() => [
+          default: i(() => [
             e[7] || (e[7] = t("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
           ]),
           _: 1,
@@ -176,5 +186,5 @@ const N = { class: "dpiV3_page V3-typography" }, W = { class: "funny-section" },
   }
 });
 export {
-  Y as default
+  ie as default
 };

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

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