@piveau/dpi 0.2.0-alpha.12 → 0.2.0-alpha.14

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

@@ -1,143 +1,144 @@
-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 { defineComponent as X, ref as x, computed as H, watch as Y, toRef as ee, createBlock as d, openBlock as i, withCtx as u, createVNode as c, createElementBlock as o, createElementVNode as S, unref as _, isRef as te, Fragment as f, renderList as v, createCommentVNode as m, createTextVNode as B, toDisplayString as y, nextTick as ne } from "vue";
+import { FormKit as U } from "@formkit/vue";
 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 re from "../../../components/StepActionsSection.vue.js";
+import oe from "../ActionCard.vue.js";
+import ae from "../Card.vue.js";
+import ue from "../Chip.vue.js";
+import se from "../DpiModalBase.vue.js";
 import p from "../SummaryBox.vue.js";
-import ce from "./AreYouSureToSkipCard.vue.js";
-import O from "./HardwareForm.vue.js";
-import pe from "./ProcessStepBase.vue.js";
+import de from "./AreYouSureToSkipCard.vue.js";
+import $ from "./HardwareForm.vue.js";
+import me from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { looseRenderable as h, useProcessStepResources as me, ensureHasOneResource as fe } from "./utils.js";
-const ve = {
+import { looseRenderable as h, useProcessStepResources as pe, ensureHasOneResource as ce } from "./utils.js";
+const fe = {
   key: 0,
   class: "software-step__card-list--empty"
-}, ye = {
+}, ve = {
   key: 1,
   class: "software-step__card-list"
-}, he = { class: "step-section step-section--lg" }, ke = { class: "functionalities" }, Ee = /* @__PURE__ */ Y({
+}, ye = { class: "step-section step-section--lg" }, he = { class: "functionalities" }, Te = /* @__PURE__ */ X({
   __name: "HardwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
-  setup(A) {
-    const z = A, k = x(!1), u = x([]), { useResources: F } = ie({
+  setup(O) {
+    const z = O, k = x(!1), a = x([]), { useResources: F } = ie({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/hardware",
       schema: le.any()
     }, (e) => {
-      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) || "");
+      var C, P, T, E, N, G;
+      const n = String((e == null ? void 0 : e.id) || ""), r = String(((C = e == null ? void 0 : e.name) == null ? void 0 : C.de) || ((P = e == null ? void 0 : e.name) == null ? void 0 : P.en) || ""), t = (e == null ? void 0 : e.functionalities) || [], V = String(((E = (T = e == null ? void 0 : e.manufacturer) == null ? void 0 : T[0]) == null ? void 0 : E.label) || ""), l = String(((N = e == null ? void 0 : e.description) == null ? void 0 : N.de) || ((G = e == null ? void 0 : e.description) == null ? void 0 : G.en) || ""), s = String((e == null ? void 0 : e.version) || "");
       return {
-        id: t,
-        name: n,
-        functionalities: r,
+        id: n,
+        name: r,
+        functionalities: t,
         manufacturer: V,
         description: l,
-        version: a
+        version: s
       };
-    }), I = F(_(() => u.value.map((e) => ({
+    }), A = F(H(() => a.value.map((e) => ({
       resourceId: e.id
-    })))), W = _(() => I.value.every((e) => e.isSuccess)), D = _(() => W.value ? I.value.map((e) => {
-      const t = e.resultEnhanced, n = u.value.find((r) => r.id === (t == null ? void 0 : t.id));
+    })))), I = H(() => a.value.map((e, n) => {
+      var t;
+      const r = (t = A.value[n]) == null ? void 0 : t.resultEnhanced;
       return {
         // The ones that come from API
-        id: t == null ? void 0 : t.id,
-        name: (t == null ? void 0 : t.name) || "",
-        manufacturer: t == null ? void 0 : t.manufacturer,
-        version: t == null ? void 0 : t.version,
+        id: e.id || (r == null ? void 0 : r.id),
+        name: (r == null ? void 0 : r.name) || e.id,
+        manufacturer: r == null ? void 0 : r.manufacturer,
+        version: r == null ? void 0 : r.version,
         // Comes from API as well? Todo
         // description: enhanced?.description,
         // The ones that have been submitted by user
-        forProperty: h(n == null ? void 0 : n.forProperty),
-        description: h(n == null ? void 0 : n.description),
-        functionalities: h(n == null ? void 0 : n.functionalities),
-        locations: h(n == null ? void 0 : n.locations),
-        depictions: h(n == null ? void 0 : n.depictions),
-        references: h(n == null ? void 0 : n.references),
-        isHostedByItems: h(n == null ? void 0 : n.isHostedBy),
-        hosts: h(n == null ? void 0 : n.hosts)
+        forProperty: h(e == null ? void 0 : e.forProperty),
+        description: h(e == null ? void 0 : e.description),
+        functionalities: h(e == null ? void 0 : e.functionalities),
+        locations: h(e == null ? void 0 : e.locations),
+        depictions: h(e == null ? void 0 : e.depictions),
+        references: h(e == null ? void 0 : e.references),
+        isHostedByItems: h(e == null ? void 0 : e.isHostedBy),
+        hosts: h(e == null ? void 0 : e.hosts)
       };
-    }) : []), H = x(""), L = _(() => u.value.find((e) => e.id === H.value)), b = x(0);
-    ee(k, (e, t) => {
-      !e && t && b.value++;
+    })), w = x(""), W = H(() => a.value.find((e) => e.id === w.value)), b = x(0);
+    Y(k, (e, n) => {
+      !e && n && b.value++;
     });
-    function M(e) {
-      return u.value.find((t) => t.id === e);
+    function L(e) {
+      return a.value.find((n) => n.id === e);
     }
-    function R(e) {
-      return u.value.findIndex((t) => t.id === e);
+    function D(e) {
+      return a.value.findIndex((n) => n.id === e);
     }
-    function K(e) {
-      const t = R(e);
-      t !== -1 && u.value.splice(t, 1);
+    function M(e) {
+      const n = D(e);
+      n !== -1 && a.value.splice(n, 1);
     }
-    async function Z(e) {
-      M(e) && (H.value = e, b.value++, await ne(), k.value = !0);
+    async function K(e) {
+      L(e) && (w.value = e, b.value++, await ne(), k.value = !0);
     }
-    function C(e) {
-      u.value.push(e), k.value = !1, H.value = "";
+    function R(e) {
+      a.value.push(e), k.value = !1, w.value = "";
     }
-    function j(e) {
-      const t = R(e.id);
-      t !== -1 && (u.value.splice(t, 1), u.value.splice(t, 0, e.hardware), H.value = "", k.value = !1);
+    function Z(e) {
+      const n = D(e.id);
+      n !== -1 && (a.value.splice(n, 1), a.value.splice(n, 0, e.hardware), w.value = "", k.value = !1);
     }
-    function q() {
+    function j() {
       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, {
+    const q = H(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), J = H(() => a.value.length > 0 ? "primary" : "secondary"), { count: g, realCount: Q } = pe(z.stepGroup || "", ee(z.edit));
+    return (e, n) => (i(), d(me, {
       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(w($), {
-          modelValue: w(g),
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => re(g) ? g.value = r : null),
+      default: u(({ confirm: r }) => [
+        c(_(U), {
+          modelValue: _(g),
+          "onUpdate:modelValue": n[0] || (n[0] = (t) => te(g) ? g.value = t : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: w(fe) },
+          "validation-rules": { ensureHasOneResource: _(ce) },
           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(w($), {
-          modelValue: u.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value = r),
+        c(_(U), {
+          modelValue: a.value,
+          "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
           name: "selected",
           type: "list",
           hidden: ""
         }, null, 8, ["modelValue"]),
-        D.value.length ? (i(), o("section", ye, [
-          (i(!0), o(f, null, v(D.value, (r, V) => (i(), d(ue, {
+        I.value.length ? (i(), o("section", ve, [
+          (i(!0), o(f, null, v(I.value, (t, V) => (i(), d(oe, {
             key: V,
             class: "software-card",
-            onEdit: (l) => Z(r.id),
-            onDelete: (l) => n({ id: r.id || "", resourceType: "Hardware", resource: r.name, callback: K })
+            onEdit: (l) => K(t.id),
+            onDelete: (l) => r({ id: t.id || "", resourceType: "Hardware", resource: t.name, callback: M })
           }, {
-            "standalone-name": s(() => t[5] || (t[5] = [
+            "standalone-name": u(() => n[5] || (n[5] = [
               B(" Hardware ", -1)
             ])),
-            default: s(() => [
-              S("div", he, [
-                m(p, { title: "Name" }, {
-                  default: s(() => [
-                    B(y(r.name), 1)
+            default: u(() => [
+              S("div", ye, [
+                c(p, { title: "Name" }, {
+                  default: u(() => [
+                    B(y(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                m(p, { title: "Genutzte Funktionalitäten" }, {
-                  default: s(() => [
-                    S("div", ke, [
-                      (i(!0), o(f, null, v(r.functionalities, (l) => (i(), d(ae, {
+                c(p, { title: "Genutzte Funktionalitäten" }, {
+                  default: u(() => [
+                    S("div", he, [
+                      (i(!0), o(f, null, v(t.functionalities, (l) => (i(), d(ue, {
                         key: l,
                         text: l,
                         data: { "@value": "", URI: "" },
@@ -147,117 +148,118 @@ const ve = {
                   ]),
                   _: 2
                 }, 1024),
-                r.description ? (i(), d(p, {
+                t.description ? (i(), d(p, {
                   key: 0,
                   title: "Beschreibung der Nutzung (optional)"
                 }, {
-                  default: s(() => [
-                    B(y(r.description), 1)
+                  default: u(() => [
+                    B(y(t.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.isHostedByItems ? (i(), d(p, {
+                }, 1024)) : m("", !0),
+                t.isHostedByItems ? (i(), d(p, {
                   key: 1,
                   title: "Host-Plattform (optional)"
                 }, {
-                  default: s(() => [
-                    (i(!0), o(f, null, v(r.isHostedByItems, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  default: u(() => [
+                    (i(!0), o(f, null, v(t.isHostedByItems, (l, s) => (i(), o("div", { key: s }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.hosts ? (i(), d(p, {
+                }, 1024)) : m("", !0),
+                t.hosts ? (i(), d(p, {
                   key: 2,
                   title: "Gehostete Geräte (optional)"
                 }, {
-                  default: s(() => [
-                    (i(!0), o(f, null, v(r.hosts, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  default: u(() => [
+                    (i(!0), o(f, null, v(t.hosts, (l, s) => (i(), o("div", { key: s }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.forProperty ? (i(), d(p, {
+                }, 1024)) : m("", !0),
+                t.forProperty ? (i(), d(p, {
                   key: 3,
                   title: "Zweck (optional)"
                 }, {
-                  default: s(() => [
-                    (i(!0), o(f, null, v(r.forProperty, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  default: u(() => [
+                    (i(!0), o(f, null, v(t.forProperty, (l, s) => (i(), o("div", { key: s }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.locations ? (i(), d(p, {
+                }, 1024)) : m("", !0),
+                t.locations ? (i(), d(p, {
                   key: 4,
                   title: "Standort (optional)"
                 }, {
-                  default: s(() => [
-                    (i(!0), o(f, null, v(r.locations, (l, a) => (i(), o("div", { key: a }, y(`${l.lat} ${l.lng}`), 1))), 128))
+                  default: u(() => [
+                    (i(!0), o(f, null, v(t.locations, (l, s) => (i(), o("div", { key: s }, y(`${l.lat} ${l.lng}`), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.depictions ? (i(), d(p, {
+                }, 1024)) : m("", !0),
+                t.depictions ? (i(), d(p, {
                   key: 5,
                   title: "Darstellungen (optional)"
                 }, {
-                  default: s(() => [
-                    (i(!0), o(f, null, v(r.depictions, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                  default: u(() => [
+                    (i(!0), o(f, null, v(t.depictions, (l, s) => (i(), o("div", { key: s }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.references ? (i(), d(p, {
+                }, 1024)) : m("", !0),
+                t.references ? (i(), d(p, {
                   key: 6,
                   title: "Weiterführende Links (optional)"
                 }, {
-                  default: s(() => [
-                    (i(!0), o(f, null, v(r.references, (l, a) => (i(), o("div", { key: a }, y(l.name), 1))), 128))
+                  default: u(() => [
+                    (i(!0), o(f, null, v(t.references, (l, s) => (i(), o("div", { key: s }, y(l.name), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0)
+                }, 1024)) : m("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), o("section", ve, [
-          m(se, {
+        ])) : (i(), o("section", fe, [
+          c(ae, {
             small: "",
             class: "empty-card"
           }, {
-            default: s(() => t[4] || (t[4] = [
+            default: u(() => n[4] || (n[4] = [
               S("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Hardware im Prozessschritt hinterlegt. ", -1)
             ])),
             _: 1,
             __: [4]
           })
         ])),
-        m(O, {
-          exclude: u.value.map((r) => r.id),
-          onSubmit: C
+        c($, {
+          exclude: a.value.map((t) => t.id),
+          onSubmit: R
         }, null, 8, ["exclude"]),
         S("section", null, [
-          m(oe, {
-            "next-text": J.value,
-            "next-variant": Q.value
+          c(re, {
+            "next-text": q.value,
+            "next-variant": J.value,
+            "show-detailed-error-summary": ""
           }, null, 8, ["next-text", "next-variant"]),
-          w(X) === 0 ? (i(), d(ce, {
+          _(Q) === 0 ? (i(), d(de, {
             key: 0,
             "resource-label": "Hardware"
-          })) : c("", !0)
+          })) : m("", !0)
         ]),
-        m(de, {
+        c(se, {
           modelValue: k.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (r) => k.value = r),
+          "onUpdate:modelValue": n[3] || (n[3] = (t) => k.value = t),
           "hide-close-btn": !0,
           "compact-layout": !0,
           title: "Hardware"
         }, {
-          default: s(() => [
-            H.value ? (i(), d(O, {
+          default: u(() => [
+            w.value ? (i(), d($, {
               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: C,
-              onPatch: j,
-              onClose: q
-            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : c("", !0)
+              modelValue: w.value,
+              "onUpdate:modelValue": n[2] || (n[2] = (t) => w.value = t),
+              "initialize-with": W.value,
+              exclude: a.value.map((t) => t.id),
+              onSubmit: R,
+              onPatch: Z,
+              onClose: j
+            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : m("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])
@@ -267,5 +269,5 @@ const ve = {
   }
 });
 export {
-  Ee as default
+  Te as default
 };

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

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