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

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

@@ -1,7 +1,7 @@
 import o from "./Listbox.vue2.js";
 /* empty css             */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c6c8da16"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e664b9ea"]]);
 export {
   m as default
 };

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

@@ -0,0 +1,31 @@
+import { defineComponent as o, createBlock as i, openBlock as a, withCtx as e, createElementVNode as t, toDisplayString as d, createTextVNode as s, createVNode as l, unref as p } from "vue";
+import { PhLightbulb as c } from "@phosphor-icons/vue";
+import u from "../Card.vue.js";
+const m = { class: "application-information" }, b = /* @__PURE__ */ o({
+  __name: "AreYouSureToSkipCard",
+  props: {
+    resourceLabel: {}
+  },
+  setup(f) {
+    return (n, r) => (a(), i(u, { variant: "default" }, {
+      icon: e(() => [
+        l(p(c), {
+          size: 32,
+          color: "#009fe3"
+        })
+      ]),
+      title: e(() => r[0] || (r[0] = [
+        s(" Vorsicht ", -1)
+      ])),
+      default: e(() => [
+        t("div", m, [
+          t("p", null, " Sind Sie sicher, dass Sie die Angabe der verwendeten " + d(n.resourceLabel) + " überspringen wollen? Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. ", 1)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  b as default
+};

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

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

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

@@ -1,7 +1,7 @@
 import t from "./DatasetStep.vue2.js";
 /* empty css                 */
 import o from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-026ff163"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-df1f1d4a"]]);
 export {
   r as default
 };

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

@@ -1,43 +1,44 @@
-import { defineComponent as B, ref as H, computed as p, toRef as A, createBlock as l, openBlock as a, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as u, isRef as I, Fragment as C, renderList as M, createCommentVNode as b, createTextVNode as d, toDisplayString as S } from "vue";
-import { FormKit as g } from "@formkit/vue";
+import { defineComponent as A, ref as C, computed as p, toRef as H, createBlock as l, openBlock as s, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as u, isRef as I, Fragment as $, renderList as M, createCommentVNode as _, createTextVNode as d, toDisplayString as D } from "vue";
+import { FormKit as k } from "@formkit/vue";
 import { schemaDataset as N } from "@piveau/sdk-core";
-import { defineHubSearch as $, dcatApDataset as G } from "@piveau/sdk-vue";
-import O from "../../../components/StepActionsSection.vue.js";
-import T from "../ActionCard.vue.js";
-import E from "../Card.vue.js";
-import _ from "../SummaryBox.vue.js";
-import P from "./DatasetForm.vue.js";
-import U from "./ProcessStepBase.vue.js";
+import { defineHubSearch as G, dcatApDataset as O } from "@piveau/sdk-vue";
+import T from "../../../components/StepActionsSection.vue.js";
+import E from "../ActionCard.vue.js";
+import P from "../Card.vue.js";
+import S from "../SummaryBox.vue.js";
+import U from "./AreYouSureToSkipCard.vue.js";
+import F from "./DatasetForm.vue.js";
+import L from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { useProcessStepResources as F, ensureHasOneResource as L } from "./utils.js";
-const K = {
+import { useProcessStepResources as K, ensureHasOneResource as W } from "./utils.js";
+const j = {
   key: 0,
   class: "software-step__card-list--empty"
-}, W = {
+}, q = {
   key: 1,
   class: "software-step__card-list"
-}, j = { class: "step-section step-section--lg" }, q = { class: "" }, le = /* @__PURE__ */ B({
+}, J = { class: "step-section step-section--lg" }, Q = { class: "" }, ce = /* @__PURE__ */ A({
   __name: "DatasetStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
-  setup(k) {
-    const y = k, s = H([]), { useResources: x } = $({
+  setup(g) {
+    const h = g, r = C([]), { useResources: z } = G({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "dataset",
       indexDetails: "datasets",
       schema: N
     }, (n, e) => {
-      const { setup: r } = G({});
-      return r(n, {
+      const { setup: a } = O({});
+      return a(n, {
         ...e,
         currentLocale: "de"
       });
-    }), D = x(p(() => s.value.map((n) => ({
+    }), y = z(p(() => r.value.map((n) => ({
       resourceId: n.id
-    })))), z = p(() => D.value.every((n) => n.isSuccess)), h = p(() => z.value ? D.value.map((n) => {
-      const e = n.resultEnhanced, r = e == null ? void 0 : e.getPublisher, t = e == null ? void 0 : e.getModified, m = `${r == null ? void 0 : r.name}, ${t}`;
+    })))), x = p(() => y.value.every((n) => n.isSuccess)), b = p(() => x.value ? y.value.map((n) => {
+      const e = n.resultEnhanced, a = e == null ? void 0 : e.getPublisher, t = e == null ? void 0 : e.getModified, m = `${a == null ? void 0 : a.name}, ${t}`;
       return {
         // The ones that come from API
         id: e == null ? void 0 : e.getId,
@@ -46,82 +47,84 @@ const K = {
         manufacturer: m
       };
     }) : []);
-    function w(n) {
-      return s.value.findIndex((e) => e.id === n);
-    }
     function V(n) {
-      const e = w(n);
-      e !== -1 && s.value.splice(e, 1);
+      return r.value.findIndex((e) => e.id === n);
+    }
+    function w(n) {
+      const e = V(n);
+      e !== -1 && r.value.splice(e, 1);
     }
     function R(n) {
-      s.value.push(n);
+      r.value.push(n);
     }
-    const { model: c } = F(y.stepGroup || "", A(y.edit));
-    return (n, e) => (a(), l(U, {
-      title: "Geben Sie Informationen zur verwendeten Hardware an",
+    const { count: c, realCount: B } = K(h.stepGroup || "", H(h.edit));
+    return (n, e) => (s(), l(L, {
+      title: "Geben Sie Informationen zu verwendeten Datensätzen an",
       subtitle: "Geben Sie an, welche Datensätze Sie für diesen Prozessschritt verwendet haben. Sie können entweder einen bestehenden Datensatz auswählen oder einen Datensatz neu anlegen. Wenn Sie einen Datensatz neu anlegen, haben Sie die Möglichkeit die Sichtbarkeit des Datensatzes einzuschränken."
     }, {
-      default: i(({ confirm: r }) => [
-        o(u(g), {
+      default: i(({ confirm: a }) => [
+        o(u(k), {
           modelValue: u(c),
           "onUpdate:modelValue": e[0] || (e[0] = (t) => I(c) ? c.value = t : null),
-          type: "group",
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: u(L) },
+          "validation-rules": { ensureHasOneResource: u(W) },
           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"]),
-        o(u(g), {
-          modelValue: s.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (t) => s.value = t),
+        o(u(k), {
+          modelValue: r.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => r.value = t),
           name: "selected",
           type: "list",
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        h.value.length ? (a(), f("section", W, [
-          (a(!0), f(C, null, M(h.value, (t, m) => (a(), l(T, {
+        b.value.length ? (s(), f("section", q, [
+          (s(!0), f($, null, M(b.value, (t, m) => (s(), l(E, {
             key: m,
             class: "software-card",
             "no-edit": !0,
-            onDelete: (J) => r({ id: t.id || "", resourceType: "Software", resource: t.name, callback: V })
+            onDelete: (X) => a({ id: t.id || "", resourceType: "Software", resource: t.name, callback: w })
           }, {
             "standalone-name": i(() => e[3] || (e[3] = [
               d(" Datensatz ", -1)
             ])),
             default: i(() => [
-              v("div", j, [
-                o(_, { title: "Name" }, {
+              v("div", J, [
+                o(S, { title: "Name" }, {
                   default: i(() => [
-                    d(S(t.name), 1)
+                    d(D(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                t.manufacturer ? (a(), l(_, {
+                t.manufacturer ? (s(), l(S, {
                   key: 0,
                   title: "Datenbereitsteller, Aktualisiert"
                 }, {
                   default: i(() => [
-                    d(S(t.manufacturer), 1)
+                    d(D(t.manufacturer), 1)
                   ]),
                   _: 2
-                }, 1024)) : b("", !0),
-                t.description ? (a(), l(_, {
+                }, 1024)) : _("", !0),
+                t.description ? (s(), l(S, {
                   key: 1,
                   title: "Beschreibung"
                 }, {
                   default: i(() => [
-                    d(S(t.description), 1)
+                    d(D(t.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : b("", !0)
+                }, 1024)) : _("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onDelete"]))), 128))
-        ])) : (a(), f("section", K, [
-          o(E, {
+        ])) : (s(), f("section", j, [
+          o(P, {
             small: "",
             class: "empty-card"
           }, {
@@ -132,12 +135,16 @@ const K = {
             __: [2]
           })
         ])),
-        o(P, {
-          exclude: s.value.map((t) => t.id),
+        o(F, {
+          exclude: r.value.map((t) => t.id),
           onSubmit: R
         }, null, 8, ["exclude"]),
-        v("section", q, [
-          o(O)
+        v("section", Q, [
+          o(T),
+          u(B) === 0 ? (s(), l(U, {
+            key: 0,
+            "resource-label": "Datensätze"
+          })) : _("", !0)
         ])
       ]),
       _: 1
@@ -145,5 +152,5 @@ const K = {
   }
 });
 export {
-  le as default
+  ce as default
 };

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

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

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

@@ -1,38 +1,39 @@
-import { defineComponent as Q, ref as w, computed as x, watch as X, toRef as Y, createBlock as d, openBlock as i, withCtx as s, createVNode as p, createElementBlock as o, createElementVNode as H, unref as _, isRef as ee, Fragment as m, renderList as f, createCommentVNode as v, createTextVNode as B, toDisplayString as y, nextTick as te } from "vue";
-import { FormKit as O } from "@formkit/vue";
-import { defineHubSearch as re } from "@piveau/sdk-vue";
-import ne from "zod";
-import ie from "../../../components/StepActionsSection.vue.js";
-import le from "../ActionCard.vue.js";
-import oe from "../Card.vue.js";
-import ue from "../Chip.vue.js";
-import se from "../DpiModalBase.vue.js";
-import c from "../SummaryBox.vue.js";
-import $ from "./HardwareForm.vue.js";
-import ae from "./ProcessStepBase.vue.js";
+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 { 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 p from "../SummaryBox.vue.js";
+import de from "./AreYouSureToSkipCard.vue.js";
+import O from "./HardwareForm.vue.js";
+import ce from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { looseRenderable as h, useProcessStepResources as de, ensureHasOneResource as ce } from "./utils.js";
-const pe = {
+import { looseRenderable as h, useProcessStepResources as pe, ensureHasOneResource as me } from "./utils.js";
+const fe = {
   key: 0,
   class: "software-step__card-list--empty"
-}, me = {
+}, ve = {
   key: 1,
   class: "software-step__card-list"
-}, fe = { class: "step-section step-section--lg" }, ve = { class: "functionalities" }, Re = /* @__PURE__ */ Q({
+}, ye = { class: "step-section step-section--lg" }, he = { class: "functionalities" }, Ce = /* @__PURE__ */ X({
   __name: "HardwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
   setup(A) {
-    const z = A, S = w(!1), u = w([]), { useResources: F } = re({
+    const z = A, S = w(!1), u = w([]), { useResources: F } = ne({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/hardware",
-      schema: ne.any()
+      schema: ie.any()
     }, (e) => {
-      var T, E, N, C, 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) || ((E = e == null ? void 0 : e.name) == null ? void 0 : E.en) || ""), r = (e == null ? void 0 : e.functionalities) || [], V = String(((C = (N = e == null ? void 0 : e.manufacturer) == null ? void 0 : N[0]) == null ? void 0 : C.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 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) || "");
       return {
         id: t,
         name: n,
@@ -41,9 +42,9 @@ const pe = {
         description: l,
         version: a
       };
-    }), I = F(x(() => u.value.map((e) => ({
+    }), I = F(_(() => u.value.map((e) => ({
       resourceId: e.id
-    })))), W = x(() => I.value.every((e) => e.isSuccess)), D = x(() => W.value ? I.value.map((e) => {
+    })))), 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));
       return {
         // The ones that come from API
@@ -63,8 +64,8 @@ const pe = {
         isHostedByItems: h(n == null ? void 0 : n.isHostedBy),
         hosts: h(n == null ? void 0 : n.hosts)
       };
-    }) : []), k = w(""), L = x(() => u.value.find((e) => e.id === k.value)), g = w(0);
-    X(S, (e, t) => {
+    }) : []), k = w(""), L = _(() => u.value.find((e) => e.id === k.value)), g = w(0);
+    Y(S, (e, t) => {
       !e && t && g.value++;
     });
     function M(e) {
@@ -78,7 +79,7 @@ const pe = {
       t !== -1 && u.value.splice(t, 1);
     }
     async function Z(e) {
-      M(e) && (k.value = e, g.value++, await te(), S.value = !0);
+      M(e) && (k.value = e, g.value++, await re(), S.value = !0);
     }
     function P(e) {
       u.value.push(e), S.value = !1, k.value = "";
@@ -87,31 +88,33 @@ const pe = {
       const t = R(e.id);
       t !== -1 && (u.value.splice(t, 1), u.value.splice(t, 0, e.hardware), k.value = "", S.value = !1);
     }
-    const q = x(() => u.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), J = x(() => u.value.length > 0 ? "primary" : "secondary"), { model: b } = de(z.stepGroup || "", Y(z.edit));
-    return (e, t) => (i(), d(ae, {
+    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, {
       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 }) => [
-        p(_(O), {
-          modelValue: _(b),
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => ee(b) ? b.value = r : null),
-          type: "group",
+        m(x($), {
+          modelValue: x(b),
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => te(b) ? b.value = r : null),
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: _(ce) },
+          "validation-rules": { ensureHasOneResource: x(me) },
           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"]),
-        p(_(O), {
+        m(x($), {
           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", me, [
-          (i(!0), o(m, null, f(D.value, (r, V) => (i(), d(le, {
+        D.value.length ? (i(), o("section", ve, [
+          (i(!0), o(f, null, v(D.value, (r, V) => (i(), d(oe, {
             key: V,
             class: "software-card",
             onEdit: (l) => Z(r.id),
@@ -121,17 +124,17 @@ const pe = {
               B(" Hardware ", -1)
             ])),
             default: s(() => [
-              H("div", fe, [
-                p(c, { title: "Name" }, {
+              H("div", ye, [
+                m(p, { title: "Name" }, {
                   default: s(() => [
                     B(y(r.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                p(c, { title: "Genutzte Funktionalitäten" }, {
+                m(p, { title: "Genutzte Funktionalitäten" }, {
                   default: s(() => [
-                    H("div", ve, [
-                      (i(!0), o(m, null, f(r.functionalities, (l) => (i(), d(ue, {
+                    H("div", he, [
+                      (i(!0), o(f, null, v(r.functionalities, (l) => (i(), d(se, {
                         key: l,
                         text: l,
                         data: { "@value": "", URI: "" },
@@ -141,7 +144,7 @@ const pe = {
                   ]),
                   _: 2
                 }, 1024),
-                r.description ? (i(), d(c, {
+                r.description ? (i(), d(p, {
                   key: 0,
                   title: "Beschreibung der Nutzung (optional)"
                 }, {
@@ -149,67 +152,67 @@ const pe = {
                     B(y(r.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.isHostedByItems ? (i(), d(c, {
+                }, 1024)) : c("", !0),
+                r.isHostedByItems ? (i(), d(p, {
                   key: 1,
                   title: "Host-Plattform (optional)"
                 }, {
                   default: s(() => [
-                    (i(!0), o(m, null, f(r.isHostedByItems, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                    (i(!0), o(f, null, v(r.isHostedByItems, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.hosts ? (i(), d(c, {
+                }, 1024)) : c("", !0),
+                r.hosts ? (i(), d(p, {
                   key: 2,
                   title: "Gehostete Geräte (optional)"
                 }, {
                   default: s(() => [
-                    (i(!0), o(m, null, f(r.hosts, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                    (i(!0), o(f, null, v(r.hosts, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.forProperty ? (i(), d(c, {
+                }, 1024)) : c("", !0),
+                r.forProperty ? (i(), d(p, {
                   key: 3,
                   title: "Zweck (optional)"
                 }, {
                   default: s(() => [
-                    (i(!0), o(m, null, f(r.forProperty, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                    (i(!0), o(f, null, v(r.forProperty, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.locations ? (i(), d(c, {
+                }, 1024)) : c("", !0),
+                r.locations ? (i(), d(p, {
                   key: 4,
                   title: "Standort (optional)"
                 }, {
                   default: s(() => [
-                    (i(!0), o(m, null, f(r.locations, (l, a) => (i(), o("div", { key: a }, y(`${l.lat} ${l.lng}`), 1))), 128))
+                    (i(!0), o(f, null, v(r.locations, (l, a) => (i(), o("div", { key: a }, y(`${l.lat} ${l.lng}`), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.depictions ? (i(), d(c, {
+                }, 1024)) : c("", !0),
+                r.depictions ? (i(), d(p, {
                   key: 5,
                   title: "Darstellungen (optional)"
                 }, {
                   default: s(() => [
-                    (i(!0), o(m, null, f(r.depictions, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
+                    (i(!0), o(f, null, v(r.depictions, (l, a) => (i(), o("div", { key: a }, y(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.references ? (i(), d(c, {
+                }, 1024)) : c("", !0),
+                r.references ? (i(), d(p, {
                   key: 6,
                   title: "Weiterführende Links (optional)"
                 }, {
                   default: s(() => [
-                    (i(!0), o(m, null, f(r.references, (l, a) => (i(), o("div", { key: a }, y(l.name), 1))), 128))
+                    (i(!0), o(f, null, v(r.references, (l, a) => (i(), o("div", { key: a }, y(l.name), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0)
+                }, 1024)) : c("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), o("section", pe, [
-          p(oe, {
+        ])) : (i(), o("section", fe, [
+          m(ue, {
             small: "",
             class: "empty-card"
           }, {
@@ -220,22 +223,26 @@ const pe = {
             __: [4]
           })
         ])),
-        p($, {
+        m(O, {
           exclude: u.value.map((r) => r.id),
           onSubmit: P
         }, null, 8, ["exclude"]),
         H("section", null, [
-          p(ie, {
+          m(le, {
             "next-text": q.value,
             "next-variant": J.value
-          }, null, 8, ["next-text", "next-variant"])
+          }, null, 8, ["next-text", "next-variant"]),
+          x(Q) === 0 ? (i(), d(de, {
+            key: 0,
+            "resource-label": "Hardware"
+          })) : c("", !0)
         ]),
-        p(se, {
+        m(ae, {
           modelValue: S.value,
           "onUpdate:modelValue": t[3] || (t[3] = (r) => S.value = r)
         }, {
           default: s(() => [
-            k.value ? (i(), d($, {
+            k.value ? (i(), d(O, {
               key: g.value,
               modelValue: k.value,
               "onUpdate:modelValue": t[2] || (t[2] = (r) => k.value = r),
@@ -243,7 +250,7 @@ const pe = {
               exclude: u.value.map((r) => r.id),
               onSubmit: P,
               onPatch: j
-            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : v("", !0)
+            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : c("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])
@@ -253,5 +260,5 @@ const pe = {
   }
 });
 export {
-  Re as default
+  Ce 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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8219fa7d"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-325b9691"]]);
 export {
-  p as default
+  e as default
 };