@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.8

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

@@ -2,8 +2,8 @@
 /* empty css                                 */
 import { createElementBlock as e, openBlock as s, normalizeClass as o, createCommentVNode as a, createElementVNode as i, toDisplayString as c } from "vue";
 import l from "../img/Ellipse2Published.svg.js";
-import m from "../img/Ellipse2Warning.svg.js";
-import n from "../img/Ellipse2Error.svg.js";
+import n from "../img/Ellipse2Warning.svg.js";
+import m from "../img/Ellipse2Error.svg.js";
 /* empty css              */
 import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const d = {
@@ -22,6 +22,10 @@ const d = {
       type: String,
       default: "table"
       // "table", "page", or other custom sizes
+    },
+    hasDotIcon: {
+      type: Boolean,
+      default: !0
     }
   },
   computed: {
@@ -32,33 +36,33 @@ const d = {
       return `state-tag--${this.size}`;
     }
   }
-}, p = {
+}, u = {
   key: 0,
   class: "dot",
   src: l,
   alt: ""
-}, u = {
+}, f = {
   key: 1,
   class: "dot",
-  src: m,
+  src: n,
   alt: ""
-}, f = {
+}, p = {
   key: 2,
   class: "dot",
-  src: n,
+  src: m,
   alt: ""
 }, g = { class: "label" };
-function h(y, C, t, S, b, r) {
+function h(y, b, t, C, S, r) {
   return s(), e("div", {
     class: o(["state-tag", [r.stateClass, r.sizeClass]])
   }, [
-    t.state === "published" ? (s(), e("img", p)) : a("", !0),
-    t.state === "draft" ? (s(), e("img", u)) : a("", !0),
-    t.state === "error" ? (s(), e("img", f)) : a("", !0),
+    t.state === "published" && t.hasDotIcon ? (s(), e("img", u)) : a("", !0),
+    t.state === "draft" && t.hasDotIcon ? (s(), e("img", f)) : a("", !0),
+    t.state === "error" && t.hasDotIcon ? (s(), e("img", p)) : a("", !0),
     i("span", g, c(t.label), 1)
   ], 2);
 }
-const T = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-acd8463a"]]);
+const E = /* @__PURE__ */ _(d, [["render", h], ["__scopeId", "data-v-65fb0446"]]);
 export {
-  T as default
+  E as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./SummaryBox.vue2.js";
 /* empty css                */
 import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-91940b27"]]);
+const p = /* @__PURE__ */ m(o, [["__scopeId", "data-v-36d0d28b"]]);
 export {
   p as default
 };

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

@@ -1,23 +1,27 @@
-import { defineComponent as l, createElementBlock as a, openBlock as n, renderSlot as t, createElementVNode as o, createTextVNode as r, toDisplayString as s } from "vue";
-const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { class: "headline-5" }, _ = /* @__PURE__ */ l({
+import { defineComponent as i, createElementBlock as o, openBlock as s, renderSlot as t, createCommentVNode as p, createTextVNode as r, toDisplayString as l, createElementVNode as d } from "vue";
+const c = { class: "summary-box" }, m = {
+  key: 0,
+  class: "copy-large-regular"
+}, u = { class: "headline-5" }, y = /* @__PURE__ */ i({
   __name: "SummaryBox",
   props: {
     title: {},
     text: {}
   },
-  setup(c) {
-    return (e, u) => (n(), a("div", i, [
+  setup(a) {
+    const n = a;
+    return (e, f) => (s(), o("div", c, [
       t(e.$slots, "title-wrapper", {}, () => [
-        o("div", p, [
+        e.$slots.title || n.title ? (s(), o("div", m, [
           t(e.$slots, "title", {}, () => [
-            r(s(e.title), 1)
+            r(l(e.title), 1)
           ], !0)
-        ])
+        ])) : p("", !0)
       ], !0),
       t(e.$slots, "content-wrapper", {}, () => [
-        o("div", d, [
+        d("div", u, [
           t(e.$slots, "default", {}, () => [
-            r(s(e.text), 1)
+            r(l(e.text), 1)
           ], !0)
         ])
       ], !0)
@@ -25,5 +29,5 @@ const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { c
   }
 });
 export {
-  _ as default
+  y as default
 };

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

@@ -1,5 +1,5 @@
-import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as F, createElementVNode as o, createBlock as v, createCommentVNode as g, withKeys as m, normalizeClass as H, withModifiers as b, unref as n, toDisplayString as x, isRef as T } from "vue";
-import _ from "./StateTag.vue.js";
+import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as F, createElementVNode as o, createBlock as f, createCommentVNode as b, withKeys as h, normalizeClass as H, withModifiers as m, unref as n, toDisplayString as S, isRef as _ } from "vue";
+import w from "./StateTag.vue.js";
 import L from "./Dropdown.vue.js";
 import j from "./ModalSimpleV3.vue.js";
 import q from "./Toast.vue.js";
@@ -8,8 +8,8 @@ import { useRouter as O } from "vue-router";
 import { useDpiUtils as W } from "../../composables/useDpiUtils.js";
 /* empty css                */
 import G from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-import { useDpiContext as S } from "../../composables/useDpiContext.js";
-const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowButtonWrap" }, te = {
+import { useDpiContext as z } from "../../composables/useDpiContext.js";
+const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowStatus" }, te = { class: "dpiV3_TableRowButtonWrap" }, ae = {
   __name: "TableRowV3",
   props: {
     text: {
@@ -19,6 +19,9 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
     draft: {
       type: Boolean
     },
+    visibility: {
+      type: String
+    },
     date: {
       type: Object,
       required: !0
@@ -28,31 +31,31 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
     catalogue: String,
     dataset: Object
   },
-  setup(z) {
-    const h = J();
+  setup(g) {
+    const D = J();
     O();
-    let r = u(!1), l = u(!1), f = u(!1), i = u({}), d = u({}), D = u({ edit: { fromDraft: !1 } });
-    S() && (D = S());
-    const s = z, { toEditMode: R } = W(), B = () => {
-      const t = s.draft, e = s.catalogue, a = s.id || s.dataset.id || s.catalogue.id;
-      R({ id: a, catalogId: e, isDraft: t, locale: "de" });
-    }, C = (t, e, a, U) => {
-      console.log(s.dataset), h.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: U });
+    let l = u(!1), i = u(!1), p = u(!1), r = u({}), d = u({}), y = u({ edit: { fromDraft: !1 } });
+    z() && (y = z());
+    const a = g, { toEditMode: R } = W(), B = () => {
+      const t = a.draft, e = a.catalogue, s = a.id || a.dataset.id || a.catalogue.id;
+      R({ id: s, catalogId: e, isDraft: t, locale: "de" });
+    }, C = (t, e, s, U) => {
+      console.log(a.dataset), D.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: s, description: U });
     }, M = (t, e) => {
-      h.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
+      D.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
     }, A = (t, e) => {
-      h.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
-    }, E = () => {
-      f.value = !1, setTimeout(() => {
-        l.value = !1;
+      D.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
+    }, I = () => {
+      p.value = !1, setTimeout(() => {
+        i.value = !1;
       }, 2e3);
     };
-    $(l, (t) => {
+    $(i, (t) => {
       t && setTimeout(() => {
-        f.value || (l.value = !1);
+        p.value || (i.value = !1);
       }, 2e3);
     });
-    const I = () => s.draft ? [
+    const E = () => a.draft ? [
       { "@value": "Ansehen", selected: !1 },
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichen", selected: !1 },
@@ -65,7 +68,7 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
     ], K = (t) => {
       switch (t) {
         case "publishDataset":
-          A(s.id, s.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
+          A(a.id, a.catalogue), console.log("Datensatz wird veröffentlicht"), i.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
@@ -73,7 +76,7 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
           };
           break;
         case "deleteDataset":
-          M(s.id, s.catalogue), l.value = !0, d.value = {
+          M(a.id, a.catalogue), i.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich gelöscht",
             button: "Rückgängig machen",
@@ -82,131 +85,139 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
           break;
         case "setToDraft":
           C(
-            s.dataset.id,
-            s.dataset.catalog.id,
-            s.dataset.title,
-            s.dataset.description
-          ), l.value = !0, d.value = {
+            a.dataset.id,
+            a.dataset.catalog.id,
+            a.dataset.title,
+            a.dataset.description
+          ), i.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde erfolgreich zu einem Entwurf zurückgesetzt",
             button: "Rückgängig machen",
             action: "revertToDraft"
           };
       }
-    }, w = (t) => {
+    }, k = (t) => {
       let e = "";
       switch (typeof t == "string" ? e = t : e = t.target.innerText, e) {
         case "Bearbeiten":
           B();
           break;
         case "Veröffentlichen":
-          i.value = {
+          r.value = {
             button: "Veröffentlichen",
             header: "Datensatz veröffentlichen",
             text: "Sind Sie sicher, dass Sie diesen Datensatz veröffentlichen möchten?",
             action: "publishDataset"
-          }, r.value = !0;
+          }, l.value = !0;
           break;
         case "Löschen":
-          i.value = {
+          r.value = {
             button: "Ja, löschen",
             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"
-          }, r.value = !0;
+          }, l.value = !0;
           break;
         case "Veröffentlichung aufheben":
-          i.value = {
+          r.value = {
             button: "Ja",
             header: "Veröffentlichung aufheben",
             text: "Sind Sie sicher, dass Sie diesen Datensatz zu einem Entwurf zurücksetzen möchten?",
             action: "setToDraft"
-          }, r.value = !0;
+          }, l.value = !0;
           break;
       }
     };
-    let p = u(!1);
-    const k = (t, e) => {
-      e ? p.value = !0 : p.value = !1;
-    }, V = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !0);
-    }, y = (t) => {
-      t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !1);
+    let v = u(!1);
+    const V = (t, e) => {
+      e ? v.value = !0 : v.value = !1;
+    }, T = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (v.value = !0);
+    }, x = (t) => {
+      t.target.className != "dpiV3_more-button dpiV3_activeState" && (v.value = !1);
     };
     return (t, e) => (c(), N(F, null, [
       o("button", {
         class: H(["dpiV3_tableRowWrapper", {
-          dpiV3_pressedTableRow: n(p),
-          tRowInDraft: s.fromDraft
+          dpiV3_pressedTableRow: n(v),
+          tRowInDraft: a.fromDraft
         }]),
         onKeydown: [
-          e[3] || (e[3] = m(b((a) => V(a), ["prevent"]), ["space"])),
-          e[4] || (e[4] = m(b((a) => V(a), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = h(m((s) => T(s), ["prevent"]), ["space"])),
+          e[4] || (e[4] = h(m((s) => T(s), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          e[5] || (e[5] = m((a) => y(a), ["space"])),
-          e[6] || (e[6] = m((a) => y(a), ["enter"]))
+          e[5] || (e[5] = h((s) => x(s), ["space"])),
+          e[6] || (e[6] = h((s) => x(s), ["enter"]))
         ]
       }, [
         o("div", P, [
           o("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: e[0] || (e[0] = b((a) => k(a, !0), ["prevent"])),
-            onMouseup: e[1] || (e[1] = b((a) => k(a, !1), ["prevent"])),
-            onClick: e[2] || (e[2] = (a) => w("Bearbeiten"))
+            onMousedown: e[0] || (e[0] = m((s) => V(s, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = m((s) => V(s, !1), ["prevent"])),
+            onClick: e[2] || (e[2] = (s) => k("Bearbeiten"))
           }, [
             o("div", Q, [
-              o("span", X, x(s.text), 1)
+              o("span", X, S(a.text), 1)
             ]),
             o("div", Y, [
-              s.draft ? (c(), v(_, {
+              a.draft ? (c(), f(w, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
-              })) : (c(), v(_, {
+              })) : (c(), f(w, {
                 key: 0,
                 label: "Freigegeben",
                 state: "published"
               })),
-              o("span", Z, " Updated am: " + x(s.date), 1)
+              o("span", Z, " Updated am: " + S(a.date), 1)
+            ]),
+            o("div", ee, [
+              g.visibility ? (c(), f(w, {
+                key: 0,
+                label: g.visibility,
+                state: a.draft ? "draft" : "published",
+                hasDotIcon: !1
+              }, null, 8, ["label", "state"])) : b("", !0)
             ])
           ], 32),
-          o("div", ee, [
-            n(D).edit.fromDraft ? g("", !0) : (c(), v(L, {
+          o("div", te, [
+            n(y).edit.fromDraft ? b("", !0) : (c(), f(L, {
               key: 0,
-              onClick: w,
+              onClick: k,
               type: "moreButton",
               alignment: "right",
               text: {
                 support: "This is a supporting message"
               },
-              data: I()
+              data: E()
             }, null, 8, ["data"]))
           ])
         ])
       ], 34),
-      n(r) ? (c(), v(j, {
+      n(l) ? (c(), f(j, {
         key: 0,
-        buttons: n(i).button,
-        headerText: n(i).header,
-        text: n(i).text,
-        onClose: e[7] || (e[7] = (a) => T(r) ? r.value = !1 : r = !1),
-        action: n(i).action,
-        onActionHandling: e[8] || (e[8] = (a) => K(a))
-      }, null, 8, ["buttons", "headerText", "text", "action"])) : g("", !0),
-      n(l) ? (c(), v(q, {
+        buttons: n(r).button,
+        headerText: n(r).header,
+        text: n(r).text,
+        onClose: e[7] || (e[7] = (s) => _(l) ? l.value = !1 : l = !1),
+        action: n(r).action,
+        onActionHandling: e[8] || (e[8] = (s) => K(s))
+      }, null, 8, ["buttons", "headerText", "text", "action"])) : b("", !0),
+      n(i) ? (c(), f(q, {
         key: 1,
         type: n(d).type,
         text: n(d).text,
         class: "dpiV3_tableToast",
         button: n(d).button,
         action: n(d).action,
-        onMouseenter: e[9] || (e[9] = (a) => T(f) ? f.value = !0 : f = !0),
-        onMouseleave: E
-      }, null, 8, ["type", "text", "button", "action"])) : g("", !0)
+        onMouseenter: e[9] || (e[9] = (s) => _(p) ? p.value = !0 : p = !0),
+        onMouseleave: I
+      }, null, 8, ["type", "text", "button", "action"])) : b("", !0)
     ], 64));
   }
-}, pe = /* @__PURE__ */ G(te, [["__scopeId", "data-v-4aa67196"]]);
+}, ve = /* @__PURE__ */ G(ae, [["__scopeId", "data-v-9f89e274"]]);
 export {
-  pe as default
+  ve as default
 };

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

@@ -87,7 +87,7 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
     }
     function D() {
       const a = m.value;
-      a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight, 372)}px`;
+      a.style.height = "268px", a.style.height = `${Math.min(a.scrollHeight, 372)}px`;
     }
     return (a, y) => (d(), c("div", R, [
       l("div", j, [
@@ -148,7 +148,7 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
       ])
     ]));
   }
-}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-85b71c6c"]]);
+}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-609d64d4"]]);
 export {
   Z 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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-74ea6547"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a83f996d"]]);
 export {
-  a as default
+  c as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as P, inject as B, ref as p, watch as z, toRef as E, computed as F, createElementBlock as c, openBlock as r, createElementVNode as d, createBlock as M, createCommentVNode as _, renderSlot as g, createVNode as i, normalizeStyle as I, withDirectives as x, vShow as y, withCtx as f, Fragment as A, renderList as D, toDisplayString as L, createTextVNode as R, unref as $, nextTick as K } from "vue";
-import { getNode as W, isNode as j } from "@formkit/core";
-import { getValidationMessages as J } from "@formkit/validation";
-import { PhExclamationMark as O } from "@phosphor-icons/vue";
-import { useFormValues as Z } from "../composables/useDpiFormValues.js";
-import v from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import q from "../HappyFlowComponents/ui/Card.vue.js";
-import { dpiStepperKey as G } from "../utils/injectionKeys.js";
-const H = { class: "step-actions-container" }, Q = { class: "step-actions" }, U = { class: "step-actions__prev-and-next" }, X = { class: "validation-errors" }, le = /* @__PURE__ */ P({
+import { defineComponent as E, inject as z, ref as d, watch as D, toRef as M, computed as A, createElementBlock as f, openBlock as r, createElementVNode as v, createBlock as F, createCommentVNode as I, createVNode as i, renderSlot as x, normalizeStyle as L, withDirectives as y, vShow as C, withCtx as m, Fragment as R, renderList as K, toDisplayString as _, createTextVNode as $, unref as j, nextTick as U } from "vue";
+import { getNode as W, isNode as Z } from "@formkit/core";
+import { getValidationMessages as q } from "@formkit/validation";
+import { PhExclamationMark as G } from "@phosphor-icons/vue";
+import h from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import H from "../HappyFlowComponents/ui/Card.vue.js";
+import { dpiStepperKey as J } from "../utils/injectionKeys.js";
+import O from "./TheCancelConfirmationDialog.vue.js";
+const Q = { class: "step-actions-container" }, X = { class: "step-actions" }, Y = { class: "step-actions__prev-and-next" }, ee = { class: "validation-errors" }, ce = /* @__PURE__ */ E({
   __name: "StepActionsSection",
   props: {
     hideCancel: { type: Boolean, default: !1 },
@@ -18,123 +18,128 @@ const H = { class: "step-actions-container" }, Q = { class: "step-actions" }, U
     nextText: { default: "Weiter" },
     nextVariant: { default: "primary" }
   },
-  setup(Y) {
-    const { formValues: C } = Z(), e = B(G);
+  emits: ["submit"],
+  setup(te, { emit: V }) {
+    const S = V, e = z(J);
     e || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
-    function S(t) {
+    function T(t) {
       return t !== void 0;
     }
-    const s = p(!1), a = p([]);
-    function V(t) {
+    const l = d(!1), s = d(!1), a = d([]);
+    function N(t) {
       if (!t)
         return;
-      const n = J(t);
-      !n || n.size === 0 || (a.value = [...n.entries()].flatMap(([o, k]) => k.map((w) => String(w.value))));
+      const n = q(t);
+      !n || n.size === 0 || (a.value = [...n.entries()].flatMap(([o, B]) => B.map((P) => String(P.value))));
     }
-    e && z(e.activeStep, () => {
+    e && D(e.activeStep, () => {
       a.value.splice(0, a.value.length), s.value = !1;
     });
-    const N = E(e == null ? void 0 : e.steps);
-    function m(t) {
+    const b = M(e == null ? void 0 : e.steps);
+    function p(t) {
       var o;
-      const n = (o = N.value) == null ? void 0 : o[t];
+      const n = (o = b.value) == null ? void 0 : o[t];
       return n ? n.valid : !1;
     }
-    function T() {
-      m((e == null ? void 0 : e.activeStep.value) || "") && (e == null || e.goToNextStep());
+    function k() {
+      p((e == null ? void 0 : e.activeStep.value) || "") && (e == null || e.goToNextStep());
     }
-    function h() {
-      window.alert("WIP");
+    function g() {
+      l.value = !0;
     }
-    function l() {
+    function u() {
       e == null || e.goToPreviousStep();
     }
-    const b = F(() => e != null && e.activeStep.value ? W(e == null ? void 0 : e.activeStep.value) : null);
-    async function u() {
-      if (!S(e))
+    const w = A(() => e != null && e.activeStep.value ? W(e == null ? void 0 : e.activeStep.value) : null);
+    async function c() {
+      if (!T(e))
         return;
-      e.triggerValidationCurrentStep(), await K();
-      const t = b.value;
-      if (t ? !m((e == null ? void 0 : e.activeStep.value) || "") : !1) {
-        if (!j(t)) {
+      e.triggerValidationCurrentStep(), await U();
+      const t = w.value;
+      if (t ? !p((e == null ? void 0 : e.activeStep.value) || "") : !1) {
+        if (!Z(t)) {
           console.error("Current step node is not a FormKitNode", t);
           return;
         }
-        V(t), s.value = !0;
+        N(t), s.value = !0;
       }
-      e != null && e.isLast.value ? window.alert(`Form submitted: ${JSON.stringify(C.value, null, 2)}`) : T();
+      e != null && e.isLast.value ? S("submit") : k();
     }
-    return (t, n) => (r(), c("div", H, [
-      d("div", Q, [
-        g(t.$slots, "default", {
-          handleCancel: h,
-          handlePrevious: l,
-          handleSubmit: u
+    return (t, n) => (r(), f("div", Q, [
+      v("div", X, [
+        x(t.$slots, "default", {
+          handleCancel: g,
+          handlePrevious: u,
+          handleSubmit: c
         }, () => [
-          i(v, {
-            style: I({ opacity: t.hideCancel ? 0 : 1 }),
+          i(h, {
+            style: L({ opacity: t.hideCancel ? 0 : 1 }),
             variant: "tertiary",
             size: "large",
             type: "button",
             "button-text": t.cancelText,
-            onClick: h
+            onClick: g
           }, null, 8, ["style", "button-text"]),
-          d("div", U, [
-            g(t.$slots, "prev-and-next", {
+          v("div", Y, [
+            x(t.$slots, "prev-and-next", {
               hidePrevious: t.hidePrevious,
               hideNext: t.hideNext,
               previousText: t.previousText,
               nextText: t.nextText,
-              handlePrevious: l,
-              handleSubmit: u
+              handlePrevious: u,
+              handleSubmit: c
             }, () => [
-              x(i(v, {
+              y(i(h, {
                 variant: "secondary",
                 size: "large",
                 type: "button",
                 "button-text": t.previousText,
                 "icon-start": "CaretLeft",
-                onClick: l
+                onClick: u
               }, null, 8, ["button-text"]), [
-                [y, !t.hidePrevious]
+                [C, !t.hidePrevious]
               ]),
-              x(i(v, {
+              y(i(h, {
                 size: "large",
                 variant: t.nextVariant,
                 type: "button",
                 "button-text": t.nextText,
-                "icon-end": "CaretRight",
-                onClick: u
-              }, null, 8, ["variant", "button-text"]), [
-                [y, !t.hideNext]
+                "icon-end": t.nextText === "Als Entwurf Speichern" ? null : "CaretRight",
+                onClick: c
+              }, null, 8, ["variant", "button-text", "icon-end"]), [
+                [C, !t.hideNext]
               ])
             ], !0)
           ])
         ], !0)
       ]),
-      s.value && a.value.length ? (r(), M(q, {
+      s.value && a.value.length ? (r(), F(H, {
         key: 0,
         variant: "error"
       }, {
-        icon: f(() => [
-          i($(O), {
+        icon: m(() => [
+          i(j(G), {
             size: 32,
             color: "currentColor"
           })
         ]),
-        title: f(() => n[0] || (n[0] = [
-          R(" Bitte korrigieren Sie die folgenden Fehler ", -1)
+        title: m(() => n[1] || (n[1] = [
+          $(" Bitte korrigieren Sie die folgenden Fehler ", -1)
         ])),
-        default: f(() => [
-          d("ul", X, [
-            (r(!0), c(A, null, D(a.value, (o) => (r(), c("li", { key: o }, L(o), 1))), 128))
+        default: m(() => [
+          v("ul", ee, [
+            (r(!0), f(R, null, K(a.value, (o) => (r(), f("li", { key: o }, _(o), 1))), 128))
           ])
         ]),
         _: 1
-      })) : _("", !0)
+      })) : I("", !0),
+      i(O, {
+        modelValue: l.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => l.value = o)
+      }, null, 8, ["modelValue"])
     ]));
   }
 });
 export {
-  le as default
+  ce as default
 };