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

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-3f27470a"]]);
 export {
-  c as default
+  e as default
 };

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

@@ -1,138 +1,147 @@
-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 { defineComponent as Y, ref as x, computed as _, watch as ee, toRef as te, createBlock as d, openBlock as i, withCtx as u, createVNode as f, createElementBlock as o, createElementVNode as H, unref as S, isRef as ne, Fragment as v, renderList as y, createCommentVNode as p, createTextVNode as z, toDisplayString as m, nextTick as ie } from "vue";
+import { FormKit as U } from "@formkit/vue";
+import { defineHubSearch as le } from "@piveau/sdk-vue";
+import re from "zod";
+import oe from "../../../components/StepActionsSection.vue.js";
+import ae from "../ActionCard.vue.js";
+import ue from "../Card.vue.js";
+import se from "../Chip.vue.js";
+import de from "../DpiModalBase.vue.js";
 import c from "../SummaryBox.vue.js";
+import me from "./AreYouSureToSkipCard.vue.js";
 import $ from "./HardwareForm.vue.js";
-import ae from "./ProcessStepBase.vue.js";
+import pe 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 ce } 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__ */ Y({
   __name: "HardwareStep",
   props: {
     stepGroup: {},
     edit: { type: Boolean }
   },
-  setup(A) {
-    const z = A, S = w(!1), u = w([]), { useResources: F } = re({
+  setup(O) {
+    const I = O, w = x(!1), a = x([]), { useResources: F } = le({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/hardware",
-      schema: ne.any()
+      schema: re.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 P, T, C, E, N, G;
+      const n = String((e == null ? void 0 : e.id) || ""), r = String(((P = e == null ? void 0 : e.name) == null ? void 0 : P.de) || ((T = e == null ? void 0 : e.name) == null ? void 0 : T.en) || ""), t = (e == null ? void 0 : e.functionalities) || [], B = String(((E = (C = e == null ? void 0 : e.manufacturer) == null ? void 0 : C[0]) == null ? void 0 : E.label) || ""), l = String(((N = e == null ? void 0 : e.description) == null ? void 0 : N.de) || ((G = e == null ? void 0 : e.description) == null ? void 0 : G.en) || ""), s = String((e == null ? void 0 : e.version) || "");
       return {
-        id: t,
-        name: n,
-        functionalities: r,
-        manufacturer: V,
+        id: n,
+        name: r,
+        functionalities: t,
+        manufacturer: B,
         description: l,
-        version: a
+        version: s
       };
-    }), I = F(x(() => u.value.map((e) => ({
+    }), A = F(_(() => a.value.map((e) => ({
       resourceId: e.id
-    })))), W = x(() => I.value.every((e) => e.isSuccess)), D = x(() => W.value ? I.value.map((e) => {
-      const t = e.resultEnhanced, n = u.value.find((r) => r.id === (t == null ? void 0 : t.id));
+    })))), g = _(() => a.value.map((e, n) => {
+      var t;
+      const r = (t = A.value[n]) == null ? void 0 : t.resultEnhanced;
       return {
         // The ones that come from API
-        id: t == null ? void 0 : t.id,
-        name: (t == null ? void 0 : t.name) || "",
-        manufacturer: t == null ? void 0 : t.manufacturer,
-        version: t == null ? void 0 : t.version,
+        id: e.id || (r == null ? void 0 : r.id),
+        name: 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 = x(() => u.value.find((e) => e.id === k.value)), g = w(0);
-    X(S, (e, t) => {
-      !e && t && g.value++;
+    })), k = x(""), W = _(() => a.value.find((e) => e.id === k.value)), b = x(0);
+    ee(w, (e, n) => {
+      !e && n && b.value++;
     });
+    function L(e) {
+      return a.value.find((n) => n.id === e);
+    }
+    function D(e) {
+      return a.value.findIndex((n) => n.id === e);
+    }
     function M(e) {
-      return u.value.find((t) => t.id === e);
+      const n = D(e);
+      n !== -1 && a.value.splice(n, 1);
+    }
+    async function q(e) {
+      L(e) && (k.value = e, b.value++, await ie(), w.value = !0);
     }
     function R(e) {
-      return u.value.findIndex((t) => t.id === e);
+      a.value.push(e), w.value = !1, k.value = "";
     }
     function K(e) {
-      const t = R(e);
-      t !== -1 && u.value.splice(t, 1);
-    }
-    async function Z(e) {
-      M(e) && (k.value = e, g.value++, await te(), S.value = !0);
-    }
-    function P(e) {
-      u.value.push(e), S.value = !1, k.value = "";
+      const n = D(e.id);
+      n !== -1 && (a.value.splice(n, 1), a.value.splice(n, 0, e.hardware), k.value = "", w.value = !1);
     }
-    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);
+    function Z() {
+      w.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 j = _(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), J = _(() => "primary"), Q = te(I, "edit"), { count: V, ensureHasOneResource: X } = ce(I.stepGroup || "", Q);
+    return (e, n) => (i(), d(pe, {
       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",
+      default: u(({ confirm: r }) => [
+        f(S(U), {
+          modelValue: S(V),
+          "onUpdate:modelValue": n[0] || (n[0] = (t) => ne(V) ? V.value = t : null),
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: _(ce) },
+          "validation-rules": { ensureHasOneResource: S(X) },
           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), {
-          modelValue: u.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (r) => u.value = r),
+        f(S(U), {
+          modelValue: a.value,
+          "onUpdate:modelValue": n[1] || (n[1] = (t) => a.value = t),
           name: "selected",
           type: "list",
           hidden: ""
         }, null, 8, ["modelValue"]),
-        D.value.length ? (i(), o("section", me, [
-          (i(!0), o(m, null, f(D.value, (r, V) => (i(), d(le, {
-            key: V,
+        g.value.length ? (i(), o("section", ve, [
+          (i(!0), o(v, null, y(g.value, (t, B) => (i(), d(ae, {
+            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) => q(t.id),
+            onDelete: (l) => r({ id: t.id || "", resourceType: "Hardware", resource: t.name, callback: M })
           }, {
-            "standalone-name": s(() => t[5] || (t[5] = [
-              B(" Hardware ", -1)
+            "standalone-name": u(() => n[5] || (n[5] = [
+              z(" Hardware ", -1)
             ])),
-            default: s(() => [
-              H("div", fe, [
-                p(c, { title: "Name" }, {
-                  default: s(() => [
-                    B(y(r.name), 1)
+            default: u(() => [
+              H("div", ye, [
+                f(c, { title: "Name" }, {
+                  default: u(() => [
+                    z(m(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                p(c, { title: "Genutzte Funktionalitäten" }, {
-                  default: s(() => [
-                    H("div", ve, [
-                      (i(!0), o(m, null, f(r.functionalities, (l) => (i(), d(ue, {
+                f(c, { title: "Genutzte Funktionalitäten" }, {
+                  default: u(() => [
+                    H("div", he, [
+                      (i(!0), o(v, null, y(t.functionalities, (l) => (i(), d(se, {
                         key: l,
+                        "no-border": "",
                         text: l,
                         data: { "@value": "", URI: "" },
                         setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
@@ -141,109 +150,126 @@ const pe = {
                   ]),
                   _: 2
                 }, 1024),
-                r.description ? (i(), d(c, {
+                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)) : v("", !0),
-                r.isHostedByItems ? (i(), d(c, {
+                }, 1024)) : p("", !0),
+                t.isHostedByItems ? (i(), d(c, {
                   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))
+                  default: u(() => [
+                    (i(!0), o(v, null, y(t.isHostedByItems, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.hosts ? (i(), d(c, {
+                }, 1024)) : p("", !0),
+                t.hosts ? (i(), d(c, {
                   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))
+                  default: u(() => [
+                    (i(!0), o(v, null, y(t.hosts, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.forProperty ? (i(), d(c, {
+                }, 1024)) : p("", !0),
+                t.forProperty ? (i(), d(c, {
                   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))
+                  default: u(() => [
+                    (i(!0), o(v, null, y(t.forProperty, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.locations ? (i(), d(c, {
+                }, 1024)) : p("", !0),
+                t.locations ? (i(), d(c, {
                   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))
+                  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)) : v("", !0),
-                r.depictions ? (i(), d(c, {
+                }, 1024)) : p("", !0),
+                t.depictions ? (i(), d(c, {
                   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))
+                  default: u(() => [
+                    (i(!0), o(v, null, y(t.depictions, (l, s) => (i(), o("div", { key: s }, m(l), 1))), 128))
                   ]),
                   _: 2
-                }, 1024)) : v("", !0),
-                r.references ? (i(), d(c, {
+                }, 1024)) : p("", !0),
+                t.references ? (i(), d(c, {
                   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))
+                  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)) : v("", !0)
+                }, 1024)) : p("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (i(), o("section", pe, [
-          p(oe, {
+        ])) : (i(), o("section", fe, [
+          f(ue, {
             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]
           })
         ])),
-        p($, {
-          exclude: u.value.map((r) => r.id),
-          onSubmit: P
+        f($, {
+          exclude: a.value.map((t) => t.id),
+          onSubmit: R
         }, null, 8, ["exclude"]),
         H("section", null, [
-          p(ie, {
-            "next-text": q.value,
-            "next-variant": J.value
-          }, null, 8, ["next-text", "next-variant"])
+          f(oe, {
+            class: "software-step-actions",
+            "next-text": j.value,
+            "next-variant": J.value,
+            "show-detailed-error-summary": ""
+          }, null, 8, ["next-text", "next-variant"]),
+          g.value.length === 0 ? (i(), d(me, {
+            key: 0,
+            "resource-label": "Hardware"
+          })) : p("", !0)
         ]),
-        p(se, {
-          modelValue: S.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (r) => S.value = r)
+        f(de, {
+          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($, {
-              key: g.value,
+              key: b.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"])) : v("", !0)
+              "onUpdate:modelValue": n[2] || (n[2] = (t) => k.value = t),
+              "initialize-with": W.value,
+              exclude: a.value.map((t) => t.id),
+              onSubmit: R,
+              onPatch: K,
+              onClose: Z
+            }, null, 8, ["modelValue", "initialize-with", "exclude"])) : p("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])
@@ -253,5 +279,5 @@ const pe = {
   }
 });
 export {
-  Re as default
+  Ce 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
 };