@piveau/dpi 0.2.0-alpha.20 → 0.2.0-alpha.22

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

@@ -1,16 +1,16 @@
-import { ref as p, computed as R, watch as A, createElementBlock as M, openBlock as d, Fragment as K, createElementVNode as o, createBlock as b, createCommentVNode as h, withKeys as m, normalizeClass as N, withModifiers as w, unref as n, toDisplayString as q, isRef as z } from "vue";
-import { setResourcePublicationStatus as _, setDatasetPublicationStatus as B, deleteResource as F, deleteDataset as H } from "@piveau/sdk-core/hubRepo";
-import { useRouter as L, useRoute as J } from "vue-router";
-import { useStore as O } from "vuex";
-import { useRuntimeEnv as W } from "../../../composables/useRuntimeEnv.js";
-import { useDpiUtils as G } from "../../composables/useDpiUtils.js";
-import Q from "./Dropdown.vue.js";
-import X from "./ModalSimpleV3.vue.js";
+import { ref as p, computed as R, watch as K, createElementBlock as N, openBlock as d, Fragment as q, createElementVNode as n, createBlock as b, createCommentVNode as g, withKeys as m, normalizeClass as F, withModifiers as w, unref as o, toDisplayString as H, isRef as z } from "vue";
+import { setResourcePublicationStatus as B, setDatasetPublicationStatus as I, deleteResource as L, deleteDataset as J } from "@piveau/sdk-core/hubRepo";
+import { useRouter as O, useRoute as W } from "vue-router";
+import { useStore as G } from "vuex";
+import { useRuntimeEnv as Q } from "../../../composables/useRuntimeEnv.js";
+import { useDpiUtils as X } from "../../composables/useDpiUtils.js";
+import Y from "./Dropdown.vue.js";
+import Z from "./ModalSimpleV3.vue.js";
 import k from "./StateTag.vue.js";
-import Y from "./Toast.vue.js";
+import ee from "./Toast.vue.js";
 /* empty css                */
-import Z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescContainer" }, ae = { class: "dpiV3_dsDesc" }, le = { class: "dpiV3_TableRowStatus" }, ne = { class: "dpiV3_TableRowStatus" }, oe = { class: "dpiV3_TableRowButtonWrap" }, ie = {
+import te from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const ae = { class: "dpiV3_tableRowInner" }, le = { class: "dpiV3_TableRowDescContainer" }, oe = { class: "dpiV3_dsDesc" }, ne = { class: "dpiV3_TableRowStatus" }, se = { class: "dpiV3_TableRowStatus" }, ie = { class: "dpiV3_TableRowButtonWrap" }, re = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -52,141 +52,146 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
       default: !0
     }
   },
-  setup(y) {
-    const e = y, I = O();
-    L();
-    const j = J(), c = W().api.hubUrl;
-    let i = p(!1), s = p(!1), v = p(!1), r = p({}), u = p({});
+  emits: ["complete", "start"],
+  setup(y, { emit: j }) {
+    const t = y, C = j, E = G();
+    O();
+    const U = W(), c = Q().api.hubUrl;
+    let s = p(!1), i = p(!1), v = p(!1), r = p({}), u = p({});
     const D = R(() => {
       var a;
-      return !!((a = j.query) != null && a.fromDraft);
+      return !!((a = U.query) != null && a.fromDraft);
     }), f = R(() => {
-      var a, t;
-      return (t = (a = I.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : t.authToken;
-    }), { toEditMode: C } = G();
-    function E() {
-      const a = e.draft || D.value, t = e.catalogue, l = e.id || e.dataset.id || e.catalogue.id;
-      C({
-        routeName: e.type === "project" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
+      var a, e;
+      return (e = (a = E.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), { toEditMode: P } = X();
+    function $() {
+      const a = t.draft || D.value, e = t.catalogue, l = t.id || t.dataset.id || t.catalogue.id;
+      P({
+        routeName: t.type === "project" ? "DataProviderInterface-InputProject" : "DataProviderInterface-Input",
         id: l,
-        catalogId: t,
+        catalogId: e,
         isDraft: a,
         locale: "de",
         additionalParams: {
-          visibility: e.visibility
+          visibility: t.visibility
         }
       });
     }
-    function U() {
+    function A() {
       v.value = !1, setTimeout(() => {
-        s.value = !1;
+        i.value = !1;
       }, 2e3);
     }
-    A(s, (a) => {
+    K(i, (a) => {
       a && setTimeout(() => {
-        v.value || (s.value = !1);
+        v.value || (i.value = !1);
       }, 2e3);
     });
-    function P() {
-      return e.draft ? [
+    function M() {
+      return t.draft ? [
         { "@value": "Ansehen", selected: !1, disabled: !1 },
-        { "@value": "Bearbeiten", selected: !1, disabled: !e.allowEdit },
-        { "@value": "Veröffentlichen", selected: !1, disabled: !e.allowPublish },
-        { "@value": "Löschen", selected: !1, disabled: !e.allowDelete }
+        { "@value": "Bearbeiten", selected: !1, disabled: !t.allowEdit },
+        { "@value": "Veröffentlichen", selected: !1, disabled: !t.allowPublish },
+        { "@value": "Löschen", selected: !1, disabled: !t.allowDelete }
       ] : [
         { "@value": "Ansehen", selected: !1, disabled: !1 },
-        { "@value": "Bearbeiten", selected: !1, disabled: !e.allowEdit },
-        { "@value": "Veröffentlichung aufheben", selected: !1, disabled: !e.allowPublish },
-        { "@value": "Löschen", selected: !1, disabled: !e.allowDelete }
+        { "@value": "Bearbeiten", selected: !1, disabled: !t.allowEdit },
+        { "@value": "Veröffentlichung aufheben", selected: !1, disabled: !t.allowPublish },
+        { "@value": "Löschen", selected: !1, disabled: !t.allowDelete }
       ];
     }
-    async function $(a) {
+    async function _(a, e) {
       switch (a) {
         case "goToDataset":
-          window.location.href = `/${e.type}/${e.id}`;
+          window.location.href = `/${t.type}/${t.id}`;
           break;
         case "publishDataset":
-          if (e.type === "project") {
-            await _({
+          if (e("start"), t.type === "project") {
+            B({
               baseUrl: c,
-              id: e.id,
+              id: t.id,
               type: "project",
-              catalogueId: e.catalogue,
+              catalogueId: t.catalogue,
               publicationStatus: "published",
               authToken: f.value
+            }).then(() => {
+              console.log("published"), e("complete");
             });
             break;
           }
-          B({
+          await I({
             baseUrl: c,
-            id: e.id,
-            catalogueId: e.catalogue,
+            id: t.id,
+            catalogueId: t.catalogue,
             publicationStatus: "published",
             authToken: f.value
-          }), console.log("Datensatz wird veröffentlicht"), s.value = !0, u.value = {
+          }), console.log("Datensatz wird veröffentlicht"), i.value = !0, u.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
             action: "goToDataset"
-          };
+          }, e("complete");
           break;
         case "deleteDataset":
-          if (e.type === "project") {
-            await F({
+          if (e("start"), t.type === "project") {
+            await L({
               baseUrl: c,
-              id: e.id,
+              id: t.id,
               type: "project",
-              catalogId: e.catalogue,
+              catalogId: t.catalogue,
               authToken: f.value
-            });
+            }), e("complete");
             break;
           }
-          H({
+          await J({
             baseUrl: c,
-            id: e.id,
-            catalogId: e.catalogue,
+            id: t.id,
+            catalogId: t.catalogue,
             authToken: f.value
-          }), s.value = !0, u.value = {
+          }), i.value = !0, u.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich gelöscht",
             button: "Rückgängig machen",
             action: "revertDeletion"
-          };
+          }, e("complete");
           break;
         case "setToDraft":
-          if (e.type === "project") {
-            await _({
+          if (e("start"), t.type === "project") {
+            B({
               baseUrl: c,
-              id: e.id,
+              id: t.id,
               type: "project",
-              catalogueId: e.catalogue,
+              catalogueId: t.catalogue,
               publicationStatus: "draft",
               authToken: f.value
+            }).then(() => {
+              e("complete");
             });
             break;
           }
-          B({
+          await I({
             baseUrl: c,
-            id: e.id,
-            catalogueId: e.catalogue,
+            id: t.id,
+            catalogueId: t.catalogue,
             publicationStatus: "draft",
             authToken: f.value
-          }), s.value = !0, u.value = {
+          }), i.value = !0, u.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
             button: "Rückgängig machen",
             action: "revertToDraft"
-          };
+          }, e("complete");
       }
     }
     function T(a) {
-      let t = "";
-      switch (typeof a == "string" ? t = a : t = a.target.innerText, t) {
+      let e = "";
+      switch (typeof a == "string" ? e = a : e = a.target.innerText, e) {
         case "Ansehen":
-          window.location.href = `/${e.type}/${e.id}`;
+          window.location.href = `/${t.type}/${t.id}`;
           break;
         case "Bearbeiten":
-          E();
+          $();
           break;
         case "Veröffentlichen":
           r.value = {
@@ -194,7 +199,7 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
             header: "Datensatz veröffentlichen",
             text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
             action: "publishDataset"
-          }, i.value = !0;
+          }, s.value = !0;
           break;
         case "Löschen":
           r.value = {
@@ -202,7 +207,7 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
             header: "Datensatz endgültig löschen",
             text: "Möchten Sie diesen Datensatz wirklich endgültig löschen? Diese Aktion kann nicht rückgängig gemacht werden. Alle damit verbundenen Daten werden entfernt.",
             action: "deleteDataset"
-          }, i.value = !0;
+          }, s.value = !0;
           break;
         case "Veröffentlichung aufheben":
           r.value = {
@@ -210,47 +215,47 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
             header: "Veröffentlichung aufheben",
             text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
             action: "setToDraft"
-          }, i.value = !0;
+          }, s.value = !0;
           break;
       }
     }
-    let g = p(!1);
-    function S(a, t) {
-      t ? g.value = !0 : g.value = !1;
+    let h = p(!1);
+    function S(a, e) {
+      e ? h.value = !0 : h.value = !1;
     }
     function V(a) {
-      a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !0);
+      a.target.className != "dpiV3_more-button dpiV3_activeState" && (h.value = !0);
     }
     function x(a) {
-      a.target.className != "dpiV3_more-button dpiV3_activeState" && (g.value = !1);
+      a.target.className != "dpiV3_more-button dpiV3_activeState" && (h.value = !1);
     }
-    return (a, t) => (d(), M(K, null, [
-      o("button", {
-        class: N(["dpiV3_tableRowWrapper", {
-          dpiV3_pressedTableRow: n(g),
-          tRowInDraft: e.fromDraft
+    return (a, e) => (d(), N(q, null, [
+      n("button", {
+        class: F(["dpiV3_tableRowWrapper", {
+          dpiV3_pressedTableRow: o(h),
+          tRowInDraft: t.fromDraft
         }]),
         onKeydown: [
-          t[3] || (t[3] = m(w((l) => V(l), ["prevent"]), ["space"])),
-          t[4] || (t[4] = m(w((l) => V(l), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = m(w((l) => V(l), ["prevent"]), ["space"])),
+          e[4] || (e[4] = m(w((l) => V(l), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          t[5] || (t[5] = m((l) => x(l), ["space"])),
-          t[6] || (t[6] = m((l) => x(l), ["enter"]))
+          e[5] || (e[5] = m((l) => x(l), ["space"])),
+          e[6] || (e[6] = m((l) => x(l), ["enter"]))
         ]
       }, [
-        o("div", ee, [
-          o("div", {
+        n("div", ae, [
+          n("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: t[0] || (t[0] = w((l) => S(l, !0), ["prevent"])),
-            onMouseup: t[1] || (t[1] = w((l) => S(l, !1), ["prevent"])),
-            onClick: t[2] || (t[2] = (l) => T("Bearbeiten"))
+            onMousedown: e[0] || (e[0] = w((l) => S(l, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = w((l) => S(l, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (l) => T("Bearbeiten"))
           }, [
-            o("div", te, [
-              o("span", ae, q(e.text), 1)
+            n("div", le, [
+              n("span", oe, H(t.text), 1)
             ]),
-            o("div", le, [
-              e.draft ? (d(), b(k, {
+            n("div", ne, [
+              t.draft ? (d(), b(k, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
@@ -260,17 +265,17 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
                 state: "published"
               }))
             ]),
-            o("div", ne, [
+            n("div", se, [
               y.visibility ? (d(), b(k, {
                 key: 0,
                 label: y.visibility,
-                state: e.draft ? "draft" : "published",
+                state: t.draft ? "draft" : "published",
                 "has-dot-icon": !1
-              }, null, 8, ["label", "state"])) : h("", !0)
+              }, null, 8, ["label", "state"])) : g("", !0)
             ])
           ], 32),
-          o("div", oe, [
-            D.value ? h("", !0) : (d(), b(Q, {
+          n("div", ie, [
+            D.value ? g("", !0) : (d(), b(Y, {
               key: 0,
               type: "moreButton",
               "not-draft": !D.value,
@@ -278,34 +283,34 @@ const ee = { class: "dpiV3_tableRowInner" }, te = { class: "dpiV3_TableRowDescCo
               text: {
                 support: "This is a supporting message"
               },
-              data: P(),
+              data: M(),
               onClick: T
             }, null, 8, ["not-draft", "data"]))
           ])
         ])
       ], 34),
-      n(i) ? (d(), b(X, {
+      o(s) ? (d(), b(Z, {
         key: 0,
-        buttons: n(r).button,
-        "header-text": n(r).header,
-        text: n(r).text,
-        action: n(r).action,
-        onClose: t[7] || (t[7] = (l) => z(i) ? i.value = !1 : i = !1),
-        onActionHandling: t[8] || (t[8] = (l) => $(l))
-      }, null, 8, ["buttons", "header-text", "text", "action"])) : h("", !0),
-      n(s) ? (d(), b(Y, {
+        buttons: o(r).button,
+        "header-text": o(r).header,
+        text: o(r).text,
+        action: o(r).action,
+        onClose: e[7] || (e[7] = (l) => z(s) ? s.value = !1 : s = !1),
+        onActionHandling: e[8] || (e[8] = (l) => _(l, C))
+      }, null, 8, ["buttons", "header-text", "text", "action"])) : g("", !0),
+      o(i) ? (d(), b(ee, {
         key: 1,
-        type: n(u).type,
-        text: n(u).text,
+        type: o(u).type,
+        text: o(u).text,
         class: "dpiV3_tableToast",
-        button: n(u).button,
-        action: n(u).action,
-        onMouseenter: t[9] || (t[9] = (l) => z(v) ? v.value = !0 : v = !0),
-        onMouseleave: U
-      }, null, 8, ["type", "text", "button", "action"])) : h("", !0)
+        button: o(u).button,
+        action: o(u).action,
+        onMouseenter: e[9] || (e[9] = (l) => z(v) ? v.value = !0 : v = !0),
+        onMouseleave: A
+      }, null, 8, ["type", "text", "button", "action"])) : g("", !0)
     ], 64));
   }
-}, ye = /* @__PURE__ */ Z(ie, [["__scopeId", "data-v-98e2acbf"]]);
+}, ke = /* @__PURE__ */ te(re, [["__scopeId", "data-v-d1e45d7d"]]);
 export {
-  ye as default
+  ke as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js

@@ -1,7 +1,7 @@
 import o from "./StepActionsSection.vue2.js";
 /* empty css                        */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-07a97d66"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a44124be"]]);
 export {
-  c as default
+  a as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as W, inject as j, ref as v, watch as F, computed as I, createElementBlock as r, openBlock as o, normalizeClass as $, createElementVNode as m, createBlock as p, createCommentVNode as V, createVNode as s, renderSlot as w, unref as E, normalizeStyle as K, withDirectives as h, vShow as y, Fragment as N, withCtx as g, renderList as R, toDisplayString as O, nextTick as U } from "vue";
-import { getNode as Z, isNode as q } from "@formkit/core";
-import { getValidationMessages as G } from "@formkit/validation";
-import { PhExclamationMark as H } from "@phosphor-icons/vue";
-import l from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import J from "../HappyFlowComponents/ui/Card.vue.js";
-import { dpiStepperKey as Q } from "../utils/injectionKeys.js";
-import X from "./TheCancelConfirmationDialog.vue.js";
-import { useEditModeInfo as Y } from "../composables/useDpiEditMode.js";
-const _ = { class: "step-actions" }, ee = { class: "step-actions__prev-and-next" }, te = {
+import { defineComponent as F, inject as I, ref as m, watch as $, computed as K, createElementBlock as r, openBlock as o, normalizeClass as R, createElementVNode as p, createBlock as g, createCommentVNode as w, createVNode as l, renderSlot as E, unref as N, normalizeStyle as O, withDirectives as h, vShow as y, Fragment as B, withCtx as x, renderList as U, toDisplayString as Z, nextTick as q } from "vue";
+import { getNode as G, isNode as H } from "@formkit/core";
+import { getValidationMessages as J } from "@formkit/validation";
+import { PhExclamationMark as Q } from "@phosphor-icons/vue";
+import s from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import X from "../HappyFlowComponents/ui/Card.vue.js";
+import { dpiStepperKey as Y } from "../utils/injectionKeys.js";
+import _ from "./TheCancelConfirmationDialog.vue.js";
+import { useEditModeInfo as ee } from "../composables/useDpiEditMode.js";
+const te = { class: "step-actions" }, ne = { class: "step-actions__prev-and-next" }, ae = {
   key: 0,
   class: "validation-errors"
-}, me = /* @__PURE__ */ W({
+}, pe = /* @__PURE__ */ F({
   __name: "StepActionsSection",
   props: {
     hideCancel: { type: Boolean, default: !1 },
@@ -22,54 +22,55 @@ const _ = { class: "step-actions" }, ee = { class: "step-actions__prev-and-next"
     nextText: { default: "Weiter" },
     nextVariant: { default: "primary" },
     classList: {},
+    loading: { type: Boolean, default: !1 },
     showDetailedErrorSummary: { type: Boolean, default: !1 }
   },
   emits: ["submit", "closeWithSaving"],
-  setup(ne, { emit: B }) {
-    const x = B, t = j(Q);
+  setup(P, { emit: z }) {
+    const c = P, C = z, t = I(Y);
     t || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
-    function C(e) {
+    function S(e) {
       return e !== void 0;
     }
-    const c = v(!1), u = v(!1), i = v([]);
-    t && F(t.activeStep, () => {
+    const f = m(!1), u = m(!1), i = m([]);
+    t && $(t.activeStep, () => {
       i.value.splice(0, i.value.length), u.value = !1;
     });
-    function S() {
-      c.value = !0;
+    function b() {
+      f.value = !0;
     }
-    function f() {
+    function v() {
       t == null || t.goToPreviousStep();
     }
-    async function b() {
-      var k, T;
-      if (!C(t))
+    async function k() {
+      var T, V;
+      if (!S(t))
         return !1;
-      t.triggerValidationCurrentStep(), await U();
+      t.triggerValidationCurrentStep(), await q();
       const e = t.activeStep.value;
       if (!e)
         return !1;
-      const n = Z(e);
-      if (!q(n))
+      const n = G(e);
+      if (!H(n))
         return console.error("Current step node is not a FormKitNode", n), !1;
       n.clearErrors(!0);
-      const a = G(n), D = !!((T = (k = t.steps) == null ? void 0 : k[e]) != null && T.valid);
-      return a && a.size > 0 || !D ? (i.value = [...a.entries()].flatMap(([oe, M]) => M.map((A) => String(A.value))), u.value = !0, !1) : (i.value.splice(0, i.value.length), u.value = !1, !0);
+      const a = J(n), A = !!((V = (T = t.steps) == null ? void 0 : T[e]) != null && V.valid);
+      return a && a.size > 0 || !A ? (i.value = [...a.entries()].flatMap(([ie, W]) => W.map((j) => String(j.value))), u.value = !0, !1) : (i.value.splice(0, i.value.length), u.value = !1, !0);
     }
     async function d() {
-      !C(t) || !await b() || (t != null && t.isLast.value ? x("submit") : t == null || t.goToNextStep());
+      !S(t) || !await k() || (t != null && t.isLast.value ? C("submit") : t == null || t.goToNextStep());
     }
-    const { isEditMode: P } = Y();
-    async function z() {
-      !t || !await b() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
+    const { isEditMode: L } = ee();
+    async function D() {
+      !t || !await k() || t == null || t.goToStep(Object.keys(t.steps).pop() || "");
     }
-    const L = I(() => t ? t == null ? void 0 : t.isLast.value : !0);
+    const M = K(() => t ? t == null ? void 0 : t.isLast.value : !0);
     return (e, n) => (o(), r("div", {
-      class: $([e.classList, "step-actions-container"])
+      class: R([e.classList, "step-actions-container"])
     }, [
-      m("div", _, [
-        E(P) ? (o(), r(N, { key: 1 }, [
-          L.value ? h((o(), p(l, {
+      p("div", te, [
+        N(L) ? (o(), r(B, { key: 1 }, [
+          M.value ? h((o(), g(s, {
             key: 1,
             class: "edit-save-button",
             size: "large",
@@ -77,93 +78,96 @@ const _ = { class: "step-actions" }, ee = { class: "step-actions__prev-and-next"
             type: "button",
             "button-text": e.nextText,
             "icon-end": e.nextText === "Als Entwurf Speichern" ? null : "CaretRight",
+            loading: c.loading,
             onClick: d
-          }, null, 8, ["variant", "button-text", "icon-end"])), [
+          }, null, 8, ["variant", "button-text", "icon-end", "loading"])), [
             [y, !e.hideNext]
-          ]) : (o(), p(l, {
+          ]) : (o(), g(s, {
             key: 0,
             class: "edit-save-button",
             size: "large",
             variant: "primary",
             type: "button",
             "button-text": "Speichern",
-            onClick: z
+            onClick: D
           }))
-        ], 64)) : w(e.$slots, "default", {
+        ], 64)) : E(e.$slots, "default", {
           key: 0,
-          handleCancel: S,
-          handlePrevious: f,
+          handleCancel: b,
+          handlePrevious: v,
           handleSubmit: d
         }, () => [
-          s(l, {
-            style: K({ opacity: e.hideCancel ? 0 : 1 }),
+          l(s, {
+            style: O({ opacity: e.hideCancel ? 0 : 1 }),
             variant: "tertiary",
             size: "large",
             type: "button",
             "button-text": e.cancelText,
-            onClick: S
+            onClick: b
           }, null, 8, ["style", "button-text"]),
-          m("div", ee, [
-            w(e.$slots, "prev-and-next", {
+          p("div", ne, [
+            E(e.$slots, "prev-and-next", {
               hidePrevious: e.hidePrevious,
               hideNext: e.hideNext,
               previousText: e.previousText,
               nextText: e.nextText,
-              handlePrevious: f,
-              handleSubmit: d
+              handlePrevious: v,
+              handleSubmit: d,
+              loading: c.loading
             }, () => [
-              h(s(l, {
+              h(l(s, {
                 variant: "secondary",
                 size: "large",
                 type: "button",
                 "button-text": e.previousText,
                 "icon-start": "CaretLeft",
-                onClick: f
+                onClick: v
               }, null, 8, ["button-text"]), [
                 [y, !e.hidePrevious]
               ]),
-              h(s(l, {
+              h(l(s, {
                 size: "large",
                 variant: e.nextVariant,
                 type: "button",
                 "button-text": e.nextText,
                 "icon-end": e.nextText === "Als Entwurf Speichern" || e.nextText === "Projektanlage starten" ? null : "CaretRight",
+                loading: c.loading,
                 onClick: d
-              }, null, 8, ["variant", "button-text", "icon-end"]), [
+              }, null, 8, ["variant", "button-text", "icon-end", "loading"]), [
                 [y, !e.hideNext]
               ])
             ], !0)
           ])
         ], !0)
       ]),
-      u.value && i.value.length ? (o(), p(J, {
+      u.value && i.value.length ? (o(), g(X, {
         key: 0,
         variant: "error"
       }, {
-        icon: g(() => [
-          s(E(H), {
+        icon: x(() => [
+          l(N(Q), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: g(() => n[2] || (n[2] = [
-          m("p", null, "Fehler", -1)
+        title: x(() => n[2] || (n[2] = [
+          p("p", { style: { margin: "0" } }, " Fehler ", -1)
         ])),
-        default: g(() => [
-          e.showDetailedErrorSummary ? (o(), r("ul", te, [
-            (o(!0), r(N, null, R(i.value, (a) => (o(), r("li", { key: a }, O(a), 1))), 128))
-          ])) : V("", !0)
+        default: x(() => [
+          e.showDetailedErrorSummary ? (o(), r("ul", ae, [
+            (o(!0), r(B, null, U(i.value, (a) => (o(), r("li", { key: a }, Z(a), 1))), 128))
+          ])) : w("", !0)
         ]),
         _: 1
-      })) : V("", !0),
-      s(X, {
-        modelValue: c.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => c.value = a),
-        onCloseWithSaving: n[1] || (n[1] = (a) => x("closeWithSaving"))
+      })) : w("", !0),
+      l(_, {
+        modelValue: f.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (a) => f.value = a),
+        onCloseWithSaving: n[1] || (n[1] = (a) => C("closeWithSaving"))
       }, null, 8, ["modelValue"])
     ], 2));
   }
 });
 export {
-  me as default
+  pe as default
 };