@piveau/dpi 0.2.0-alpha.45 → 0.2.0-alpha.47

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

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

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

@@ -1,8 +1,8 @@
-import { defineComponent as A, mergeModels as D, ref as f, computed as S, useModel as I, 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 { defineComponent as A, mergeModels as D, ref as f, computed as S, useModel as I, inject as H, createElementBlock as B, openBlock as a, createElementVNode as t, createBlock as u, createCommentVNode as d, createVNode as s, createTextVNode as y, unref as i, isRef as N, withCtx as r, Fragment as O, renderList as q } from "vue";
+import { FormKit as b } from "@formkit/vue";
 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 { empty as _, 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";
@@ -21,39 +21,39 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(C) {
-    const P = C, m = f(""), p = f([]);
+  setup(z) {
+    const P = z, m = f(""), p = f([]);
     f([]);
     const R = f(!1), E = S(() => {
       var o;
       return ((o = m.value) == null ? void 0 : o.length) || 0;
     });
-    I(C, "modelValue");
+    I(z, "modelValue");
     const F = H(Z), x = S(() => {
-      const o = !B(m.value), e = Array.isArray(p.value) && p.value.length > 0;
+      const o = !_(m.value), e = Array.isArray(p.value) && p.value.length > 0;
       return o || e;
     });
     function M(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 ? !B(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 ? !_(o.value) : !0;
     }
-    const { globalResourceCount: b } = T("4. Datenvisualisierung", !1);
-    return (o, e) => (a(), _("div", Q, [
-      e[9] || (e[9] = t("section", { class: "funny-section" }, [
+    const { globalResourceCount: k } = T("4. Datenvisualisierung", !1);
+    return (o, e) => (a(), B("div", Q, [
+      e[10] || (e[10] = 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" }, [
-            z(" Führen Sie im Schritt der "),
+            y(" Führen Sie im Schritt der "),
             t("strong", null, "Datenvisualisierung"),
-            z(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
+            y(" aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. ")
           ])
         ])
       ], -1)),
-      P.edit ? d("", !0) : (a(), u(i(k), {
+      P.edit ? d("", !0) : (a(), u(i(b), {
         key: 0,
-        modelValue: i(b),
-        "onUpdate:modelValue": e[0] || (e[0] = (n) => N(b) ? b.value = n : null),
+        modelValue: i(k),
+        "onUpdate:modelValue": e[0] || (e[0] = (n) => N(k) ? k.value = n : null),
         type: "hidden",
         name: "__resourceCountGlobal",
         hidden: "",
@@ -64,7 +64,7 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
         "validation-messages": { ensureHasOneResource: "Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden." }
       }, null, 8, ["modelValue", "validation-rules"])),
       t("section", X, [
-        s(i(k), {
+        s(i(b), {
           id: "Beschreibung",
           modelValue: m.value,
           "onUpdate:modelValue": e[1] || (e[1] = (n) => m.value = n),
@@ -95,30 +95,30 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
               color: "#009FE3"
             })
           ]),
-          title: r(() => e[3] || (e[3] = [
-            z(" Beispiel ", -1)
+          title: r(() => e[4] || (e[4] = [
+            y(" Beispiel ", -1)
           ])),
           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))
+            e[5] || (e[5] = 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]
+          __: [5]
         })
       ]),
       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)),
+        e[6] || (e[6] = t("h5", null, " Weiterführende Links (optional) ", -1)),
+        e[7] || (e[7] = 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", te, [
-          s(i(k), {
+          s(i(b), {
             modelValue: p.value,
             "onUpdate:modelValue": e[2] || (e[2] = (n) => p.value = n),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: r(({ items: n, node: l, value: h }) => [
-              (a(!0), _(O, null, q(n, (v, g) => (a(), u(i(k), {
-                key: v,
+            default: r(({ items: n, node: l, value: v }) => [
+              (a(!0), B(O, null, q(n, (h, g) => (a(), u(i(b), {
+                key: h,
                 type: "group",
                 index: g
               }, {
@@ -130,7 +130,7 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => l.input(h.filter((V, y) => y !== g))
+                        onClick: () => l.input(v.filter((C, V) => V !== g))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -144,7 +144,7 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (v) => l.input(h.concat({}))
+                  onClick: (h) => l.input(v.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -161,11 +161,11 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
         "prev-and-next": r(({
           hidePrevious: n,
           hideNext: l,
-          previousText: h,
-          nextText: v,
+          previousText: v,
+          nextText: h,
           handleSubmit: g,
-          handlePrevious: V,
-          validate: y
+          handlePrevious: C,
+          validate: V
         }) => [
           t("div", ie, [
             t("div", re, [
@@ -173,10 +173,10 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
                 key: 0,
                 variant: "secondary",
                 size: "large",
-                "button-text": h,
+                "button-text": v,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
-                onClick: V
+                onClick: C
               }, null, 8, ["button-text", "onClick"])),
               n ? d("", !0) : (a(), u(c, {
                 key: 1,
@@ -186,19 +186,17 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
                 size: "large",
                 "button-text": "Weiter ohne Datenvisualisierung",
                 "icon-end": "CaretRight",
-                onClick: () => {
-                  x.value || y(() => {
-                    var w;
-                    return (w = i(F)) == null ? void 0 : w.goToStep("Vorschau");
-                  });
-                }
-              }, null, 8, ["disabled", "onClick"]))
+                onClick: e[3] || (e[3] = () => {
+                  var w;
+                  x.value || (w = i(F)) == null || w.goToStep("Vorschau");
+                })
+              }, null, 8, ["disabled"]))
             ]),
             l ? d("", !0) : (a(), u(c, {
               key: 0,
               variant: "primary",
               size: "large",
-              "button-text": v,
+              "button-text": h,
               "icon-end": "CaretRight",
               class: "next-button",
               onClick: g
@@ -218,16 +216,16 @@ const Q = { class: "dpiV3_page V3-typography" }, X = { class: "funny-section" },
             color: "currentColor"
           })
         ]),
-        title: r(() => e[7] || (e[7] = [
+        title: r(() => e[8] || (e[8] = [
           t("span", { class: "error-title" }, "Fehler", -1)
         ])),
         default: r(() => [
-          e[8] || (e[8] = t("ul", { class: "validation-errors" }, [
+          e[9] || (e[9] = t("ul", { class: "validation-errors" }, [
             t("li", null, " Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. ")
           ], -1))
         ]),
         _: 1,
-        __: [8]
+        __: [9]
       })) : d("", !0)
     ]));
   }

package/dist/packages/dpi/src/data-provider-interface/components/ProgressSteps.vue.js

@@ -1,7 +1,7 @@
 import o from "./ProgressSteps.vue2.js";
 /* empty css                   */
 import r from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-599e3d1c"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-34925347"]]);
 export {
-  p as default
+  e as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/ProgressSteps.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as V, mergeModels as L, computed as d, useModel as b, watch as T, createElementBlock as p, openBlock as o, Fragment as f, renderList as x, withDirectives as u, createElementVNode as r, vModelCheckbox as w, createBlock as C, unref as _, resolveDynamicComponent as F, normalizeClass as z, toDisplayString as E, vShow as k, createVNode as U } from "vue";
-import { PhNumberCircleOne as j, PhNumberCircleTwo as A, PhNumberCircleThree as I, PhNumberCircleFour as R, PhNumberCircleFive as q, PhNumberCircleSix as G, PhNumberCircleSeven as H, PhNumberCircleEight as J, PhNumberCircleNine as K, PhPlusCircle as Q, PhCheckCircle as W, PhCircle as X } from "@phosphor-icons/vue";
-import { looseIndexOf as h } from "@vue/shared";
-const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-step__headline copy-small-regular" }, ee = { class: "progress-step__headline__icon" }, se = { class: "progress-step__content" }, te = { class: "progress-step__content-line-container" }, re = { class: "progress-steps progress-steps--substep" }, ne = ["value"], le = { class: "progress-step__headline copy-large-regular" }, oe = { class: "progress-step__headline__icon progress-step__headline__icon--substep" }, ie = { class: "progress-step__content" }, ce = { class: "progress-step__content-line-container" }, de = /* @__PURE__ */ V({
+import { defineComponent as T, mergeModels as V, computed as h, useModel as P, watch as U, createElementBlock as p, openBlock as l, Fragment as C, renderList as x, withDirectives as u, createElementVNode as r, vModelCheckbox as w, createBlock as d, unref as _, resolveDynamicComponent as z, normalizeClass as F, toDisplayString as E, vShow as k } from "vue";
+import { PhNumberCircleOne as j, PhNumberCircleTwo as A, PhNumberCircleThree as I, PhNumberCircleFour as R, PhNumberCircleFive as $, PhNumberCircleSix as q, PhNumberCircleSeven as G, PhNumberCircleEight as H, PhNumberCircleNine as J, PhCheckCircle as M, PhCircle as K } from "@phosphor-icons/vue";
+import { looseIndexOf as v } from "@vue/shared";
+import Q from "./icons/PhCircleInCircle.vue.js";
+const W = { class: "progress-steps" }, X = ["value"], Y = { class: "progress-step__headline copy-small-regular" }, Z = { class: "progress-step__headline__icon" }, ee = { class: "progress-step__content" }, se = { class: "progress-step__content-line-container" }, te = { class: "progress-steps progress-steps--substep" }, re = ["value"], ne = { class: "progress-step__headline copy-large-regular" }, le = { class: "progress-step__headline__icon progress-step__headline__icon--substep" }, oe = { class: "progress-step__content" }, ie = { class: "progress-step__content-line-container" }, de = /* @__PURE__ */ T({
   __name: "ProgressSteps",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ V({
     steps: {},
     currentStep: {},
     visitedSteps: { default: () => [] },
@@ -19,73 +20,73 @@ const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-ste
     currentModifiers: {}
   }),
   emits: ["update:checked", "update:current"],
-  setup(v) {
-    const i = v, y = [
+  setup(m) {
+    const i = m, y = [
       j,
       A,
       I,
       R,
+      $,
       q,
       G,
       H,
       J,
-      K,
       Q
-    ], N = d(() => {
+    ], S = h(() => {
       const e = {};
       return (i.hideFirst ? i.steps.slice(1) : i.steps).forEach((s) => {
-        const l = s.includes("/") ? s.split("/")[0] : s;
-        e[l] || (e[l] = []), e[l].push(s);
-      }), Object.entries(e).map(([s, l]) => ({ name: s, substeps: l }));
-    }), P = d(() => Array.from(new Set(i.steps.map((e) => {
+        const o = s.includes("/") ? s.split("/")[0] : s;
+        e[o] || (e[o] = []), e[o].push(s);
+      }), Object.entries(e).map(([s, o]) => ({ name: s, substeps: o }));
+    }), N = h(() => Array.from(new Set(i.steps.map((e) => {
       var t;
       return ((t = e == null ? void 0 : e.split("/")) == null ? void 0 : t[0]) || "";
     }))));
-    function M(e) {
+    function B(e) {
       return e.includes("/") ? e.split("/")[1] : e;
     }
-    function S(e) {
+    function b(e) {
       return !e.includes("/");
     }
-    const c = b(v, "checked");
-    function B(e) {
-      return h(c.value, e) !== -1;
+    const a = P(m, "checked");
+    function D(e) {
+      return v(a.value, e) !== -1;
     }
-    const a = b(v, "current"), D = d(() => h(i.steps, a.value)), m = d(() => {
+    const c = P(m, "current"), O = h(() => v(i.steps, c.value)), g = h(() => {
       if (!i.steps || i.steps.length === 0)
         return "";
-      const e = i.steps[D.value];
+      const e = i.steps[O.value];
       return (e != null && e.includes("/") ? e == null ? void 0 : e.split("/")[0] : e) || "";
     });
-    return T(m, (e, t) => {
-      e !== t && c.value.push(t);
-    }), (e, t) => (o(), p("div", Y, [
-      (o(!0), p(f, null, x(N.value, (s, l) => (o(), p("div", {
+    return U(g, (e, t) => {
+      e !== t && a.value.push(t);
+    }), (e, t) => (l(), p("div", W, [
+      (l(!0), p(C, null, x(S.value, (s, o) => (l(), p("div", {
         key: s.name,
         class: "progress-step"
       }, [
         u(r("input", {
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => c.value = n),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
           name: "progress-step",
           type: "checkbox",
           class: "progress-input progress-input--group",
           value: s.name
-        }, null, 8, Z), [
-          [w, c.value]
+        }, null, 8, X), [
+          [w, a.value]
         ]),
-        r("div", $, [
-          r("div", ee, [
-            _(h)(P.value, s.name) >= _(h)(P.value, m.value) ? (o(), p(f, { key: 0 }, [
-              a.value === s.name ? (o(), C(F(y[l]), {
+        r("div", Y, [
+          r("div", Z, [
+            _(v)(N.value, s.name) >= _(v)(N.value, g.value) ? (l(), p(C, { key: 0 }, [
+              c.value === s.name ? (l(), d(z(y[o]), {
                 key: 0,
                 size: "24px",
                 color: "currentColor"
-              })) : (o(), C(F(y[l]), {
+              })) : (l(), d(z(y[o]), {
                 key: 1,
                 size: "24px",
                 color: "currentColor"
               }))
-            ], 64)) : (o(), C(_(W), {
+            ], 64)) : (l(), d(_(M), {
               key: 1,
               size: "24px",
               color: "#70CC44",
@@ -93,51 +94,57 @@ const Y = { class: "progress-steps" }, Z = ["value"], $ = { class: "progress-ste
             }))
           ]),
           r("span", {
-            class: z(["progress-step__headline__span", { "progress-step__headline__span--active": a.value === s.name }])
+            class: F(["progress-step__headline__span", { "progress-step__headline__span--active": c.value === s.name }])
           }, E(s.name), 3)
         ]),
-        r("div", se, [
-          u(r("div", te, t[2] || (t[2] = [
+        r("div", ee, [
+          u(r("div", se, t[2] || (t[2] = [
             r("div", { class: "progress-step__content-line" }, null, -1)
           ]), 512), [
-            [k, l < N.value.length - 1]
+            [k, o < S.value.length - 1]
           ]),
-          u(r("div", re, [
-            (o(!0), p(f, null, x(s.substeps.filter((n) => !S(n)), (n, O) => (o(), p("div", {
+          u(r("div", te, [
+            (l(!0), p(C, null, x(s.substeps.filter((n) => !b(n)), (n, L) => (l(), p("div", {
               key: n,
               class: "progress-step progress-step--substep"
             }, [
               u(r("input", {
-                "onUpdate:modelValue": t[1] || (t[1] = (g) => c.value = g),
+                "onUpdate:modelValue": t[1] || (t[1] = (f) => a.value = f),
                 name: "progress-step",
                 type: "checkbox",
                 class: "progress-input",
                 value: n
-              }, null, 8, ne), [
-                [w, c.value]
+              }, null, 8, re), [
+                [w, a.value]
               ]),
-              r("div", le, [
-                r("div", oe, [
-                  U(_(X), {
+              r("div", ne, [
+                r("div", le, [
+                  D(n) && c.value !== n ? (l(), d(_(M), {
+                    key: 0,
+                    size: "20px",
+                    weight: "regular",
+                    color: "currentColor"
+                  })) : (l(), d(_(K), {
+                    key: 1,
                     size: "20px",
-                    weight: a.value === n ? "fill" : "regular",
-                    color: B(n) || a.value === n ? "#009FE3" : "currentColor"
-                  }, null, 8, ["weight", "color"])
+                    weight: c.value === n ? "fill" : "regular",
+                    color: c.value === n ? "#009FE3" : "currentColor"
+                  }, null, 8, ["weight", "color"]))
                 ]),
                 r("span", {
-                  class: z(["", { "progress-step__headline__span--active": a.value === n }])
-                }, E(M(n)), 3)
+                  class: F(["", { "progress-step__headline__span--active": c.value === n }])
+                }, E(B(n)), 3)
               ]),
-              r("div", ie, [
-                u(r("div", ce, t[3] || (t[3] = [
+              r("div", oe, [
+                u(r("div", ie, t[3] || (t[3] = [
                   r("div", { class: "progress-step__content-line" }, null, -1)
                 ]), 512), [
-                  [k, O < s.substeps.filter((g) => !S(g)).length - 1]
+                  [k, L < s.substeps.filter((f) => !b(f)).length - 1]
                 ])
               ])
             ]))), 128))
           ], 512), [
-            [k, m.value === s.name]
+            [k, g.value === s.name]
           ])
         ])
       ]))), 128))

package/dist/packages/dpi/src/data-provider-interface/components/icons/PhCircleInCircle.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as o, createElementBlock as l, openBlock as n, createElementVNode as C } from "vue";
+const r = ["width", "height"], i = ["fill"], p = /* @__PURE__ */ o({
+  __name: "PhCircleInCircle",
+  props: {
+    size: { default: "1em" },
+    color: { default: "currentColor" }
+  },
+  setup(t) {
+    const e = t;
+    return (c, s) => (n(), l("svg", {
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 256 256",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      C("path", {
+        d: "M128 24C70.562 24 24 70.562 24 128C24 185.438 70.562 232 128 232C185.438 232 232 185.438 232 128C232 70.562 185.438 24 128 24ZM128 216C79.399 216 40 176.601 40 128C40 79.399 79.399 40 128 40C176.601 40 216 79.399 216 128C216 176.601 176.601 216 128 216ZM128 80C101.49 80 80 101.49 80 128C80 154.51 101.49 176 128 176C154.51 176 176 154.51 176 128C176 101.49 154.51 80 128 80ZM128 160C110.327 160 96 145.673 96 128C96 110.327 110.327 96 128 96C145.673 96 160 110.327 160 128C160 145.673 145.673 160 128 160Z",
+        fill: e.color
+      }, null, 8, i)
+    ], 8, r));
+  }
+});
+export {
+  p as default
+};

package/dist/packages/dpi/src/data-provider-interface/components/icons/PhCircleInCircle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./PhCircleInCircle.vue.js";
+export {
+  f as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@piveau/dpi",
   "type": "module",
-  "version": "0.2.0-alpha.45",
+  "version": "0.2.0-alpha.47",
   "private": false,
   "sideEffects": [
     "*.css",