@piveau/dpi 0.2.0-alpha.11 → 0.2.0-alpha.13

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

@@ -1,39 +1,39 @@
-import { defineComponent as X, ref as w, computed as _, watch as Y, toRef as ee, createBlock as d, openBlock as i, withCtx as s, createVNode as m, createElementBlock as o, createElementVNode as H, unref as x, isRef as te, Fragment as f, renderList as v, createCommentVNode as c, createTextVNode as B, toDisplayString as y, nextTick as re } from "vue";
+import { defineComponent as Y, ref as x, computed as _, watch as ee, toRef as te, createBlock as d, openBlock as i, withCtx as s, createVNode as m, createElementBlock as o, createElementVNode as S, unref as w, isRef as re, Fragment as f, renderList as v, createCommentVNode as c, createTextVNode as B, toDisplayString as y, nextTick as ne } from "vue";
 import { FormKit as $ } from "@formkit/vue";
-import { defineHubSearch as ne } from "@piveau/sdk-vue";
-import ie from "zod";
-import le from "../../../components/StepActionsSection.vue.js";
-import oe from "../ActionCard.vue.js";
-import ue from "../Card.vue.js";
-import se from "../Chip.vue.js";
-import ae from "../DpiModalBase.vue.js";
+import { defineHubSearch as ie } from "@piveau/sdk-vue";
+import le from "zod";
+import oe from "../../../components/StepActionsSection.vue.js";
+import ue from "../ActionCard.vue.js";
+import se from "../Card.vue.js";
+import ae from "../Chip.vue.js";
+import de from "../DpiModalBase.vue.js";
 import p from "../SummaryBox.vue.js";
-import de from "./AreYouSureToSkipCard.vue.js";
+import ce from "./AreYouSureToSkipCard.vue.js";
 import O from "./HardwareForm.vue.js";
-import ce from "./ProcessStepBase.vue.js";
+import pe from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { looseRenderable as h, useProcessStepResources as pe, ensureHasOneResource as me } from "./utils.js";
-const fe = {
+import { looseRenderable as h, useProcessStepResources as me, ensureHasOneResource as fe } from "./utils.js";
+const ve = {
   key: 0,
   class: "software-step__card-list--empty"
-}, ve = {
+}, ye = {
   key: 1,
   class: "software-step__card-list"
-}, ye = { class: "step-section step-section--lg" }, he = { class: "functionalities" }, Ce = /* @__PURE__ */ X({
+}, he = { class: "step-section step-section--lg" }, ke = { class: "functionalities" }, Ee = /* @__PURE__ */ Y({
   __name: "HardwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
   setup(A) {
-    const z = A, S = w(!1), u = w([]), { useResources: F } = ne({
+    const z = A, k = x(!1), u = x([]), { useResources: F } = ie({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/hardware",
-      schema: ie.any()
+      schema: le.any()
     }, (e) => {
-      var T, C, E, N, G, U;
-      const t = String((e == null ? void 0 : e.id) || ""), n = String(((T = e == null ? void 0 : e.name) == null ? void 0 : T.de) || ((C = e == null ? void 0 : e.name) == null ? void 0 : C.en) || ""), r = (e == null ? void 0 : e.functionalities) || [], V = String(((N = (E = e == null ? void 0 : e.manufacturer) == null ? void 0 : E[0]) == null ? void 0 : N.label) || ""), l = String(((G = e == null ? void 0 : e.description) == null ? void 0 : G.de) || ((U = e == null ? void 0 : e.description) == null ? void 0 : U.en) || ""), a = String((e == null ? void 0 : e.version) || "");
+      var P, T, E, N, G, U;
+      const t = String((e == null ? void 0 : e.id) || ""), n = String(((P = e == null ? void 0 : e.name) == null ? void 0 : P.de) || ((T = e == null ? void 0 : e.name) == null ? void 0 : T.en) || ""), r = (e == null ? void 0 : e.functionalities) || [], V = String(((N = (E = e == null ? void 0 : e.manufacturer) == null ? void 0 : E[0]) == null ? void 0 : N.label) || ""), l = String(((G = e == null ? void 0 : e.description) == null ? void 0 : G.de) || ((U = e == null ? void 0 : e.description) == null ? void 0 : U.en) || ""), a = String((e == null ? void 0 : e.version) || "");
       return {
         id: t,
         name: n,
@@ -64,9 +64,9 @@ const fe = {
         isHostedByItems: h(n == null ? void 0 : n.isHostedBy),
         hosts: h(n == null ? void 0 : n.hosts)
       };
-    }) : []), k = w(""), L = _(() => u.value.find((e) => e.id === k.value)), g = w(0);
-    Y(S, (e, t) => {
-      !e && t && g.value++;
+    }) : []), H = x(""), L = _(() => u.value.find((e) => e.id === H.value)), b = x(0);
+    ee(k, (e, t) => {
+      !e && t && b.value++;
     });
     function M(e) {
       return u.value.find((t) => t.id === e);
@@ -79,52 +79,55 @@ const fe = {
       t !== -1 && u.value.splice(t, 1);
     }
     async function Z(e) {
-      M(e) && (k.value = e, g.value++, await re(), S.value = !0);
+      M(e) && (H.value = e, b.value++, await ne(), k.value = !0);
     }
-    function P(e) {
-      u.value.push(e), S.value = !1, k.value = "";
+    function C(e) {
+      u.value.push(e), k.value = !1, H.value = "";
     }
     function j(e) {
       const t = R(e.id);
-      t !== -1 && (u.value.splice(t, 1), u.value.splice(t, 0, e.hardware), k.value = "", S.value = !1);
+      t !== -1 && (u.value.splice(t, 1), u.value.splice(t, 0, e.hardware), H.value = "", k.value = !1);
     }
-    const q = _(() => u.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), J = _(() => u.value.length > 0 ? "primary" : "secondary"), { count: b, realCount: Q } = pe(z.stepGroup || "", ee(z.edit));
-    return (e, t) => (i(), d(ce, {
+    function q() {
+      k.value = !1;
+    }
+    const J = _(() => u.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), Q = _(() => u.value.length > 0 ? "primary" : "secondary"), { count: g, realCount: X } = me(z.stepGroup || "", te(z.edit));
+    return (e, t) => (i(), d(pe, {
       title: "Geben Sie Informationen zur verwendeten Hardware an",
       subtitle: "Die Hardware wird zentral von uns verwaltet. Sie können in diesem Schritt auswählen, welche Hardware Sie verwendet haben. Sobald Sie eine Hardware zugeordnet haben, geben Sie bitte an, wie die Hardware in diesem Schritt eingesetzt wurde."
     }, {
       default: s(({ confirm: n }) => [
-        m(x($), {
-          modelValue: x(b),
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => te(b) ? b.value = r : null),
+        m(w($), {
+          modelValue: w(g),
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => re(g) ? g.value = r : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: x(me) },
+          "validation-rules": { ensureHasOneResource: w(fe) },
           validation: "+ensureHasOneResource",
           "validation-visibility": "live",
           "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
         }, null, 8, ["modelValue", "validation-rules"]),
-        m(x($), {
+        m(w($), {
           modelValue: u.value,
           "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value = r),
           name: "selected",
           type: "list",
           hidden: ""
         }, null, 8, ["modelValue"]),
-        D.value.length ? (i(), o("section", ve, [
-          (i(!0), o(f, null, v(D.value, (r, V) => (i(), d(oe, {
+        D.value.length ? (i(), o("section", ye, [
+          (i(!0), o(f, null, v(D.value, (r, V) => (i(), d(ue, {
             key: V,
             class: "software-card",
             onEdit: (l) => Z(r.id),
-            onDelete: (l) => n({ id: r.id || "", resourceType: "Software", resource: r.name, callback: K })
+            onDelete: (l) => n({ id: r.id || "", resourceType: "Hardware", resource: r.name, callback: K })
           }, {
             "standalone-name": s(() => t[5] || (t[5] = [
               B(" Hardware ", -1)
             ])),
             default: s(() => [
-              H("div", ye, [
+              S("div", he, [
                 m(p, { title: "Name" }, {
                   default: s(() => [
                     B(y(r.name), 1)
@@ -133,8 +136,8 @@ const fe = {
                 }, 1024),
                 m(p, { title: "Genutzte Funktionalitäten" }, {
                   default: s(() => [
-                    H("div", he, [
-                      (i(!0), o(f, null, v(r.functionalities, (l) => (i(), d(se, {
+                    S("div", ke, [
+                      (i(!0), o(f, null, v(r.functionalities, (l) => (i(), d(ae, {
                         key: l,
                         text: l,
                         data: { "@value": "", URI: "" },
@@ -211,13 +214,13 @@ const fe = {
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), o("section", fe, [
-          m(ue, {
+        ])) : (i(), o("section", ve, [
+          m(se, {
             small: "",
             class: "empty-card"
           }, {
             default: s(() => t[4] || (t[4] = [
-              H("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Hardware im Prozessschritt hinterlegt. ", -1)
+              S("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Hardware im Prozessschritt hinterlegt. ", -1)
             ])),
             _: 1,
             __: [4]
@@ -225,31 +228,35 @@ const fe = {
         ])),
         m(O, {
           exclude: u.value.map((r) => r.id),
-          onSubmit: P
+          onSubmit: C
         }, null, 8, ["exclude"]),
-        H("section", null, [
-          m(le, {
-            "next-text": q.value,
-            "next-variant": J.value
+        S("section", null, [
+          m(oe, {
+            "next-text": J.value,
+            "next-variant": Q.value
           }, null, 8, ["next-text", "next-variant"]),
-          x(Q) === 0 ? (i(), d(de, {
+          w(X) === 0 ? (i(), d(ce, {
             key: 0,
             "resource-label": "Hardware"
           })) : c("", !0)
         ]),
-        m(ae, {
-          modelValue: S.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (r) => S.value = r)
+        m(de, {
+          modelValue: k.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (r) => k.value = r),
+          "hide-close-btn": !0,
+          "compact-layout": !0,
+          title: "Hardware"
         }, {
           default: s(() => [
-            k.value ? (i(), d(O, {
-              key: g.value,
-              modelValue: k.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => k.value = r),
+            H.value ? (i(), d(O, {
+              key: b.value,
+              modelValue: H.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (r) => H.value = r),
               "initialize-with": L.value,
               exclude: u.value.map((r) => r.id),
-              onSubmit: P,
-              onPatch: j
+              onSubmit: C,
+              onPatch: j,
+              onClose: q
             }, null, 8, ["modelValue", "initialize-with", "exclude"])) : c("", !0)
           ]),
           _: 1
@@ -260,5 +267,5 @@ const fe = {
   }
 });
 export {
-  Ce as default
+  Ee as default
 };

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

@@ -1,14 +1,14 @@
-import { defineComponent as h, ref as V, reactive as y, watch as b, createElementBlock as a, openBlock as p, Fragment as k, createElementVNode as o, createVNode as n, renderSlot as l, toDisplayString as r, withCtx as i, createTextVNode as d, createCommentVNode as v } from "vue";
+import { defineComponent as _, ref as y, reactive as V, watch as b, createElementBlock as a, openBlock as d, Fragment as k, createElementVNode as o, createVNode as l, renderSlot as n, toDisplayString as r, withCtx as i, createTextVNode as p, createCommentVNode as v } from "vue";
 import u from "../ButtonV3.vue.js";
 import g from "../DpiModalBase.vue.js";
-const C = { class: "dpi-project-process-step V3-typography" }, T = { class: "step-section" }, w = { class: "copy-large-regular" }, B = { class: "dpiV3_modalTitle" }, D = { class: "dpiV3_modalContent" }, N = { key: 0 }, S = { class: "dpiV3_modalActions" }, R = /* @__PURE__ */ h({
+const T = { class: "dpi-project-process-step V3-typography" }, C = { class: "step-section" }, w = { class: "copy-large-regular" }, B = { class: "dpiV3_modalTitle deleteModalHeading" }, D = { class: "deleteModalText" }, M = { key: 0 }, N = { class: "dpiV3_modalActions" }, E = /* @__PURE__ */ _({
   __name: "ProcessStepBase",
   props: {
     title: {},
     subtitle: {}
   },
-  setup($) {
-    const f = V(!1), e = y({
+  setup(S) {
+    const f = y(!1), e = V({
       id: "",
       callback: () => {
       },
@@ -20,53 +20,51 @@ const C = { class: "dpi-project-process-step V3-typography" }, T = { class: "ste
     function m(t) {
       e.id = t.id, e.callback = t.callback, e.resourceType = t.resourceType || "Ressource", e.resource = t.resource || "", e.open = !0;
     }
-    function _() {
+    function h() {
       e.callback(e.id), e.open = !1;
     }
     return b(() => e.open, (t) => {
       t || (e.open = !1);
-    }), (t, s) => (p(), a(k, null, [
-      o("div", C, [
-        o("section", T, [
-          l(t.$slots, "title", {}, () => [
+    }), (t, s) => (d(), a(k, null, [
+      o("div", T, [
+        o("section", C, [
+          n(t.$slots, "title", {}, () => [
             o("h4", null, r(t.title), 1)
           ]),
-          l(t.$slots, "subtitle", {}, () => [
+          n(t.$slots, "subtitle", {}, () => [
             o("p", w, r(t.subtitle), 1)
           ])
         ]),
-        l(t.$slots, "default", { confirm: m })
+        n(t.$slots, "default", { confirm: m })
       ]),
-      n(g, {
+      l(g, {
         modelValue: e.open,
         "onUpdate:modelValue": s[1] || (s[1] = (c) => e.open = c),
         persistent: !f.value
       }, {
         header: i(() => [
-          o("h2", B, [
-            o("strong", null, "Verwendete " + r(e.resourceType) + " löschen?", 1)
-          ])
+          o("h2", B, " Verwendete " + r(e.resourceType) + " löschen? ", 1)
         ]),
         footer: i(() => [
-          o("div", S, [
-            n(u, {
+          o("div", N, [
+            l(u, {
               "button-text": "Abbrechen",
               variant: "tertiary",
               onClick: s[0] || (s[0] = (c) => e.open = !1)
             }),
-            n(u, {
+            l(u, {
               "button-text": "Löschen",
               variant: "primary",
-              onClick: _
+              onClick: h
             })
           ])
         ]),
         default: i(() => [
           o("div", D, [
             o("p", null, [
-              d(" Möchten Sie die verwendete " + r(e.resourceType) + " ", 1),
-              e.resource ? (p(), a("strong", N, r(e.resource), 1)) : v("", !0),
-              s[2] || (s[2] = d(" wirklich löschen? ", -1))
+              p(" Möchten Sie die verwendete " + r(e.resourceType) + " ", 1),
+              e.resource ? (d(), a("strong", M, r(e.resource), 1)) : v("", !0),
+              s[2] || (s[2] = p(" wirklich löschen? ", -1))
             ])
           ])
         ]),
@@ -76,5 +74,5 @@ const C = { class: "dpi-project-process-step V3-typography" }, T = { class: "ste
   }
 });
 export {
-  R as default
+  E as default
 };

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

@@ -1,21 +1,21 @@
-import { createElementBlock as s, openBlock as a, createStaticVNode as r, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
-import { PhLightbulb as o } from "@phosphor-icons/vue";
-import d from "../../../components/StepActionsSection.vue.js";
+import { createElementBlock as s, openBlock as r, createStaticVNode as a, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
+import { PhLightbulb as d } from "@phosphor-icons/vue";
+import o from "../../../components/StepActionsSection.vue.js";
 import u from "../Card.vue.js";
 /* empty css                              */
 import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, v = { class: "funny-section process-footer-information" }, h = {
+const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, h = { class: "funny-section process-footer-information" }, m = {
   __name: "ProcessStepsOverviewStep",
-  setup(m) {
-    return (p, n) => (a(), s("div", f, [
-      n[2] || (n[2] = r('<section class="funny-section" data-v-29acf057><div class="funny-flex" data-v-29acf057><div data-v-29acf057><h4 data-v-29acf057> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-29acf057><span class="process-description" data-v-29acf057> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-29acf057> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-29acf057> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-29acf057> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-29acf057><h5 data-v-29acf057> Welche der folgenden Schritte haben Sie in Ihrem Projekt durchlaufen? </h5><ul data-v-29acf057><li data-v-29acf057> Teilen Sie im Schritt der <strong data-v-29acf057>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-29acf057> Beschreiben Sie im Schritt der <strong data-v-29acf057>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-29acf057> Schildern Sie im Schritt der <strong data-v-29acf057>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-29acf057> Führen Sie im Schritt der <strong data-v-29acf057>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
-      e("section", g, [
-        t(d, { "next-text": "Weiter zur Datenerfassung" })
-      ]),
+  setup(p) {
+    return (f, n) => (r(), s("div", g, [
+      n[2] || (n[2] = a('<section class="funny-section" data-v-de9008e0><div class="funny-flex" data-v-de9008e0><div data-v-de9008e0><h4 data-v-de9008e0> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-de9008e0><span class="process-description" data-v-de9008e0> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-de9008e0> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-de9008e0> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-de9008e0> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-de9008e0><h5 data-v-de9008e0> Welche der folgenden Schritte haben Sie in Ihrem Projekt durchlaufen? </h5><ul data-v-de9008e0><li data-v-de9008e0> Teilen Sie im Schritt der <strong data-v-de9008e0>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-de9008e0> Beschreiben Sie im Schritt der <strong data-v-de9008e0>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-de9008e0> Schildern Sie im Schritt der <strong data-v-de9008e0>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-de9008e0> Führen Sie im Schritt der <strong data-v-de9008e0>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
       e("section", v, [
+        t(o, { "next-text": "Weiter zur Datenerfassung" })
+      ]),
+      e("section", h, [
         t(u, { variant: "default" }, {
           icon: i(() => [
-            t(l(o), {
+            t(l(d), {
               size: 32,
               color: "#009fe3"
             })
@@ -65,7 +65,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
       ])
     ]));
   }
-}, _ = /* @__PURE__ */ c(h, [["__scopeId", "data-v-29acf057"]]);
+}, _ = /* @__PURE__ */ c(m, [["__scopeId", "data-v-de9008e0"]]);
 export {
   _ as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./SoftwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5a706c01"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4a0c4f6e"]]);
 export {
-  f as default
+  m as default
 };