@piveau/dpi 0.2.0-alpha.5 → 0.2.0-alpha.51

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

@@ -1,9 +1,9 @@
-import { defineComponent as m, mergeModels as p, useModel as f, createElementBlock as d, openBlock as a, Fragment as h, renderList as v, withDirectives as x, createElementVNode as u, vModelCheckbox as k, createVNode as _ } from "vue";
-import { looseIndexOf as c } from "@vue/shared";
-import C from "../Chip.vue.js";
-const b = { class: "chip-toggle-list" }, g = ["id", "value"], V = ["for", "onClick"], $ = /* @__PURE__ */ m({
+import { defineComponent as v, mergeModels as f, useModel as h, computed as x, createElementBlock as s, openBlock as c, Fragment as k, renderList as C, withDirectives as V, createElementVNode as u, vModelCheckbox as _, createVNode as b } from "vue";
+import { looseIndexOf as n } from "@vue/shared";
+import g from "../Chip.vue.js";
+const y = { class: "chip-toggle-list" }, I = ["id", "value"], M = ["for", "onClick"], B = /* @__PURE__ */ v({
   __name: "ChipToggleList",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ f({
     options: {}
   }, {
     modelValue: {
@@ -12,51 +12,57 @@ const b = { class: "chip-toggle-list" }, g = ["id", "value"], V = ["for", "onCli
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const l = f(r, "modelValue");
-    function n(t) {
-      return c(l.value, t) !== -1;
+  setup(i) {
+    const r = i, t = h(i, "modelValue");
+    function o(l) {
+      return n(t.value, l) !== -1;
     }
-    function o(t) {
-      c(l.value, t.id) !== -1 ? l.value = l.value.filter((e) => e !== t.id) : l.value = [...l.value, t.id];
+    function m(l) {
+      n(t.value, l.id) !== -1 ? t.value = t.value.filter((e) => e !== l.id) : t.value = [...t.value, l.id];
     }
-    return (t, i) => (a(), d("div", b, [
-      (a(!0), d(h, null, v(t.options, (e) => (a(), d("div", {
+    const p = x(() => r.options.map((l) => ({
+      ...l,
+      selected: o(l.id)
+    })));
+    return (l, a) => (c(), s("div", y, [
+      (c(!0), s(k, null, C(p.value, (e) => (c(), s("div", {
         key: e.id,
         class: "chip-item"
       }, [
-        x(u("input", {
+        V(u("input", {
           id: `chip-${e.id}`,
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => l.value = s),
+          "onUpdate:modelValue": a[0] || (a[0] = (d) => t.value = d),
           class: "chip-checkbox",
           type: "checkbox",
           value: e.id
-        }, null, 8, g), [
-          [k, l.value]
+        }, null, 8, I), [
+          [_, t.value]
         ]),
         u("label", {
           class: "chip-label",
           for: `chip-${e.id}`,
-          onClick: (s) => o(e)
+          onClick: (d) => m(e)
         }, [
-          _(C, {
+          b(g, {
+            "select-value": e.selected,
+            "onUpdate:selectValue": (d) => e.selected = d,
             text: e.name,
             data: {
               "@value": e.id,
-              URI: e.uri || "https://example.com/default"
+              URI: "https://example.com/default"
             },
             setup: {
               "@type": "select",
               "@inTable": !1,
               "@findability": !0,
-              "@selected": n(e.id)
+              "@selected": e.selected
             }
-          }, null, 8, ["text", "data", "setup"])
-        ], 8, V)
+          }, null, 8, ["select-value", "onUpdate:selectValue", "text", "data", "setup"])
+        ], 8, M)
       ]))), 128))
     ]));
   }
 });
 export {
-  $ as default
+  B as default
 };

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

@@ -1,13 +1,13 @@
 /* empty css                                */
-import { PhCaretUp as c, PhCaretDown as a } from "@phosphor-icons/vue";
-import { resolveComponent as u, createElementBlock as f, openBlock as s, withKeys as r, normalizeClass as C, withModifiers as k, createBlock as p, createCommentVNode as m } from "vue";
+import { PhCaretUp as c, PhCaretDown as f } from "@phosphor-icons/vue";
+import { resolveComponent as u, createElementBlock as a, openBlock as s, withKeys as r, normalizeClass as C, withModifiers as k, createBlock as p, createCommentVNode as m } from "vue";
 /* empty css                       */
 import w from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const x = {
   name: "CloseOpenButtonV3",
   emits: ["click"],
   components: {
-    PhCaretDown: a,
+    PhCaretDown: f,
     PhCaretUp: c
   },
   data() {
@@ -31,9 +31,10 @@ const x = {
     }
   }
 };
-function B(i, e, l, F, o, n) {
-  const d = u("PhCaretDown"), v = u("PhCaretUp");
-  return s(), f("button", {
+function y(i, e, l, B, o, n) {
+  const v = u("PhCaretDown"), d = u("PhCaretUp");
+  return s(), a("button", {
+    type: "button",
     tabindex: "0",
     onMousedown: e[0] || (e[0] = (...t) => n.removeFocus && n.removeFocus(...t)),
     class: C(["dpiV3_open-close-button", [{ dpiV3_activeState: o.isActive }]]),
@@ -49,19 +50,19 @@ function B(i, e, l, F, o, n) {
       e[7] || (e[7] = r((t) => o.isActive = !1, ["space"]))
     ]
   }, [
-    l.expanded ? m("", !0) : (s(), p(d, {
+    l.expanded ? m("", !0) : (s(), p(v, {
       key: 0,
       color: "var(--neutral-60, #3D4952)",
       size: 32
     })),
-    l.expanded ? (s(), p(v, {
+    l.expanded ? (s(), p(d, {
       key: 1,
       color: "var(--neutral-60, #3D4952)",
       size: 32
     })) : m("", !0)
   ], 34);
 }
-const b = /* @__PURE__ */ w(x, [["render", B], ["__scopeId", "data-v-d10a315d"]]);
+const V = /* @__PURE__ */ w(x, [["render", y], ["__scopeId", "data-v-fb00123e"]]);
 export {
-  b as default
+  V 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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d774378f"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7477b3a"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,94 +1,120 @@
-import { defineComponent as S, ref as y, computed as I, createElementBlock as b, openBlock as d, createElementVNode as n, createVNode as t, unref as r, withCtx as s, createTextVNode as c, Fragment as _, renderList as V, createBlock as C } from "vue";
-import { FormKit as p } from "@formkit/vue";
-import { PhLightbulb as k } from "@phosphor-icons/vue";
-import M from "../../../../stories/components/LinkCard.vue.js";
-import L from "../../../../stories/components/MethodsCard.vue.js";
-import P from "../../../components/StepActionsSection.vue.js";
-import m from "../ButtonV3.vue.js";
-import v from "../Card.vue.js";
-import D from "../TextArea/TextAreaDefinition.js";
-const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" }, F = { class: "funny-section" }, G = {
+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";
+import M from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
+import u from "../ButtonV3.vue.js";
+import B from "../Card.vue.js";
+import W from "../TextArea/TextAreaDefinition.js";
+const E = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, K = { class: "funny-section" }, Z = {
   id: "partners-section",
   class: "funny-section"
-}, W = { class: "partner-cards-container" }, Z = { class: "action-container" }, $ = {
-  id: "partners-section",
-  class: "funny-section"
-}, E = { class: "partner-cards-container" }, K = { class: "action-container" }, T = { class: "funny-section" }, U = { class: "funny-section" }, j = 500, te = /* @__PURE__ */ S({
+}, j = { class: "partner-cards-container" }, G = { class: "action-container" }, U = { class: "step-actions__prev-and-next" }, H = { class: "actions" }, O = { class: "funny-section" }, J = 1e3, le = /* @__PURE__ */ P({
   __name: "BasicInformationStep",
-  setup(O) {
-    const f = y(""), z = y([]), w = y([]), B = I(() => {
-      var h;
-      return ((h = f.value) == null ? void 0 : h.length) || 0;
+  setup(Q) {
+    const d = v(""), c = v([]);
+    v([]);
+    const L = C(() => {
+      var s;
+      return ((s = d.value) == null ? void 0 : s.length) || 0;
+    }), y = A(R);
+    function D() {
+      if (!y) {
+        console.warn("dpiStepper is not provided");
+        return;
+      }
+      y.goToStep("2. Datenverarbeitung/Grundlegende Informationen");
+    }
+    const S = C(() => {
+      const s = !V(d.value), e = Array.isArray(c.value) && c.value.length > 0;
+      return s || e;
     });
-    return (h, e) => (d(), b("div", A, [
-      e[13] || (e[13] = n("section", { class: "funny-section" }, [
-        n("div", { class: "funny-flex" }, [
-          n("h4", null, "Fügen Sie optionale Daten hinzu"),
-          n("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
+    function I(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 ? !V(s.value) : !0;
+    }
+    return (s, e) => (l(), _("div", E, [
+      e[9] || (e[9] = 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" }, [
+            f(" Teilen Sie im Schritt der "),
+            t("strong", null, "Datenerfassung"),
+            f(" mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. ")
+          ])
         ])
       ], -1)),
-      n("section", N, [
-        t(r(p), {
+      t("section", F, [
+        r(a(k), {
           id: "Beschreibung",
-          modelValue: f.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (i) => f.value = i),
+          modelValue: d.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => d.value = n),
           class: "budgetArea",
           label: "Beschreibung",
-          type: r(D),
+          type: a(W),
           name: "description",
           "text-label": "Beschreibung",
-          placeholder: "Briefly describe your approach, goal and result of the process step.",
-          validation: "length:0,1000",
-          "validation-visibility": "live",
+          placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
+          validation: "required|length:0,1000",
+          "validation-visibility": "submit",
           hint: "true",
-          help: `${B.value} von ${j} Zeichen`,
-          "count-hint": !0
-        }, null, 8, ["modelValue", "type", "help"])
+          help: `${L.value} von ${J} Zeichen`,
+          "count-hint": !0,
+          "validation-rules": {
+            requireIfLink: I
+          },
+          "validation-messages": {
+            requireIfLink: a(q)("Beschreibung")
+          }
+        }, null, 8, ["modelValue", "type", "help", "validation-rules", "validation-messages"])
       ]),
-      n("section", F, [
-        t(v, { variant: "default" }, {
-          icon: s(() => [
-            t(r(k), {
+      t("section", K, [
+        r(B, { variant: "default" }, {
+          icon: i(() => [
+            r(a(w), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => e[3] || (e[3] = [
-            c(" Beispiel ", -1)
+          title: i(() => e[3] || (e[3] = [
+            f(" Beispiel ", -1)
           ])),
-          default: s(() => [
-            e[4] || (e[4] = n("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))
+          default: i(() => [
+            e[4] || (e[4] = 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,
           __: [4]
         })
       ]),
-      n("section", G, [
-        e[5] || (e[5] = n("h5", null, " Verwendete Methoden (optional) ", -1)),
-        e[6] || (e[6] = n("span", { class: "copy-large-regular" }, "Geben Sie hier Methoden, Verfahren oder Werkzeuge an, die im Prozessschritt verwendet wurden (z.B. KI-Modelle, GIS-Anwendungen oder spezielle Messtechniken).", -1)),
-        n("div", W, [
-          t(r(p), {
-            modelValue: w.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (i) => w.value = i),
+      t("section", Z, [
+        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(k), {
+            modelValue: c.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (n) => c.value = n),
             type: "list",
-            name: "methods",
+            name: "links",
             dynamic: ""
           }, {
-            default: s(({ items: i, node: o, value: l }) => [
-              (d(!0), b(_, null, V(i, (a, u) => (d(), C(r(p), {
-                key: a,
+            default: i(({ items: n, node: o, value: p }) => [
+              (l(!0), _(N, null, T(n, (m, g) => (l(), h(a(k), {
+                key: m,
                 type: "group",
-                index: u
+                index: g
               }, {
-                default: s(() => [
-                  t(L, null, {
-                    action: s(() => [
-                      t(m, {
+                default: i(() => [
+                  r($, null, {
+                    action: i(() => [
+                      r(u, {
                         "button-text": "Löschen",
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(l.filter((x, g) => g !== u))
+                        onClick: () => o.input(p.filter((x, z) => z !== g))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -96,13 +122,13 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              n("div", Z, [
-                t(m, {
+              t("div", G, [
+                r(u, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (a) => o.input(l.concat({}))
+                  onClick: (m) => o.input(p.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -110,99 +136,72 @@ const A = { class: "dpiV3_page V3-typography" }, N = { class: "funny-section" },
           }, 8, ["modelValue"])
         ])
       ]),
-      t(v, { variant: "default" }, {
-        icon: s(() => [
-          t(r(k), {
-            size: 32,
-            color: "#009fe3"
-          })
-        ]),
-        title: s(() => e[7] || (e[7] = [
-          c(" Beispiel ", -1)
-        ])),
-        default: s(() => [
-          e[8] || (e[8] = n("p", null, [
-            n("strong", null, "Name"),
-            c(": Automatisierte Pegelerfassung "),
-            n("br"),
-            n("strong", null, " Beschreibung"),
-            c(": Erhebung von Wasserstandsdaten mithilfe installierter Pegelsensoren und hydrologischen Modellen nach DIN 4049 sowie Übertragung der Messwerte per IoT-Gateway in zentrale Datenbanken. ")
-          ], -1))
+      r(M, {
+        compact: "",
+        "next-text": "Weiter zu Software"
+      }, {
+        "prev-and-next": i(({
+          hidePrevious: n,
+          hideNext: o,
+          previousText: p,
+          nextText: m,
+          handlePrevious: g,
+          handleSubmit: x
+        }) => [
+          t("div", U, [
+            t("div", H, [
+              n ? b("", !0) : (l(), h(u, {
+                key: 0,
+                variant: "secondary",
+                size: "large",
+                "button-text": p,
+                "icon-start": "CaretLeft",
+                onClick: g
+              }, null, 8, ["button-text", "onClick"])),
+              n ? b("", !0) : (l(), h(u, {
+                key: 1,
+                disabled: S.value,
+                variant: "secondary",
+                size: "large",
+                "button-text": "Weiter ohne Datenerfassung",
+                "icon-end": "CaretRight",
+                onClick: e[2] || (e[2] = (z) => S.value ? null : D())
+              }, null, 8, ["disabled"]))
+            ]),
+            o ? b("", !0) : (l(), h(u, {
+              key: 0,
+              variant: "primary",
+              size: "large",
+              "button-text": m,
+              "icon-end": "CaretRight",
+              class: "next-button",
+              onClick: x
+            }, null, 8, ["button-text", "onClick"]))
+          ])
         ]),
-        _: 1,
-        __: [8]
+        _: 1
       }),
-      n("section", $, [
-        e[9] || (e[9] = n("h5", null, " Weiterführende Links ", -1)),
-        e[10] || (e[10] = n("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
-        n("div", E, [
-          t(r(p), {
-            modelValue: z.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (i) => z.value = i),
-            type: "list",
-            name: "links",
-            dynamic: ""
-          }, {
-            default: s(({ items: i, node: o, value: l }) => [
-              (d(!0), b(_, null, V(i, (a, u) => (d(), C(r(p), {
-                key: a,
-                type: "group",
-                index: u
-              }, {
-                default: s(() => [
-                  t(M, null, {
-                    action: s(() => [
-                      t(m, {
-                        "button-text": "Löschen",
-                        size: "small",
-                        variant: "tertiary",
-                        "icon-start": "trash",
-                        onClick: () => o.input(l.filter((x, g) => g !== u))
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1032, ["index"]))), 128)),
-              n("div", K, [
-                t(m, {
-                  "button-text": "Link hinzufügen",
-                  size: "medium",
-                  variant: "tertiary",
-                  "icon-start": "plus",
-                  onClick: (a) => o.input(l.concat({}))
-                }, null, 8, ["onClick"])
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ]),
-      n("section", T, [
-        t(P)
-      ]),
-      n("section", U, [
-        t(v, { variant: "default" }, {
-          icon: s(() => [
-            t(r(k), {
+      t("section", O, [
+        r(B, { variant: "default" }, {
+          icon: i(() => [
+            r(a(w), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          title: s(() => e[11] || (e[11] = [
-            c(" Vorsicht! ", -1)
+          title: i(() => e[7] || (e[7] = [
+            f(" Vorsicht! ", -1)
           ])),
-          default: s(() => [
-            e[12] || (e[12] = n("p", null, ' Sind Sie sicher, dass Sie den technischen Prozessschritt "Datenerfassung" überspringen wollen? Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ', -1))
+          default: i(() => [
+            e[8] || (e[8] = 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,
-          __: [12]
+          __: [8]
         })
       ])
     ]));
   }
 });
 export {
-  te as default
+  le as default
 };

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