@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.71

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 e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f5825d3b"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf4172e9"]]);
 export {
-  e as default
+  p as default
 };

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

@@ -1,141 +1,149 @@
-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 { defineComponent as te, ref as x, computed as _, watch as ne, toRef as ie, createBlock as d, openBlock as i, withCtx as u, createVNode as f, createElementBlock as o, createElementVNode as H, unref as S, isRef as le, Fragment as v, renderList as y, createCommentVNode as p, createTextVNode as z, toDisplayString as m, 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 { defineHubSearch as oe } from "@piveau/sdk-vue";
+import ae from "zod";
+import { useRuntimeEnv as ue } from "../../../../composables/useRuntimeEnv.js";
+import se from "../../../components/StepActionsSection.vue.js";
+import de from "../ActionCard.vue.js";
+import me from "../Card.vue.js";
+import pe from "../Chip.vue.js";
+import ce from "../DpiModalBase.vue.js";
+import c from "../SummaryBox.vue.js";
+import fe from "./AreYouSureToSkipCard.vue.js";
 import O from "./HardwareForm.vue.js";
-import ce from "./ProcessStepBase.vue.js";
+import ve from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import { looseRenderable as h, useProcessStepResources as pe, ensureHasOneResource as me } from "./utils.js";
-const fe = {
+import { looseRenderable as h, useProcessStepResources as ye } from "./utils.js";
+const he = {
   key: 0,
   class: "software-step__card-list--empty"
-}, ve = {
+}, we = {
   key: 1,
   class: "software-step__card-list"
-}, ye = { class: "step-section step-section--lg" }, he = { class: "functionalities" }, Ce = /* @__PURE__ */ X({
+}, ke = { class: "step-section step-section--lg" }, He = { class: "functionalities" }, Ge = /* @__PURE__ */ te({
   __name: "HardwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
-  setup(A) {
-    const z = A, S = w(!1), u = w([]), { useResources: F } = ne({
-      baseUrl: "https://twin.bydata.de/api/hub/search",
+  setup(F) {
+    var P;
+    const I = F, w = x(!1), a = x([]), A = ue(), { useResources: W } = oe({
+      baseUrl: ((P = A.api) == null ? void 0 : P.baseUrl) ?? "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/hardware",
-      schema: ie.any()
+      schema: ae.any()
     }, (e) => {
-      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) || "");
+      var T, C, E, N, U, G;
+      const n = String((e == null ? void 0 : e.id) || ""), r = 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) || ""), t = (e == null ? void 0 : e.functionalities) || [], B = String(((N = (E = e == null ? void 0 : e.manufacturer) == null ? void 0 : E[0]) == null ? void 0 : N.label) || ""), l = String(((U = e == null ? void 0 : e.description) == null ? void 0 : U.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,
-        manufacturer: V,
+        id: n,
+        name: r,
+        functionalities: t,
+        manufacturer: B,
         description: l,
-        version: a
+        version: s
       };
-    }), I = F(_(() => u.value.map((e) => ({
+    }), L = W(_(() => 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));
+    })))), b = _(() => a.value.map((e, n) => {
+      var t;
+      const r = (t = L.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: e.id === "--hardware-in-request--" && !(r != null && r.name) ? "Hardware in Beantragung" : (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)
       };
-    }) : []), k = w(""), L = _(() => u.value.find((e) => e.id === k.value)), g = w(0);
-    Y(S, (e, t) => {
-      !e && t && g.value++;
+    })), k = x(""), M = _(() => a.value.find((e) => e.id === k.value)), g = x(0);
+    ne(w, (e, n) => {
+      !e && n && g.value++;
     });
-    function M(e) {
-      return u.value.find((t) => t.id === e);
+    function q(e) {
+      return a.value.find((n) => n.id === e);
     }
     function R(e) {
-      return u.value.findIndex((t) => t.id === e);
+      return a.value.findIndex((n) => n.id === e);
     }
     function K(e) {
-      const t = R(e);
-      t !== -1 && u.value.splice(t, 1);
+      const n = R(e);
+      n !== -1 && a.value.splice(n, 1);
     }
     async function Z(e) {
-      M(e) && (k.value = e, g.value++, await re(), S.value = !0);
+      q(e) && (k.value = e, g.value++, await re(), w.value = !0);
     }
-    function P(e) {
-      u.value.push(e), S.value = !1, k.value = "";
+    function D(e) {
+      a.value.push(e), w.value = !1, k.value = "";
     }
     function j(e) {
-      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 n = R(e.id);
+      n !== -1 && (a.value.splice(n, 1), a.value.splice(n, 0, e.hardware), k.value = "", w.value = !1);
     }
-    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, {
+    function J() {
+      w.value = !1;
+    }
+    const Q = _(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), X = _(() => "primary"), Y = ie(I, "edit"), { count: V, ensureHasOneResource: ee } = ye(I.stepGroup || "", Y);
+    return (e, n) => (i(), d(ve, {
       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(x($), {
-          modelValue: x(b),
-          "onUpdate:modelValue": t[0] || (t[0] = (r) => te(b) ? b.value = r : null),
+      default: u(({ confirm: r }) => [
+        f(S($), {
+          modelValue: S(V),
+          "onUpdate:modelValue": n[0] || (n[0] = (t) => le(V) ? V.value = t : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: x(me) },
+          "validation-rules": { ensureHasOneResource: S(ee) },
           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(x($), {
-          modelValue: u.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value = r),
+        f(S($), {
+          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", ve, [
-          (i(!0), o(f, null, v(D.value, (r, V) => (i(), d(oe, {
-            key: V,
+        b.value.length ? (i(), o("section", we, [
+          (i(!0), o(v, null, y(b.value, (t, B) => (i(), d(de, {
+            key: B,
+            spaced: "",
             class: "software-card",
-            onEdit: (l) => Z(r.id),
-            onDelete: (l) => n({ id: r.id || "", resourceType: "Software", resource: r.name, callback: K })
+            onEdit: (l) => Z(t.id),
+            onDelete: (l) => r({ id: t.id || "", resourceType: "Hardware", resource: t.name, callback: K })
           }, {
-            "standalone-name": s(() => t[5] || (t[5] = [
-              B(" Hardware ", -1)
+            "standalone-name": u(() => n[5] || (n[5] = [
+              z(" Hardware ", -1)
             ])),
-            default: s(() => [
-              H("div", ye, [
-                m(p, { title: "Name" }, {
-                  default: s(() => [
-                    B(y(r.name), 1)
+            default: u(() => [
+              H("div", ke, [
+                f(c, { title: "Name" }, {
+                  default: u(() => [
+                    z(m(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                m(p, { title: "Genutzte Funktionalitäten" }, {
-                  default: s(() => [
-                    H("div", he, [
-                      (i(!0), o(f, null, v(r.functionalities, (l) => (i(), d(se, {
+                f(c, { title: "Genutzte Funktionalitäten" }, {
+                  default: u(() => [
+                    H("div", He, [
+                      (i(!0), o(v, null, y(t.functionalities, (l) => (i(), d(pe, {
                         key: l,
+                        "no-border": "",
                         text: l,
                         data: { "@value": "", URI: "" },
                         setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
@@ -144,113 +152,126 @@ const fe = {
                   ]),
                   _: 2
                 }, 1024),
-                r.description ? (i(), d(p, {
+                t.description ? (i(), d(c, {
                   key: 0,
                   title: "Beschreibung der Nutzung (optional)"
                 }, {
-                  default: s(() => [
-                    B(y(r.description), 1)
+                  default: u(() => [
+                    z(m(t.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.isHostedByItems ? (i(), d(p, {
+                }, 1024)) : p("", !0),
+                t.isHostedByItems ? (i(), d(c, {
                   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(v, null, y(t.isHostedByItems, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.hosts ? (i(), d(p, {
+                }, 1024)) : p("", !0),
+                t.hosts ? (i(), d(c, {
                   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(v, null, y(t.hosts, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.forProperty ? (i(), d(p, {
+                }, 1024)) : p("", !0),
+                t.forProperty ? (i(), d(c, {
                   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(v, null, y(t.forProperty, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.locations ? (i(), d(p, {
+                }, 1024)) : p("", !0),
+                t.locations ? (i(), d(c, {
                   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(v, null, y(t.locations, (l, s) => (i(), o("div", { key: s }, m(`${l.lat} ${l.lng}`), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.depictions ? (i(), d(p, {
+                }, 1024)) : p("", !0),
+                t.depictions ? (i(), d(c, {
                   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(v, null, y(t.depictions, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0),
-                r.references ? (i(), d(p, {
+                }, 1024)) : p("", !0),
+                t.references ? (i(), d(c, {
                   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(v, null, y(t.references, (l, s) => (i(), o("div", {
+                      key: s,
+                      class: "reference-item"
+                    }, [
+                      H("div", null, m(l.name), 1),
+                      H("div", null, m(l.url), 1),
+                      H("div", null, m(l.description), 1)
+                    ]))), 128))
                   ]),
                   _: 2
-                }, 1024)) : c("", !0)
+                }, 1024)) : p("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), o("section", fe, [
-          m(ue, {
+        ])) : (i(), o("section", he, [
+          f(me, {
             small: "",
             class: "empty-card"
           }, {
-            default: s(() => t[4] || (t[4] = [
+            default: u(() => n[4] || (n[4] = [
               H("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: P
+        f(O, {
+          exclude: a.value.map((t) => t.id),
+          onSubmit: D
         }, null, 8, ["exclude"]),
         H("section", null, [
-          m(le, {
-            "next-text": q.value,
-            "next-variant": J.value
+          f(se, {
+            class: "software-step-actions",
+            "next-text": Q.value,
+            "next-variant": X.value,
+            "show-detailed-error-summary": ""
           }, null, 8, ["next-text", "next-variant"]),
-          x(Q) === 0 ? (i(), d(de, {
+          b.value.length === 0 ? (i(), d(fe, {
             key: 0,
             "resource-label": "Hardware"
-          })) : c("", !0)
+          })) : p("", !0)
         ]),
-        m(ae, {
-          modelValue: S.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (r) => S.value = r)
+        f(ce, {
+          modelValue: w.value,
+          "onUpdate:modelValue": n[3] || (n[3] = (t) => w.value = t),
+          "hide-close-btn": !0,
+          "compact-layout": !0,
+          title: "Hardware"
         }, {
-          default: s(() => [
+          default: u(() => [
             k.value ? (i(), d(O, {
               key: g.value,
               modelValue: k.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (r) => k.value = r),
-              "initialize-with": L.value,
-              exclude: u.value.map((r) => r.id),
-              onSubmit: P,
-              onPatch: j
-            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : c("", !0)
+              "onUpdate:modelValue": n[2] || (n[2] = (t) => k.value = t),
+              "initialize-with": M.value,
+              exclude: a.value.map((t) => t.id),
+              onSubmit: D,
+              onPatch: j,
+              onClose: J
+            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : p("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])
@@ -260,5 +281,5 @@ const fe = {
   }
 });
 export {
-  Ce as default
+  Ge as default
 };

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

@@ -1,14 +1,17 @@
-import { defineComponent as h, ref as V, reactive as y, watch as b, createElementBlock as a, openBlock as p, Fragment as k, createElementVNode as o, createVNode as n, renderSlot as l, toDisplayString as r, withCtx as i, createTextVNode as d, createCommentVNode as v } from "vue";
-import u from "../ButtonV3.vue.js";
-import g from "../DpiModalBase.vue.js";
-const C = { class: "dpi-project-process-step V3-typography" }, T = { class: "step-section" }, w = { class: "copy-large-regular" }, B = { class: "dpiV3_modalTitle" }, D = { class: "dpiV3_modalContent" }, N = { key: 0 }, S = { class: "dpiV3_modalActions" }, R = /* @__PURE__ */ h({
+import { defineComponent as b, ref as g, reactive as D, watch as V, createElementBlock as r, openBlock as n, Fragment as c, createElementVNode as o, createVNode as d, renderSlot as p, toDisplayString as l, withCtx as u, createTextVNode as a } from "vue";
+import v from "../ButtonV3.vue.js";
+import _ from "../DpiModalBase.vue.js";
+const x = { class: "dpi-project-process-step V3-typography" }, w = { class: "step-section" }, B = { class: "copy-large-regular" }, C = { class: "dpiV3_modalTitle deleteModalHeading" }, P = { class: "deleteModalText" }, M = { key: 0 }, S = { key: 1 }, $ = { class: "dpiV3_modalActions" }, A = /* @__PURE__ */ b({
   __name: "ProcessStepBase",
   props: {
     title: {},
-    subtitle: {}
+    subtitle: {},
+    removeDialogTitle: {},
+    removeDialogPreText: {},
+    removeDialogPostText: {}
   },
-  setup($) {
-    const f = V(!1), e = y({
+  setup(y) {
+    const i = y, T = g(!1), f = g(null), e = D({
       id: "",
       callback: () => {
       },
@@ -17,64 +20,79 @@ const C = { class: "dpi-project-process-step V3-typography" }, T = { class: "ste
       open: !1,
       persistent: !1
     });
-    function m(t) {
+    function k(t) {
       e.id = t.id, e.callback = t.callback, e.resourceType = t.resourceType || "Ressource", e.resource = t.resource || "", e.open = !0;
     }
-    function _() {
+    function h() {
       e.callback(e.id), e.open = !1;
     }
-    return b(() => e.open, (t) => {
+    return V(() => e.open, (t) => {
       t || (e.open = !1);
-    }), (t, s) => (p(), a(k, null, [
-      o("div", C, [
-        o("section", T, [
-          l(t.$slots, "title", {}, () => [
-            o("h4", null, r(t.title), 1)
+    }), (t, s) => (n(), r(c, null, [
+      o("div", x, [
+        o("section", w, [
+          p(t.$slots, "title", {}, () => [
+            o("h4", null, l(t.title), 1)
           ]),
-          l(t.$slots, "subtitle", {}, () => [
-            o("p", w, r(t.subtitle), 1)
+          p(t.$slots, "subtitle", {}, () => [
+            o("p", B, l(t.subtitle), 1)
           ])
         ]),
-        l(t.$slots, "default", { confirm: m })
+        p(t.$slots, "default", { confirm: k })
       ]),
-      n(g, {
+      d(_, {
         modelValue: e.open,
-        "onUpdate:modelValue": s[1] || (s[1] = (c) => e.open = c),
-        persistent: !f.value
+        "onUpdate:modelValue": s[1] || (s[1] = (m) => e.open = m),
+        persistent: !T.value,
+        "initial-focus-ref": f.value
       }, {
-        header: i(() => [
-          o("h2", B, [
-            o("strong", null, "Verwendete " + r(e.resourceType) + " löschen?", 1)
+        header: u(() => [
+          o("h2", C, [
+            i.removeDialogTitle ? (n(), r(c, { key: 0 }, [
+              a(l(i.removeDialogTitle), 1)
+            ], 64)) : (n(), r(c, { key: 1 }, [
+              a(" Verwendete " + l(e.resourceType) + " löschen? ", 1)
+            ], 64))
           ])
         ]),
-        footer: i(() => [
-          o("div", S, [
-            n(u, {
+        footer: u(() => [
+          o("div", $, [
+            d(v, {
               "button-text": "Abbrechen",
               variant: "tertiary",
-              onClick: s[0] || (s[0] = (c) => e.open = !1)
+              size: "large",
+              onClick: s[0] || (s[0] = (m) => e.open = !1)
             }),
-            n(u, {
+            d(v, {
               "button-text": "Löschen",
               variant: "primary",
-              onClick: _
+              size: "large",
+              onClick: h
             })
           ])
         ]),
-        default: i(() => [
-          o("div", D, [
+        default: u(() => [
+          o("span", {
+            ref_key: "hiddenFocusTarget",
+            ref: f,
+            tabindex: "-1",
+            class: "sr-only"
+          }, null, 512),
+          o("div", P, [
             o("p", null, [
-              d(" Möchten Sie die verwendete " + r(e.resourceType) + " ", 1),
-              e.resource ? (p(), a("strong", N, r(e.resource), 1)) : v("", !0),
-              s[2] || (s[2] = d(" wirklich löschen? ", -1))
+              i.removeDialogPreText ? (n(), r("span", M, l(i.removeDialogPreText), 1)) : (n(), r("span", S, " Möchten Sie die verwendete " + l(e.resourceType), 1)),
+              s[2] || (s[2] = a(l(" "), -1)),
+              o("strong", null, l(e.resource), 1),
+              s[3] || (s[3] = a(l(" "), -1)),
+              s[4] || (s[4] = o("span", null, " wirklich löschen? ", -1))
             ])
           ])
         ]),
         _: 1
-      }, 8, ["modelValue", "persistent"])
+      }, 8, ["modelValue", "persistent", "initial-focus-ref"])
     ], 64));
   }
 });
 export {
-  R as default
+  A as default
 };

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

@@ -1,21 +1,21 @@
-import { createElementBlock as s, openBlock as a, createStaticVNode as r, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
-import { PhLightbulb as o } from "@phosphor-icons/vue";
-import c from "../../../components/StepActionsSection.vue.js";
-import d from "../Card.vue.js";
+import { createElementBlock as s, openBlock as r, createStaticVNode as a, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
+import { PhLightbulb as d } from "@phosphor-icons/vue";
+import o from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
 /* empty css                              */
-import u from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, h = { class: "funny-section process-footer-information" }, m = {
   __name: "ProcessStepsOverviewStep",
   setup(p) {
-    return (f, n) => (a(), s("div", g, [
-      n[2] || (n[2] = r('<section class="funny-section" data-v-eac93c65><div class="funny-flex" data-v-eac93c65><div data-v-eac93c65><h4 data-v-eac93c65> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-eac93c65><span class="process-description" data-v-eac93c65> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-eac93c65> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-eac93c65> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-eac93c65> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-eac93c65><h5 data-v-eac93c65> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h5><ul data-v-eac93c65><li data-v-eac93c65> Teilen Sie im Schritt der <strong data-v-eac93c65>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-eac93c65> Beschreiben Sie im Schritt der <strong data-v-eac93c65>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-eac93c65> Schildern Sie im Schritt der <strong data-v-eac93c65>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-eac93c65> Führen Sie im Schritt der <strong data-v-eac93c65>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
+    return (f, n) => (r(), s("div", g, [
+      n[2] || (n[2] = a('<section class="funny-section" data-v-de9008e0><div class="funny-flex" data-v-de9008e0><div data-v-de9008e0><h4 data-v-de9008e0> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-de9008e0><span class="process-description" data-v-de9008e0> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-de9008e0> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-de9008e0> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-de9008e0> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-de9008e0><h5 data-v-de9008e0> Welche der folgenden Schritte haben Sie in Ihrem Projekt durchlaufen? </h5><ul data-v-de9008e0><li data-v-de9008e0> Teilen Sie im Schritt der <strong data-v-de9008e0>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-de9008e0> Beschreiben Sie im Schritt der <strong data-v-de9008e0>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-de9008e0> Schildern Sie im Schritt der <strong data-v-de9008e0>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-de9008e0> Führen Sie im Schritt der <strong data-v-de9008e0>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
       e("section", v, [
-        t(c, { "next-text": "Weiter zur Datenerfassung" })
+        t(o, { "next-text": "Weiter zur Datenerfassung" })
       ]),
       e("section", h, [
-        t(d, { variant: "default" }, {
+        t(u, { variant: "default" }, {
           icon: i(() => [
-            t(l(o), {
+            t(l(d), {
               size: 32,
               color: "#009fe3"
             })
@@ -65,7 +65,7 @@ const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
       ])
     ]));
   }
-}, _ = /* @__PURE__ */ u(m, [["__scopeId", "data-v-eac93c65"]]);
+}, _ = /* @__PURE__ */ c(m, [["__scopeId", "data-v-de9008e0"]]);
 export {
   _ as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./RichOption.vue2.js";
 /* empty css                */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-49ecf8b5"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d9a3760"]]);
 export {
-  f as default
+  i as default
 };