@piveau/dpi 0.2.0-alpha.29 → 0.2.0-alpha.30

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/DataVisualisation/BasicInformationStep.vue2.js

@@ -3,10 +3,10 @@ import { FormKit as b } from "@formkit/vue";
 import { PhLightbulb as N, PhExclamationMark as K } from "@phosphor-icons/vue";
 import W from "../../../../stories/components/LinkCard.vue.js";
 import $ from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as I } from "../../../utils/injectionKeys.js";
 import u from "../ButtonV3.vue.js";
 import V from "../Card.vue.js";
-import I from "../TextArea/TextAreaDefinition.js";
-import { dpiStepperKey as R } from "../../../utils/injectionKeys.js";
+import R from "../TextArea/TextAreaDefinition.js";
 const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" }, A = { class: "funny-section" }, T = {
   id: "partners-section",
   class: "funny-section"
@@ -25,7 +25,7 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
       return ((v = g.value) == null ? void 0 : v.length) || 0;
     });
     F(w, "modelValue");
-    const B = P(R);
+    const B = P(I);
     return (v, e) => (s(), C("div", Z, [
       e[9] || (e[9] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
@@ -44,7 +44,7 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
           "onUpdate:modelValue": e[0] || (e[0] = (r) => g.value = r),
           class: "budgetArea",
           label: "Beschreibung",
-          type: o(I),
+          type: o(R),
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
@@ -84,7 +84,7 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
             name: "links",
             dynamic: ""
           }, {
-            default: n(({ items: r, node: d, value: c }) => [
+            default: n(({ items: r, node: c, value: d }) => [
               (s(!0), C(D, null, M(r, (m, p) => (s(), a(o(b), {
                 key: m,
                 type: "group",
@@ -98,7 +98,7 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => d.input(c.filter((z, l) => l !== p))
+                        onClick: () => c.input(d.filter((z, l) => l !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -112,7 +112,7 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => d.input(c.concat({}))
+                  onClick: (m) => c.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -121,13 +121,14 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
         ])
       ]),
       i($, {
+        compact: "",
         "next-text": "Weiter zu Software",
         class: "actions-container"
       }, {
         "prev-and-next": n(({
           hidePrevious: r,
-          hideNext: d,
-          previousText: c,
+          hideNext: c,
+          previousText: d,
           nextText: m,
           handlePrevious: p,
           handleSubmit: z
@@ -138,7 +139,7 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
                 key: 0,
                 variant: "secondary",
                 size: "large",
-                "button-text": c,
+                "button-text": d,
                 "icon-start": "CaretLeft",
                 class: "previus-button",
                 onClick: p
@@ -147,16 +148,16 @@ const Z = { class: "dpiV3_page V3-typography" }, j = { class: "funny-section" },
                 key: 1,
                 variant: "secondary",
                 class: "skip-button",
+                size: "large",
+                "button-text": "Weiter ohne Datenvisualisierung",
+                "icon-end": "CaretRight",
                 onClick: e[2] || (e[2] = (l) => {
                   var x;
                   return (x = o(B)) == null ? void 0 : x.goToStep("Vorschau");
-                }),
-                size: "large",
-                "button-text": "Weiter ohne Datenvisualisierung",
-                "icon-end": "CaretRight"
+                })
               }))
             ]),
-            d ? f("", !0) : (s(), a(u, {
+            c ? f("", !0) : (s(), a(u, {
               key: 0,
               variant: "primary",
               size: "large",

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

@@ -1,7 +1,7 @@
 import o from "./DpiModalBase.vue2.js";
 /* empty css                  */
 import a from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5929dac5"]]);
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-8d995a5f"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,46 +1,48 @@
-import { defineComponent as v, mergeModels as V, useModel as B, computed as k, createBlock as y, openBlock as s, unref as a, withCtx as n, createVNode as i, createElementVNode as o, createElementBlock as _, createCommentVNode as m, renderSlot as r, toDisplayString as C } from "vue";
+import { defineComponent as v, mergeModels as V, useModel as B, computed as k, createBlock as y, openBlock as r, unref as a, withCtx as i, createVNode as n, createElementVNode as o, createElementBlock as _, createCommentVNode as m, renderSlot as d, toDisplayString as C } from "vue";
 import { TransitionRoot as h, Dialog as b, TransitionChild as c, DialogPanel as M } from "@headlessui/vue";
-import g from "./CrossOutButton.vue.js";
-const $ = { class: "dpiV3_RapModalContainer" }, D = { class: "dpiV3_RapModalInner" }, R = { class: "dpiV3_modalHead" }, w = { class: "editModalHeader" }, N = {
+import R from "./CrossOutButton.vue.js";
+const g = { class: "dpiV3_RapModalContainer" }, $ = { class: "dpiV3_RapModalInner" }, D = { class: "dpiV3_modalHead" }, w = { class: "editModalHeader" }, N = {
   key: 0,
   class: "dpiV3_closeButtonContainer"
 }, O = { class: "dpiV3_modalBody" }, E = {
   key: 0,
   class: "dpiV3_interactionWrap"
-}, S = /* @__PURE__ */ v({
+}, P = /* @__PURE__ */ v({
   __name: "DpiModalBase",
   props: /* @__PURE__ */ V({
     persistent: { type: Boolean },
     hideCloseBtn: { type: Boolean },
     compactLayout: { type: Boolean },
-    title: {}
+    title: {},
+    initialFocusRef: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(d) {
-    const p = d, u = B(d, "modelValue"), l = k({
+  setup(p) {
+    const l = p, u = B(p, "modelValue"), s = k({
       get() {
         return u.value;
       },
       set(e) {
-        p.persistent && !e || (u.value = e);
+        l.persistent && !e || (u.value = e);
       }
     });
-    return (e, t) => (s(), y(a(h), {
-      show: l.value,
+    return (e, t) => (r(), y(a(h), {
+      show: s.value,
       as: "template",
       unmount: !1
     }, {
-      default: n(() => [
-        i(a(b), {
+      default: i(() => [
+        n(a(b), {
           style: { position: "relative", "z-index": "10000" },
           unmount: !1,
-          onClose: t[1] || (t[1] = (f) => l.value = !1)
+          "initial-focus": l.initialFocusRef,
+          onClose: t[1] || (t[1] = (f) => s.value = !1)
         }, {
-          default: n(() => [
-            i(a(c), {
+          default: i(() => [
+            n(a(c), {
               enter: "dpiV3__backdrop-transition--enter",
               leave: "dpiV3__backdrop-transition--leave",
               "enter-from": "dpiV3__backdrop-transition--enter-from",
@@ -49,14 +51,14 @@ const $ = { class: "dpiV3_RapModalContainer" }, D = { class: "dpiV3_RapModalInne
               "leave-to": "dpiV3__backdrop-transition--leave-to",
               unmount: !1
             }, {
-              default: n(() => t[2] || (t[2] = [
+              default: i(() => t[2] || (t[2] = [
                 o("div", { class: "dpiV3_backdrop" }, null, -1)
               ])),
               _: 1,
               __: [2]
             }),
-            o("div", $, [
-              i(a(c), {
+            o("div", g, [
+              n(a(c), {
                 enter: "dpiV3__modal-transition--enter",
                 leave: "dpiV3__modal-transition--leave",
                 "enter-from": "dpiV3__modal-transition--enter-from",
@@ -65,28 +67,28 @@ const $ = { class: "dpiV3_RapModalContainer" }, D = { class: "dpiV3_RapModalInne
                 "leave-to": "dpiV3__modal-transition--leave-to",
                 unmount: !1
               }, {
-                default: n(() => [
-                  i(a(M), { class: "dpiV3_RapModalOuter" }, {
-                    default: n(() => [
-                      o("div", D, [
-                        o("div", R, [
-                          r(e.$slots, "header", {}, () => [
+                default: i(() => [
+                  n(a(M), { class: "dpiV3_RapModalOuter" }, {
+                    default: i(() => [
+                      o("div", $, [
+                        o("div", D, [
+                          d(e.$slots, "header", {}, () => [
                             o("h4", w, C(e.title) + " bearbeiten ", 1)
                           ], !0),
-                          !p.persistent && !e.hideCloseBtn ? (s(), _("div", N, [
-                            i(g, {
+                          !l.persistent && !e.hideCloseBtn ? (r(), _("div", N, [
+                            n(R, {
                               class: "dpiV3_closeButton",
                               type: "default",
-                              onClick: t[0] || (t[0] = (f) => l.value = !1)
+                              onClick: t[0] || (t[0] = (f) => s.value = !1)
                             })
                           ])) : m("", !0)
                         ]),
                         o("div", O, [
-                          r(e.$slots, "default", {}, void 0, !0)
+                          d(e.$slots, "default", {}, void 0, !0)
                         ])
                       ]),
-                      e.compactLayout ? m("", !0) : (s(), _("div", E, [
-                        r(e.$slots, "footer", {}, void 0, !0)
+                      e.compactLayout ? m("", !0) : (r(), _("div", E, [
+                        d(e.$slots, "footer", {}, void 0, !0)
                       ]))
                     ]),
                     _: 3
@@ -97,12 +99,12 @@ const $ = { class: "dpiV3_RapModalContainer" }, D = { class: "dpiV3_RapModalInne
             ])
           ]),
           _: 3
-        })
+        }, 8, ["initial-focus"])
       ]),
       _: 3
     }, 8, ["show"]));
   }
 });
 export {
-  S as default
+  P as default
 };

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

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

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

@@ -1,85 +1,98 @@
-import { defineComponent as F, watch as _, computed as k, createElementBlock as I, openBlock as B, createElementVNode as t, createVNode as l, mergeProps as R, unref as b, isRef as j, withCtx as A } from "vue";
-import { toTypedSchema as C } 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 E } from "vee-validate";
-import { useRouter as N } from "vue-router";
-import * as v from "zod";
-import P from "../Autocomplete/AutocompleteVocab.vue.js";
-import W from "../ButtonV3.vue.js";
-import H from "./RichOption.vue.js";
-const K = { class: "dpi-project-process-step V3-typography" }, O = { class: "step-section" }, T = { class: "step-section-actions" }, U = ["href"], X = /* @__PURE__ */ F({
+import { defineComponent as B, watch as R, computed as a, createElementBlock as j, openBlock as A, createElementVNode as r, createVNode as l, mergeProps as C, unref as D, isRef as E, withCtx as v, toDisplayString as N } 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 W } from "vee-validate";
+import { useRouter as H } from "vue-router";
+import * as g from "zod";
+import K from "../Autocomplete/AutocompleteVocab.vue.js";
+import L from "../ButtonV3.vue.js";
+import O from "./RichOption.vue.js";
+const T = { class: "dpi-project-process-step V3-typography" }, U = { class: "step-section" }, Z = { class: "step-section-actions" }, q = ["href"], ee = /* @__PURE__ */ B({
   __name: "DatasetForm",
   props: {
     exclude: { default: () => [] }
   },
   emits: ["submit"],
-  setup(D, { emit: g }) {
-    const z = D, S = g, V = v.object({ id: v.string() }), { defineField: a } = E({
-      validationSchema: C(V),
+  setup(S, { emit: y }) {
+    const z = S, V = y, w = g.object({ id: g.string() }), { defineField: x } = W({
+      validationSchema: P(w),
       initialValues: { id: "" },
       name: "datasetForm"
-    }), [r, w] = a("id");
-    _(r, (m) => {
+    }), [s, F] = x("id");
+    R(s, (m) => {
       const n = String(m || "").trim();
-      n && S("submit", { id: n });
+      n && (V("submit", { id: n }), s.value = void 0);
     });
-    const x = N(), y = k(
-      () => x.resolve({ name: "DataProviderInterface-Input", params: { property: "datasets" } }).href
+    const _ = H(), k = a(
+      () => _.resolve({ name: "DataProviderInterface-Input", params: { property: "datasets" } }).href
     );
-    return (m, n) => (B(), I("div", K, [
-      t("section", O, [
-        n[1] || (n[1] = t("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
-        n[2] || (n[2] = t("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
-        l(P, R({
-          modelValue: b(r),
-          "onUpdate:modelValue": n[0] || (n[0] = (e) => j(r) ? r.value = e : null)
-        }, b(w), {
+    return (m, n) => (A(), j("div", T, [
+      r("section", U, [
+        n[1] || (n[1] = r("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
+        n[2] || (n[2] = r("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
+        l(K, C({
+          modelValue: D(s),
+          "onUpdate:modelValue": n[0] || (n[0] = (e) => E(s) ? s.value = e : null)
+        }, D(F), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "dataset",
           label: "",
           placeholder: "Wählen Sie einen Datensatz.",
           name: "dataset",
           "setup-fn": (e) => {
-            var s, i, o, u, p, c, f, h, d;
+            var i, o, u, p, c, f, h, b, d;
+            let t = (e == null ? void 0 : e.modified) || (e == null ? void 0 : e.issued);
+            try {
+              t = t ? new Date(t).toLocaleDateString() : "";
+            } catch (I) {
+              console.error(I), t = "";
+            }
             return {
               id: e == null ? void 0 : e.id,
-              name: ((s = e == null ? void 0 : e.title) == null ? void 0 : s.de) || ((i = e == null ? void 0 : e.title) == null ? void 0 : i.en) || (e == null ? void 0 : e.id),
-              description: ((o = e == null ? void 0 : e.description) == null ? void 0 : o.de) || ((u = e == null ? void 0 : e.description) == null ? void 0 : u.en),
-              manufacturer: ((c = (p = e == null ? void 0 : e.publisher) == null ? void 0 : p.name) == null ? void 0 : c.de) || ((h = (f = e == null ? void 0 : e.publisher) == null ? void 0 : f.name) == null ? void 0 : h.en) || ((d = e == null ? void 0 : e.publisher) == null ? void 0 : d.name),
-              unavailable: z.exclude.includes(e == null ? void 0 : e.id)
+              name: ((i = e == null ? void 0 : e.title) == null ? void 0 : i.de) || ((o = e == null ? void 0 : e.title) == null ? void 0 : o.en) || (e == null ? void 0 : e.id),
+              description: ((u = e == null ? void 0 : e.description) == null ? void 0 : u.de) || ((p = e == null ? void 0 : e.description) == null ? void 0 : p.en),
+              manufacturer: ((f = (c = e == null ? void 0 : e.publisher) == null ? void 0 : c.name) == null ? void 0 : f.de) || ((b = (h = e == null ? void 0 : e.publisher) == null ? void 0 : h.name) == null ? void 0 : b.en) || ((d = e == null ? void 0 : e.publisher) == null ? void 0 : d.name),
+              unavailable: z.exclude.includes(e == null ? void 0 : e.id),
+              date: t
             };
           }
         }), {
-          option: A(({ option: e, active: s, selected: i, disabled: o }) => [
-            l(H, {
+          option: v(({ option: e, active: t, selected: i, disabled: o }) => [
+            l(O, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
-              active: s,
+              active: t,
               selected: i,
-              disabled: o
-            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
+              disabled: o,
+              date: e.date
+            }, {
+              meta: v(() => [
+                r("p", null, N(e.manufacturer), 1)
+              ]),
+              _: 2
+            }, 1032, ["name", "manufacturer", "description", "active", "selected", "disabled", "date"])
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        n[3] || (n[3] = t("h5", null, "oder", -1)),
-        n[4] || (n[4] = t("p", null, " Sollte der verwendete Datensatz noch nicht im Katalog verfügbar sein, legen Sie einen neuen Datensatz an. Der Datensatz kann zugeordnet werden, sobald er veröffentlicht ist. ", -1)),
-        t("div", T, [
-          t("a", {
-            href: y.value,
+        n[3] || (n[3] = r("h5", null, "oder", -1)),
+        n[4] || (n[4] = r("p", null, " Sollte der verwendete Datensatz noch nicht im Katalog verfügbar sein, legen Sie einen neuen Datensatz an. Der Datensatz kann zugeordnet werden, sobald er veröffentlicht ist. ", -1)),
+        r("div", Z, [
+          r("a", {
+            href: k.value,
             target: "_blank",
             rel: "noopener noreferrer"
           }, [
-            l(W, {
+            l(L, {
               "button-text": "Zur Datensatzanlage",
               size: "medium",
               variant: "secondary"
             })
-          ], 8, U)
+          ], 8, q)
         ])
       ])
     ]));
   }
 });
 export {
-  X as default
+  ee 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-773a15be"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-af6c4f5f"]]);
 export {
   r as default
 };

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

@@ -1,45 +1,45 @@
-import { defineComponent as H, ref as M, computed as u, toRef as N, createBlock as l, openBlock as s, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as d, isRef as T, Fragment as $, renderList as G, createCommentVNode as D, createTextVNode as m, toDisplayString as h } from "vue";
+import { defineComponent as C, ref as H, computed as d, toRef as M, createBlock as l, openBlock as r, withCtx as i, createVNode as o, createElementBlock as v, createElementVNode as D, unref as u, isRef as N, Fragment as T, renderList as $, createCommentVNode as h, createTextVNode as m, toDisplayString as _ } from "vue";
 import { FormKit as S } from "@formkit/vue";
-import { schemaDataset as O } from "@piveau/sdk-core";
-import { defineHubSearch as E, dcatApDataset as F } from "@piveau/sdk-vue";
-import P from "../../../components/StepActionsSection.vue.js";
-import U from "../ActionCard.vue.js";
-import W from "../Card.vue.js";
-import _ from "../SummaryBox.vue.js";
-import L from "./AreYouSureToSkipCard.vue.js";
-import K from "./DatasetForm.vue.js";
-import j from "./ProcessStepBase.vue.js";
+import { schemaDataset as G } from "@piveau/sdk-core";
+import { defineHubSearch as O, dcatApDataset as E } from "@piveau/sdk-vue";
+import F from "../../../components/StepActionsSection.vue.js";
+import P from "../ActionCard.vue.js";
+import U from "../Card.vue.js";
+import x from "../SummaryBox.vue.js";
+import W from "./AreYouSureToSkipCard.vue.js";
+import L from "./DatasetForm.vue.js";
+import K from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { useProcessStepResources as q, ensureHasOneResource as J } from "./utils.js";
-const Q = {
+import { useProcessStepResources as j, ensureHasOneResource as q } from "./utils.js";
+const J = {
   key: 0,
   class: "software-step__card-list--empty"
-}, X = {
+}, Q = {
   key: 1,
   class: "software-step__card-list"
-}, Y = { class: "step-section step-section--lg" }, Z = { class: "" }, pe = /* @__PURE__ */ H({
+}, X = { class: "step-section step-section--lg" }, Y = { class: "" }, ce = /* @__PURE__ */ C({
   __name: "DatasetStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
   setup(b) {
-    const x = b, r = M([]), { useResources: k } = E({
+    const y = b, s = H([]), { useResources: k } = O({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "dataset",
       indexDetails: "datasets",
-      schema: O
+      schema: G
     }, (a, t) => {
-      const { setup: e } = F({});
+      const { setup: e } = E({});
       return e(a, {
         ...t,
         currentLocale: "de"
       });
-    }), V = k(u(() => r.value.map((a) => ({
+    }), V = k(d(() => s.value.map((a) => ({
       resourceId: a.id
-    })))), y = u(() => r.value.map((a, t) => {
+    })))), c = d(() => s.value.map((a, t) => {
       var z;
-      const e = (z = V.value[t]) == null ? void 0 : z.resultEnhanced, n = e == null ? void 0 : e.getPublisher, p = e == null ? void 0 : e.getModified, g = `${n == null ? void 0 : n.name}, ${p}`;
+      const e = (z = V.value[t]) == null ? void 0 : z.resultEnhanced, n = e == null ? void 0 : e.getPublisher, f = e == null ? void 0 : e.getModified, g = `${n == null ? void 0 : n.name}, ${f}`;
       return {
         // The ones that come from API
         id: (a == null ? void 0 : a.id) || (e == null ? void 0 : e.getId),
@@ -49,46 +49,47 @@ const Q = {
       };
     }));
     function w(a) {
-      return r.value.findIndex((t) => t.id === a);
+      return s.value.findIndex((t) => t.id === a);
     }
     function R(a) {
       const t = w(a);
-      t !== -1 && r.value.splice(t, 1);
+      t !== -1 && s.value.splice(t, 1);
     }
     function B(a) {
-      r.value.push(a);
+      s.value.push(a);
     }
-    const { count: c, realCount: C } = q(x.stepGroup || "", N(x.edit)), I = u(() => r.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), A = u(() => r.value.length > 0 ? "primary" : "secondary");
-    return (a, t) => (s(), l(j, {
+    const { count: p } = j(y.stepGroup || "", M(y.edit)), I = d(() => s.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), A = d(() => "primary");
+    return (a, t) => (r(), l(K, {
       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.",
       "remove-dialog-title": "Verwendeten Datensatz löschen?",
       "remove-dialog-pre-text": "Möchten Sie den verwendeten Datensatz"
     }, {
       default: i(({ confirm: e }) => [
-        o(d(S), {
-          modelValue: d(c),
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => T(c) ? c.value = n : null),
+        o(u(S), {
+          modelValue: u(p),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => N(p) ? p.value = n : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: d(J) },
+          "validation-rules": { ensureHasOneResource: u(q) },
           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(d(S), {
-          modelValue: r.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
+        o(u(S), {
+          modelValue: s.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => s.value = n),
           name: "selected",
           type: "list",
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        y.value.length ? (s(), f("section", X, [
-          (s(!0), f($, null, G(y.value, (n, p) => (s(), l(U, {
-            key: p,
+        c.value.length ? (r(), v("section", Q, [
+          (r(!0), v(T, null, $(c.value, (n, f) => (r(), l(P, {
+            key: f,
+            spaced: "",
             class: "software-card",
             "no-edit": !0,
             onDelete: (g) => e({
@@ -102,61 +103,62 @@ const Q = {
               m(" Datensatz ", -1)
             ])),
             default: i(() => [
-              v("div", Y, [
-                o(_, { title: "Name" }, {
+              D("div", X, [
+                o(x, { title: "Name" }, {
                   default: i(() => [
-                    m(h(n.name), 1)
+                    m(_(n.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                n.manufacturer ? (s(), l(_, {
+                n.manufacturer ? (r(), l(x, {
                   key: 0,
                   title: "Datenbereitsteller, Aktualisiert"
                 }, {
                   default: i(() => [
-                    m(h(n.manufacturer), 1)
+                    m(_(n.manufacturer), 1)
                   ]),
                   _: 2
-                }, 1024)) : D("", !0),
-                n.description ? (s(), l(_, {
+                }, 1024)) : h("", !0),
+                n.description ? (r(), l(x, {
                   key: 1,
                   title: "Beschreibung"
                 }, {
                   default: i(() => [
-                    m(h(n.description), 1)
+                    m(_(n.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : D("", !0)
+                }, 1024)) : h("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onDelete"]))), 128))
-        ])) : (s(), f("section", Q, [
-          o(W, {
+        ])) : (r(), v("section", J, [
+          o(U, {
             small: "",
             class: "empty-card"
           }, {
             default: i(() => t[2] || (t[2] = [
-              v("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keinen Datensatz im Prozessschritt hinterlegt. ", -1)
+              D("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keinen Datensatz im Prozessschritt hinterlegt. ", -1)
             ])),
             _: 1,
             __: [2]
           })
         ])),
-        o(K, {
-          exclude: r.value.map((n) => n.id),
+        o(L, {
+          exclude: s.value.map((n) => n.id),
           onSubmit: B
         }, null, 8, ["exclude"]),
-        v("section", Z, [
-          o(P, {
+        D("section", Y, [
+          o(F, {
+            class: "software-step-actions",
             "next-text": I.value,
             "next-variant": A.value,
             "show-detailed-error-summary": ""
           }, null, 8, ["next-text", "next-variant"]),
-          d(C) === 0 ? (s(), l(L, {
+          c.value.length === 0 ? (r(), l(W, {
             key: 0,
             "resource-label": "Datensätze"
-          })) : D("", !0)
+          })) : h("", !0)
         ])
       ]),
       _: 1
@@ -164,5 +166,5 @@ const Q = {
   }
 });
 export {
-  pe as default
+  ce as default
 };