@piveau/dpi 0.2.0-alpha.37 → 0.2.0-alpha.40

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

@@ -1,25 +1,25 @@
-import { defineComponent as $, ref as p, computed as f, watch as A, toRef as M, createBlock as m, openBlock as i, withCtx as d, createVNode as c, createElementBlock as v, createElementVNode as h, unref as w, isRef as W, Fragment as k, renderList as g, createTextVNode as B, toDisplayString as q, createCommentVNode as D, nextTick as K } from "vue";
-import { FormKit as I } from "@formkit/vue";
-import { defineHubSearch as L } from "@piveau/sdk-vue";
-import j from "zod";
-import J from "../../../components/StepActionsSection.vue.js";
-import Q from "../ActionCard.vue.js";
-import X from "../Card.vue.js";
-import Y from "../Chip.vue.js";
-import Z from "../DpiModalBase.vue.js";
-import ee from "../SummaryBox.vue.js";
-import te from "./AreYouSureToSkipCard.vue.js";
-import ne from "./ProcessStepBase.vue.js";
+import { defineComponent as M, ref as p, computed as f, watch as W, toRef as q, createBlock as m, openBlock as r, withCtx as d, createVNode as c, createElementBlock as v, createElementVNode as h, unref as w, isRef as K, Fragment as k, renderList as g, createTextVNode as B, toDisplayString as L, createCommentVNode as D, nextTick as j } from "vue";
+import { FormKit as R } from "@formkit/vue";
+import { defineHubSearch as J } from "@piveau/sdk-vue";
+import Q from "zod";
+import X from "../../../components/StepActionsSection.vue.js";
+import Y from "../ActionCard.vue.js";
+import Z from "../Card.vue.js";
+import ee from "../Chip.vue.js";
+import te from "../DpiModalBase.vue.js";
+import ne from "../SummaryBox.vue.js";
+import oe from "./AreYouSureToSkipCard.vue.js";
+import ie from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import R from "./SoftwareForm.vue.js";
-import { useProcessStepResources as oe, ensureHasOneResource as re } from "./utils.js";
-const ie = {
+import I from "./SoftwareForm.vue.js";
+import { useProcessStepResources as re } from "./utils.js";
+const ae = {
   key: 0,
   class: "software-step__card-list--empty"
-}, ae = {
+}, le = {
   key: 1,
   class: "software-step__card-list"
-}, le = { class: "functionalities" }, se = { class: "" }, ke = /* @__PURE__ */ $({
+}, se = { class: "functionalities" }, ue = { class: "" }, ge = /* @__PURE__ */ M({
   __name: "SoftwareStep",
   props: {
     stepGroup: {},
@@ -28,34 +28,34 @@ const ie = {
     title: {}
   },
   setup(z) {
-    const b = z, a = p(!1), o = p([]), { useResources: C } = L({
+    const b = z, a = p(!1), o = p([]), { useResources: C } = J({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/software",
-      schema: j.any()
+      schema: Q.any()
     }, (e) => {
       var s, u;
-      const t = String((e == null ? void 0 : e.id) || ""), r = String(((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((u = e == null ? void 0 : e.name) == null ? void 0 : u.en) || "");
+      const t = String((e == null ? void 0 : e.id) || ""), i = String(((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((u = e == null ? void 0 : e.name) == null ? void 0 : u.en) || "");
       return {
         ...e,
         id: t,
-        name: r
+        name: i
       };
     }), T = C(f(() => o.value.map((e) => ({
       resourceId: e.id
     })))), S = f(() => o.value.map((e, t) => {
       var n, s;
-      const r = (s = (n = T.value) == null ? void 0 : n[t]) == null ? void 0 : s.resultEnhanced;
+      const i = (s = (n = T.value) == null ? void 0 : n[t]) == null ? void 0 : s.resultEnhanced;
       return {
-        id: e.id || (r == null ? void 0 : r.id),
-        name: e.id === "--software-in-request--" && !(r != null && r.name) ? "Software in Beantragung" : (r == null ? void 0 : r.name) || e.id,
+        id: e.id || (i == null ? void 0 : i.id),
+        name: e.id === "--software-in-request--" && !(i != null && i.name) ? "Software in Beantragung" : (i == null ? void 0 : i.name) || e.id,
         functionalities: e.functionalities
       };
     })), l = p(""), E = f(() => {
       var e;
       return [...((e = o.value.find((t) => t.id === l.value)) == null ? void 0 : e.functionalities) || []];
     }), y = p(0);
-    A(a, (e, t) => {
+    W(a, (e, t) => {
       !e && t && y.value++;
     });
     function F(e) {
@@ -69,7 +69,7 @@ const ie = {
       t !== -1 && o.value.splice(t, 1);
     }
     async function N(e) {
-      F(e) && (l.value = e, y.value++, await K(), a.value = !0);
+      F(e) && (l.value = e, y.value++, await j(), a.value = !0);
     }
     function V(e) {
       o.value.push(e), a.value = !1, l.value = "";
@@ -81,25 +81,26 @@ const ie = {
     function G() {
       a.value = !1;
     }
-    const O = f(() => o.value.length > 0 ? "Weiter" : "Weiter ohne Software"), P = f(() => "primary"), { count: x } = oe(b.stepGroup || "", M(b.edit));
-    return (e, t) => (i(), m(ne, {
+    const O = f(() => o.value.length > 0 ? "Weiter" : "Weiter ohne Software"), P = f(() => "primary"), $ = q(b, "edit"), { count: x, ensureHasOneResource: A } = re(b.stepGroup || "", $);
+    return (e, t) => (r(), m(ie, {
       title: "Geben Sie Informationen zur verwendeten Software an",
       subtitle: "Die Software wird zentral von uns verwaltet. Sie können in diesem Schritt auswählen, welche Software Sie verwendet haben. Sobald Sie eine Software zugeordnet haben, geben Sie bitte an, welche Funktionalitäten der Software Sie für diesen Schritt benötigt haben."
     }, {
-      default: d(({ confirm: r }) => [
-        c(w(I), {
+      default: d(({ confirm: i }) => [
+        c(w(R), {
           modelValue: w(x),
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => W(x) ? x.value = n : null),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => K(x) ? x.value = n : null),
+          sync: "",
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: w(re) },
+          "validation-rules": { ensureHasOneResource: w(A) },
           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"]),
-        c(w(I), {
+        c(w(R), {
           modelValue: o.value,
           "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n),
           name: "selected",
@@ -107,25 +108,25 @@ const ie = {
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        S.value.length ? (i(), v("section", ae, [
-          (i(!0), v(k, null, g(S.value, (n, s) => (i(), m(Q, {
+        S.value.length ? (r(), v("section", le, [
+          (r(!0), v(k, null, g(S.value, (n, s) => (r(), m(Y, {
             key: s,
             spaced: "",
             class: "software-card",
             onEdit: (u) => N(n.id),
-            onDelete: (u) => r({ id: n.id, resourceType: "Software", resource: n.name, callback: H })
+            onDelete: (u) => i({ id: n.id, resourceType: "Software", resource: n.name, callback: H })
           }, {
             "sub-title": d(() => t[5] || (t[5] = [
               B(" Name ", -1)
             ])),
             title: d(() => [
-              B(q(n.name), 1)
+              B(L(n.name), 1)
             ]),
             default: d(() => [
-              c(ee, { title: "Genutzte Funktionalitäten" }, {
+              c(ne, { title: "Genutzte Funktionalitäten" }, {
                 default: d(() => [
-                  h("div", le, [
-                    (i(!0), v(k, null, g(n.functionalities, (u) => (i(), m(Y, {
+                  h("div", se, [
+                    (r(!0), v(k, null, g(n.functionalities, (u) => (r(), m(ee, {
                       key: u,
                       "no-border": "",
                       text: u,
@@ -139,8 +140,8 @@ const ie = {
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), v("section", ie, [
-          c(X, {
+        ])) : (r(), v("section", ae, [
+          c(Z, {
             small: "",
             class: "empty-card"
           }, {
@@ -151,23 +152,23 @@ const ie = {
             __: [4]
           })
         ])),
-        c(R, {
+        c(I, {
           exclude: o.value.map((n) => n.id),
           onSubmit: V
         }, null, 8, ["exclude"]),
-        h("section", se, [
-          c(J, {
+        h("section", ue, [
+          c(X, {
             class: "software-step-actions",
             "next-text": O.value,
             "next-variant": P.value,
             "show-detailed-error-summary": ""
           }, null, 8, ["next-text", "next-variant"]),
-          S.value.length === 0 ? (i(), m(te, {
+          S.value.length === 0 ? (r(), m(oe, {
             key: 0,
             "resource-label": "Software"
           })) : D("", !0)
         ]),
-        c(Z, {
+        c(te, {
           modelValue: a.value,
           "onUpdate:modelValue": t[3] || (t[3] = (n) => a.value = n),
           "hide-close-btn": !0,
@@ -175,7 +176,7 @@ const ie = {
           title: "Software"
         }, {
           default: d(() => [
-            l.value ? (i(), m(R, {
+            l.value ? (r(), m(I, {
               key: y.value,
               modelValue: l.value,
               "onUpdate:modelValue": t[2] || (t[2] = (n) => l.value = n),
@@ -194,5 +195,5 @@ const ie = {
   }
 });
 export {
-  ke as default
+  ge as default
 };

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

@@ -1,34 +1,48 @@
-import { useFormKitNodeById as a } from "@formkit/vue";
-import { computed as o, toValue as y } from "vue";
-const g = 999;
-function w(e) {
+import "@formkit/core";
+import "@formkit/vue";
+import { controlledComputed as j, whenever as T } from "@vueuse/core";
+import { ref as u, onMounted as k, computed as v, toValue as I } from "vue";
+import { useFormValues as x } from "../../../composables/useDpiFormValues.js";
+const z = 999;
+function q(e) {
   if (e != null && !(Array.isArray(e) && e.length === 0) && !(typeof e == "object" && Object.keys(e).length === 0) && !(typeof e == "string" && e.trim() === ""))
     return e;
 }
-function A(e, d) {
-  const i = a(`${e}/Software`), l = a(`${e}/Datensätze`), f = a(`${e}/Hardware`), n = (t) => Array.isArray(t) ? t.length : 0, s = o(() => {
-    var t, r;
-    return n((r = (t = i.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
-  }), c = o(() => {
-    var t, r;
-    return n((r = (t = l.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
-  }), u = o(() => {
-    var t, r;
-    return n((r = (t = f.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
-  }), v = o({
+function E(e, o) {
+  const a = u(!1);
+  k(() => {
+    a.value = !0;
+  });
+  const { formValues: r } = x(), s = u(0), l = u(0), c = u(0), d = u(0), f = u(0), m = u(0), g = u(0), i = (t) => Array.isArray(t) ? t.length : 0, p = v(() => s.value + l.value + c.value), b = v(() => d.value || 0 + f.value || 0 + m.value || 0 + g.value || 0), V = j(b, () => {
+    if (!a.value)
+      return "0";
+    const t = b.value;
+    return String(t);
+  }), L = v({
     get() {
-      return !y(d) ? String(g) : String(s.value + c.value + u.value);
+      const t = p.value;
+      return a.value ? I(o) ? String(t) : String(z + t) : "0";
     },
     set() {
     }
-  }), S = o(() => s.value + c.value + u.value);
-  return { count: v, softwareSelected: s, datasetsSelected: c, hardwareSelected: u, realCount: S };
+  });
+  T(r, () => {
+    var t, n, N, _, C, w, S, D, H, h, y, A, O, R;
+    s.value = i((n = (t = r.value) == null ? void 0 : t[`${e}/Software`]) == null ? void 0 : n.selected), l.value = i((_ = (N = r.value) == null ? void 0 : N[`${e}/Datensätze`]) == null ? void 0 : _.selected), c.value = i((w = (C = r.value) == null ? void 0 : C[`${e}/Hardware`]) == null ? void 0 : w.selected), d.value = Number.parseInt((D = (S = r.value) == null ? void 0 : S["1. Datenerfassung/Hardware"]) == null ? void 0 : D.__resourceCount), f.value = Number.parseInt((h = (H = r.value) == null ? void 0 : H["2. Datenverarbeitung/Hardware"]) == null ? void 0 : h.__resourceCount), m.value = Number.parseInt((A = (y = r.value) == null ? void 0 : y["3. Datensimulation/Hardware"]) == null ? void 0 : A.__resourceCount), g.value = Number.parseInt((R = (O = r.value) == null ? void 0 : O["4. Datenvisualisierung/Hardware"]) == null ? void 0 : R.__resourceCount);
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  function $(t) {
+    return I(o) ? Number((t == null ? void 0 : t._value) ?? 0) > 0 : !0;
+  }
+  return { count: L, softwareSelected: s, datasetsSelected: l, hardwareSelected: c, realCount: p, globalResourceCount: V, ensureHasOneResource: $ };
 }
-function N(e) {
-  return !0;
+function J(e) {
+  return Number((e == null ? void 0 : e._value) ?? 0) > 0;
 }
 export {
-  N as ensureHasOneResource,
-  w as looseRenderable,
-  A as useProcessStepResources
+  J as ensureHasOneResource,
+  q as looseRenderable,
+  E as useProcessStepResources
 };

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

@@ -1,7 +1,7 @@
 import o from "./ReviewStep.vue2.js";
 /* empty css                */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-43209a7f"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9ffa8a3b"]]);
 export {
-  a as default
+  p as default
 };