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

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

@@ -1,9 +1,9 @@
-import { defineComponent as re, mergeModels as _, useModel as ue, unref as i, watch as R, ref as ae, computed as v, createElementBlock as f, openBlock as u, createElementVNode as o, createCommentVNode as y, createVNode as a, Fragment as x, mergeProps as g, isRef as w, withCtx as ce, renderList as de, withDirectives as fe, vModelCheckbox as me, createBlock as P } from "vue";
-import { toTypedSchema as T } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
-import { useForm as j, useFieldArray as pe } from "vee-validate";
+import { defineComponent as se, mergeModels as _, useModel as re, unref as i, watch as R, ref as ue, computed as y, createElementBlock as c, openBlock as a, createElementVNode as o, createCommentVNode as g, createVNode as u, Fragment as z, mergeProps as w, isRef as F, withCtx as ae, renderList as ce, withDirectives as de, vModelCheckbox as fe, createBlock as me } from "vue";
+import { toTypedSchema as P } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
+import { useForm as T, useFieldArray as pe } from "vee-validate";
 import * as l from "zod";
 import he from "../Autocomplete/AutocompleteVocab.vue.js";
-import F from "../ButtonV3.vue.js";
+import h from "../ButtonV3.vue.js";
 import Se from "../Chip.vue.js";
 import be from "../InputField.vue.js";
 import ve from "../ListBox/Listbox.vue.js";
@@ -11,7 +11,10 @@ import ye from "./RichOption.vue.js";
 const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "step-section" }, Fe = { class: "step-section-actions" }, ke = { class: "step-section" }, Ve = {
   key: 0,
   class: "functionalities-container"
-}, Ie = ["id", "value"], xe = { class: "step-section-actions" }, ze = { class: "step-section-actions" }, O = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Te = /* @__PURE__ */ re({
+}, Ie = ["id", "value"], xe = { class: "step-section-actions" }, ze = { class: "step-section-actions" }, Ae = {
+  key: 0,
+  class: "button-row"
+}, j = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", je = /* @__PURE__ */ se({
   __name: "SoftwareForm",
   props: /* @__PURE__ */ _({
     modelValue: {},
@@ -23,137 +26,137 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["submit", "patch"], ["update:modelValue"]),
-  setup(z, { emit: Z }) {
-    const m = z, A = Z, G = ue(z, "modelValue"), h = !!m.modelValue, K = i(m.modelValue) || "", q = l.object({
+  emits: /* @__PURE__ */ _(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(A, { emit: O }) {
+    const m = A, k = O, Z = re(A, "modelValue"), S = !!m.modelValue, G = i(m.modelValue) || "", K = l.object({
       lat: l.string().min(1, "Geben Sie einen Wert für die Breite ein"),
       lng: l.string().min(1, "Geben Sie einen Wert für die Länge ein")
-    }), Q = l.array(q), Y = l.object({
+    }), q = l.array(K), Q = l.object({
       id: l.string(),
       functionalities: l.array(l.string()).min(1),
-      locations: Q
+      locations: q
     }), {
       defineField: C,
-      handleSubmit: H,
-      resetForm: J,
-      errors: Ae
-    } = j({
-      validationSchema: T(Y),
+      handleSubmit: Y,
+      resetForm: $,
+      errors: Ce
+    } = T({
+      validationSchema: P(Q),
       initialValues: {
         id: m.modelValue || "",
         functionalities: m.functionalities || [],
         locations: []
       },
       name: "softwareForm"
-    }), [c, X] = C("id"), [r, $] = C("functionalities"), {
-      remove: Ce,
-      push: Be,
-      fields: De
+    }), [d, H] = C("id"), [r, J] = C("functionalities"), {
+      remove: Be,
+      push: De,
+      fields: Ee
     } = pe("locations");
-    R(c, (n) => {
-      G.value = n || "";
+    R(d, (n) => {
+      Z.value = n || "";
     }, { immediate: !0 });
-    const B = ae(null);
-    function ee(n) {
+    const B = ue(null);
+    function X(n) {
       B.value = n;
     }
-    const p = v(() => !!c.value), D = v(() => {
+    const p = y(() => !!d.value), D = y(() => {
       var n;
       return (((n = r.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), te = v(() => {
+    }), ee = y(() => {
       var n;
       return ((n = B.value) == null ? void 0 : n.functionalities) ?? [];
-    }), ne = l.object({
+    }), te = l.object({
       functionalitySelect: l.string().optional(),
       functionalityInput: l.string().optional()
     }).superRefine((n, t) => {
       const e = n.functionalitySelect && n.functionalitySelect.trim().length > 0, s = n.functionalityInput && n.functionalityInput.trim().length > 0;
       !e && !s && (t.addIssue({
         code: l.ZodIssueCode.custom,
-        message: O,
+        message: j,
         path: ["functionalitySelect"]
       }), t.addIssue({
         code: l.ZodIssueCode.custom,
-        message: O,
+        message: j,
         path: ["functionalityInput"]
       }));
     }), {
       defineField: E,
-      handleSubmit: ie,
-      errors: S,
-      resetForm: k
-    } = j({
-      validationSchema: T(ne),
+      handleSubmit: ne,
+      errors: b,
+      resetForm: V
+    } = T({
+      validationSchema: P(te),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
       }
     });
-    R(c, (n, t) => {
-      !!t && !!n && n !== t && (k(), r.value = []);
+    R(d, (n, t) => {
+      !!t && !!n && n !== t && (V(), r.value = []);
     });
-    const [V, oe] = E("functionalitySelect"), [I, le] = E("functionalityInput"), L = v(() => Array.from(r.value || [])), M = H((n) => {
-      h ? A("patch", {
-        id: K,
+    const [I, ie] = E("functionalitySelect"), [x, oe] = E("functionalityInput"), L = y(() => Array.from(r.value || [])), M = Y((n) => {
+      S ? k("patch", {
+        id: G,
         software: {
           id: n.id,
           functionalities: Array.from(r.value || []).filter(Boolean)
         }
-      }) : A("submit", {
+      }) : k("submit", {
         id: n.id,
         functionalities: Array.from(r.value || []).filter(Boolean)
-      }), k(), J();
-    }), se = ie((n) => {
+      }), V(), $();
+    }), le = ne((n) => {
       var e, s;
       const t = n.functionalitySelect || n.functionalityInput;
-      t && t.trim().length > 0 && !((e = r.value) != null && e.includes(t)) && ((s = r.value) == null || s.push(t)), k();
+      t && t.trim().length > 0 && !((e = r.value) != null && e.includes(t)) && ((s = r.value) == null || s.push(t)), V();
     });
-    return (n, t) => (u(), f("div", ge, [
+    return (n, t) => (a(), c("div", ge, [
       o("section", we, [
-        h ? y("", !0) : (u(), f(x, { key: 0 }, [
-          t[5] || (t[5] = o("h5", null, "Wählen Sie eine bestehende Software", -1)),
-          t[6] || (t[6] = o("p", null, "Falls die Software bereits angelegt wurde, können Sie sie hier auswählen.", -1))
+        S ? g("", !0) : (a(), c(z, { key: 0 }, [
+          t[6] || (t[6] = o("h5", null, "Wählen Sie eine bestehende Software", -1)),
+          t[7] || (t[7] = o("p", null, "Falls die Software bereits angelegt wurde, können Sie sie hier auswählen.", -1))
         ], 64)),
-        a(he, g({
-          modelValue: i(c),
-          "onUpdate:modelValue": t[0] || (t[0] = (e) => w(c) ? c.value = e : null)
-        }, i(X), {
+        u(he, w({
+          modelValue: i(d),
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => F(d) ? d.value = e : null)
+        }, i(H), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "software",
           label: "",
           placeholder: "Software...",
           name: "software",
           "setup-fn": (e) => {
-            var s, d, b, N, U, W;
+            var s, f, v, N, U, W;
             return {
               id: e == null ? void 0 : e.id,
-              name: ((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((d = e == null ? void 0 : e.name) == null ? void 0 : d.en),
+              name: ((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((f = e == null ? void 0 : e.name) == null ? void 0 : f.en),
               functionalities: (e == null ? void 0 : e.functionalities) || [],
               unavailable: m.exclude.includes(e == null ? void 0 : e.id),
-              manufacturer: (N = (b = e == null ? void 0 : e.manufacturer) == null ? void 0 : b[0]) == null ? void 0 : N.label,
+              manufacturer: (N = (v = e == null ? void 0 : e.manufacturer) == null ? void 0 : v[0]) == null ? void 0 : N.label,
               description: ((U = e == null ? void 0 : e.description) == null ? void 0 : U.de) || ((W = e == null ? void 0 : e.description) == null ? void 0 : W.en),
               version: e == null ? void 0 : e.version
             };
           },
-          onSelect: ee
+          onSelect: X
         }), {
-          option: ce(({ option: e, active: s, selected: d, disabled: b }) => [
-            a(ye, {
+          option: ae(({ option: e, active: s, selected: f, disabled: v }) => [
+            u(ye, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
               active: s,
-              selected: d,
-              "is-disabled": b
+              selected: f,
+              "is-disabled": v
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "is-disabled"])
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        h ? y("", !0) : (u(), f(x, { key: 1 }, [
-          t[7] || (t[7] = o("h5", null, "oder", -1)),
-          t[8] || (t[8] = o("p", null, " Sollte die verwendete Software noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Software in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Software-Datensatz ersetzen. ", -1)),
+        S ? g("", !0) : (a(), c(z, { key: 1 }, [
+          t[8] || (t[8] = o("h5", null, "oder", -1)),
+          t[9] || (t[9] = o("p", null, " Sollte die verwendete Software noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Software in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Software-Datensatz ersetzen. ", -1)),
           o("div", Fe, [
-            a(F, {
+            u(h, {
               "button-text": "Zur Softwarebeantragung",
               size: "medium",
               variant: "secondary"
@@ -162,24 +165,24 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
         ], 64))
       ]),
       o("section", ke, [
-        t[9] || (t[9] = o("h5", null, " Wie haben Sie die Software verwendet? ", -1)),
-        t[10] || (t[10] = o("p", null, " Beschreiben Sie, wie Sie die angegebene Software verwendet haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
-        L.value.length > 0 ? (u(), f("div", Ve, [
-          (u(!0), f(x, null, de(L.value, (e, s) => (u(), f("div", {
+        t[10] || (t[10] = o("h5", null, " Wie haben Sie die Software verwendet? ", -1)),
+        t[11] || (t[11] = o("p", null, " Beschreiben Sie, wie Sie die angegebene Software verwendet haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
+        L.value.length > 0 ? (a(), c("div", Ve, [
+          (a(!0), c(z, null, ce(L.value, (e, s) => (a(), c("div", {
             key: s,
             class: "functionalities"
           }, [
-            fe(o("input", g({
+            de(o("input", w({
               id: e,
-              "onUpdate:modelValue": t[1] || (t[1] = (d) => w(r) ? r.value = d : null),
+              "onUpdate:modelValue": t[1] || (t[1] = (f) => F(r) ? r.value = f : null),
               hidden: "",
               value: e,
               name: "selectedFunctionalities",
               type: "checkbox"
-            }, { ref_for: !0 }, i($)), null, 16, Ie), [
-              [me, i(r)]
+            }, { ref_for: !0 }, i(J)), null, 16, Ie), [
+              [fe, i(r)]
             ]),
-            a(Se, {
+            u(Se, {
               as: "label",
               for: e,
               text: e,
@@ -194,23 +197,23 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
               "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : y("", !0),
-        a(ve, g({
-          modelValue: i(V),
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => w(V) ? V.value = e : null),
-          options: te.value,
-          "error-message": i(S).functionalitySelect,
+        ])) : g("", !0),
+        u(ve, w({
+          modelValue: i(I),
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => F(I) ? I.value = e : null),
+          options: ee.value,
+          "error-message": i(b).functionalitySelect,
           label: "Funktionalitäten auswählen",
           placeholder: "Wählen Sie eine Funktionalität.",
           disabled: !p.value
-        }, i(oe)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-        t[11] || (t[11] = o("h5", null, " oder ", -1)),
-        a(be, g({
-          modelValue: i(I),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => w(I) ? I.value = e : null),
-          "initial-hint-text": !!i(S).functionalityInput,
-          error_message: i(S).functionalityInput,
-          "show-error": !!i(S).functionalityInput,
+        }, i(ie)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+        t[12] || (t[12] = o("h5", null, " oder ", -1)),
+        u(be, w({
+          modelValue: i(x),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => F(x) ? x.value = e : null),
+          "initial-hint-text": !!i(b).functionalityInput,
+          error_message: i(b).functionalityInput,
+          "show-error": !!i(b).functionalityInput,
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -219,26 +222,32 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           "is-disabled": !p.value,
           label: "Funktionalitäten nennen",
           placeholder: "Nennen Sie eine Funktionalität"
-        }, i(le)), null, 16, ["modelValue", "initial-hint-text", "error_message", "show-error", "is-disabled"]),
+        }, i(oe)), null, 16, ["modelValue", "initial-hint-text", "error_message", "show-error", "is-disabled"]),
         o("div", xe, [
-          a(F, {
+          u(h, {
             "button-text": "Funktionalität hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !p.value,
-            onClick: i(se)
+            onClick: i(le)
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
-      y("", !0),
+      g("", !0),
       o("section", ze, [
-        h ? (u(), P(F, {
-          key: 0,
-          "button-text": "Speichern",
-          disabled: !p.value || !D.value,
-          onClick: i(M)
-        }, null, 8, ["disabled", "onClick"])) : (u(), P(F, {
+        S ? (a(), c("div", Ae, [
+          u(h, {
+            "button-text": "Abbrechen",
+            variant: "tertiary",
+            onClick: t[5] || (t[5] = (e) => k("close"))
+          }),
+          u(h, {
+            "button-text": "Speichern",
+            disabled: !p.value || !D.value,
+            onClick: i(M)
+          }, null, 8, ["disabled", "onClick"])
+        ])) : (a(), me(h, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Software hinzufügen",
@@ -250,5 +259,5 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
   }
 });
 export {
-  Te as default
+  je 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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d658cd16"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fe4ae526"]]);
 export {
-  e as default
+  f as default
 };

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

@@ -1,126 +1,131 @@
-import { defineComponent as $, ref as v, computed as c, watch as M, toRef as W, createBlock as f, openBlock as o, withCtx as u, createVNode as s, createElementBlock as S, createElementVNode as x, unref as m, isRef as K, Fragment as g, renderList as D, createTextVNode as B, toDisplayString as L, createCommentVNode as I, nextTick as j } from "vue";
-import { FormKit as R } from "@formkit/vue";
-import { defineHubSearch as q } from "@piveau/sdk-vue";
-import J from "zod";
-import Q from "../../../components/StepActionsSection.vue.js";
-import X from "../ActionCard.vue.js";
-import Y from "../Card.vue.js";
-import Z from "../Chip.vue.js";
-import ee from "../DpiModalBase.vue.js";
-import te from "../SummaryBox.vue.js";
-import ne from "./AreYouSureToSkipCard.vue.js";
+import { defineComponent as M, ref as v, computed as c, watch as W, toRef as K, createBlock as f, openBlock as r, withCtx as s, createVNode as d, createElementBlock as S, createElementVNode as y, unref as m, isRef as L, Fragment as g, renderList as B, createTextVNode as D, toDisplayString as j, createCommentVNode as C, nextTick as q } from "vue";
+import { FormKit as I } 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 re from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import z from "./SoftwareForm.vue.js";
-import { useProcessStepResources as oe, ensureHasOneResource as ie } from "./utils.js";
-const ae = {
+import R from "./SoftwareForm.vue.js";
+import { useProcessStepResources as ie, ensureHasOneResource as ae } from "./utils.js";
+const le = {
   key: 0,
   class: "software-step__card-list--empty"
-}, le = {
+}, ue = {
   key: 1,
   class: "software-step__card-list"
-}, ue = { class: "functionalities" }, se = { class: "" }, ge = /* @__PURE__ */ $({
+}, se = { class: "functionalities" }, de = { class: "" }, Be = /* @__PURE__ */ M({
   __name: "SoftwareStep",
   props: {
     stepGroup: {},
-    edit: { type: Boolean }
+    edit: { type: Boolean },
+    hideCloseBtn: { type: Boolean },
+    title: {}
   },
-  setup(T) {
-    const y = T, d = v(!1), r = v([]), { useResources: C } = q({
+  setup(z) {
+    const x = z, a = v(!1), o = v([]), { useResources: T } = J({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/software",
-      schema: J.any()
+      schema: Q.any()
     }, (e) => {
-      var p, l;
-      const t = String((e == null ? void 0 : e.id) || ""), i = String(((p = e == null ? void 0 : e.name) == null ? void 0 : p.de) || ((l = e == null ? void 0 : e.name) == null ? void 0 : l.en) || "");
+      var p, u;
+      const t = String((e == null ? void 0 : e.id) || ""), i = String(((p = e == null ? void 0 : e.name) == null ? void 0 : p.de) || ((u = e == null ? void 0 : e.name) == null ? void 0 : u.en) || "");
       return {
         ...e,
         id: t,
         name: i
       };
-    }), b = C(c(() => r.value.map((e) => ({
+    }), b = T(c(() => o.value.map((e) => ({
       resourceId: e.id
     })))), E = c(() => b.value.every((e) => e.isSuccess)), _ = c(() => E.value ? b.value.map((e, t) => {
       const i = e.resultEnhanced;
       return {
         id: i.id,
         name: (i == null ? void 0 : i.name) || "",
-        functionalities: r.value[t].functionalities
+        functionalities: o.value[t].functionalities
       };
-    }) : []), a = v(""), F = c(() => {
+    }) : []), l = v(""), F = c(() => {
       var e;
-      return [...((e = r.value.find((t) => t.id === a.value)) == null ? void 0 : e.functionalities) || []];
+      return [...((e = o.value.find((t) => t.id === l.value)) == null ? void 0 : e.functionalities) || []];
     }), w = v(0);
-    M(d, (e, t) => {
+    W(a, (e, t) => {
       !e && t && w.value++;
     });
     function H(e) {
-      return r.value.find((t) => t.id === e);
+      return o.value.find((t) => t.id === e);
     }
     function V(e) {
-      return r.value.findIndex((t) => t.id === e);
+      return o.value.findIndex((t) => t.id === e);
     }
     function N(e) {
       const t = V(e);
-      t !== -1 && r.value.splice(t, 1);
+      t !== -1 && o.value.splice(t, 1);
     }
     async function U(e) {
-      H(e) && (a.value = e, w.value++, await j(), d.value = !0);
+      H(e) && (l.value = e, w.value++, await q(), a.value = !0);
     }
     function k(e) {
-      r.value.push(e), d.value = !1, a.value = "";
+      o.value.push(e), a.value = !1, l.value = "";
     }
     function A(e) {
       const t = V(e.id);
-      t !== -1 && (r.value.splice(t, 1), r.value.splice(t, 0, e.software), a.value = "", d.value = !1);
+      t !== -1 && (o.value.splice(t, 1), o.value.splice(t, 0, e.software), l.value = "", a.value = !1);
     }
-    const G = c(() => r.value.length > 0 ? "Weiter" : "Weiter ohne Software"), O = c(() => r.value.length > 0 ? "primary" : "secondary"), { count: h, realCount: P } = oe(y.stepGroup || "", W(y.edit));
-    return (e, t) => (o(), f(re, {
+    function G() {
+      a.value = !1;
+    }
+    const O = c(() => o.value.length > 0 ? "Weiter" : "Weiter ohne Software"), P = c(() => o.value.length > 0 ? "primary" : "secondary"), { count: h, realCount: $ } = ie(x.stepGroup || "", K(x.edit));
+    return (e, t) => (r(), f(re, {
       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: u(({ confirm: i }) => [
-        s(m(R), {
+      default: s(({ confirm: i }) => [
+        d(m(I), {
           modelValue: m(h),
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => K(h) ? h.value = n : null),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => L(h) ? h.value = n : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: m(ie) },
+          "validation-rules": { ensureHasOneResource: m(ae) },
           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"]),
-        s(m(R), {
-          modelValue: r.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
+        d(m(I), {
+          modelValue: o.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n),
           name: "selected",
           type: "list",
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        _.value.length ? (o(), S("section", le, [
-          (o(!0), S(g, null, D(_.value, (n, p) => (o(), f(X, {
+        _.value.length ? (r(), S("section", ue, [
+          (r(!0), S(g, null, B(_.value, (n, p) => (r(), f(Y, {
             key: p,
             class: "software-card",
-            onEdit: (l) => U(n.id),
-            onDelete: (l) => i({ id: n.id, resourceType: "Software", resource: n.name, callback: N })
+            onEdit: (u) => U(n.id),
+            onDelete: (u) => i({ id: n.id, resourceType: "Software", resource: n.name, callback: N })
           }, {
-            "sub-title": u(() => t[5] || (t[5] = [
-              B(" Name ", -1)
+            "sub-title": s(() => t[5] || (t[5] = [
+              D(" Name ", -1)
             ])),
-            title: u(() => [
-              B(L(n.name), 1)
+            title: s(() => [
+              D(j(n.name), 1)
             ]),
-            default: u(() => [
-              s(te, { title: "Genutzte Funktionalitäten" }, {
-                default: u(() => [
-                  x("div", ue, [
-                    (o(!0), S(g, null, D(n.functionalities, (l) => (o(), f(Z, {
-                      key: l,
-                      text: l,
+            default: s(() => [
+              d(ne, { title: "Genutzte Funktionalitäten" }, {
+                default: s(() => [
+                  y("div", se, [
+                    (r(!0), S(g, null, B(n.functionalities, (u) => (r(), f(ee, {
+                      key: u,
+                      text: u,
                       data: { "@value": "", URI: "" },
                       setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
                     }, null, 8, ["text"]))), 128))
@@ -131,46 +136,50 @@ const ae = {
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (o(), S("section", ae, [
-          s(Y, {
+        ])) : (r(), S("section", le, [
+          d(Z, {
             small: "",
             class: "empty-card"
           }, {
-            default: u(() => t[4] || (t[4] = [
-              x("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
+            default: s(() => t[4] || (t[4] = [
+              y("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
             ])),
             _: 1,
             __: [4]
           })
         ])),
-        s(z, {
-          exclude: r.value.map((n) => n.id),
+        d(R, {
+          exclude: o.value.map((n) => n.id),
           onSubmit: k
         }, null, 8, ["exclude"]),
-        x("section", se, [
-          s(Q, {
-            "next-text": G.value,
-            "next-variant": O.value
+        y("section", de, [
+          d(X, {
+            "next-text": O.value,
+            "next-variant": P.value
           }, null, 8, ["next-text", "next-variant"]),
-          m(P) === 0 ? (o(), f(ne, {
+          m($) === 0 ? (r(), f(oe, {
             key: 0,
             "resource-label": "Software"
-          })) : I("", !0)
+          })) : C("", !0)
         ]),
-        s(ee, {
-          modelValue: d.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (n) => d.value = n)
+        d(te, {
+          modelValue: a.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (n) => a.value = n),
+          "hide-close-btn": !0,
+          "compact-layout": !0,
+          title: "Software"
         }, {
-          default: u(() => [
-            a.value ? (o(), f(z, {
+          default: s(() => [
+            l.value ? (r(), f(R, {
               key: w.value,
-              modelValue: a.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value = n),
+              modelValue: l.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => l.value = n),
               functionalities: F.value,
-              exclude: r.value.map((n) => n.id),
+              exclude: o.value.map((n) => n.id),
               onSubmit: k,
-              onPatch: A
-            }, null, 8, ["modelValue", "functionalities", "exclude"])) : I("", !0)
+              onPatch: A,
+              onClose: G
+            }, null, 8, ["modelValue", "functionalities", "exclude"])) : C("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])
@@ -180,5 +189,5 @@ const ae = {
   }
 });
 export {
-  ge as default
+  Be as default
 };