@piveau/dpi 0.2.0-alpha.13 → 0.2.0-alpha.14

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

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

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

@@ -1,7 +1,7 @@
 import o from "./TheCancelConfirmationDialog.vue2.js";
 /* empty css                                 */
-import a from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-22b07a20"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b6e98c6"]]);
 export {
-  m as default
+  i as default
 };

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

@@ -1,42 +1,47 @@
-import { defineComponent as s, mergeModels as m, useModel as p, createBlock as f, openBlock as v, withCtx as o, createElementVNode as l, createVNode as i } from "vue";
-import a from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import g from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
-const B = /* @__PURE__ */ s({
+import { defineComponent as d, mergeModels as f, useModel as p, createBlock as c, openBlock as v, withCtx as o, createElementVNode as n, createVNode as a } from "vue";
+import { useRouter as V } from "vue-router";
+import { useProjectActions as g } from "../composables/useProjectActions.js";
+import i from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import h from "../HappyFlowComponents/ui/DpiModalBase.vue.js";
+const y = /* @__PURE__ */ d({
   __name: "TheCancelConfirmationDialog",
   props: {
     modelValue: { type: Boolean },
     modelModifiers: {}
   },
-  emits: /* @__PURE__ */ m(["closeWithoutSaving", "closeWithSaving"], ["update:modelValue"]),
-  setup(u, { emit: d }) {
-    const n = d, r = p(u, "modelValue");
-    return (V, e) => (v(), f(g, {
-      modelValue: r.value,
-      "onUpdate:modelValue": e[2] || (e[2] = (t) => r.value = t)
+  emits: /* @__PURE__ */ f(["closeWithoutSaving", "closeWithSaving"], ["update:modelValue"]),
+  setup(l, { emit: k }) {
+    const s = V(), t = p(l, "modelValue"), { submitDraft: u } = g();
+    async function m() {
+      await u.execute(), s.push({ name: "DPI-Home-HappyFlow" });
+    }
+    return (w, e) => (v(), c(h, {
+      modelValue: t.value,
+      "onUpdate:modelValue": e[1] || (e[1] = (r) => t.value = r)
     }, {
-      header: o(() => e[3] || (e[3] = [
-        l("h4", null, "Projektanlage später fortführen", -1)
+      header: o(() => e[2] || (e[2] = [
+        n("h4", { class: "cancel-header" }, " Projektanlage später fortführen ", -1)
       ])),
       footer: o(() => [
-        i(a, {
+        a(i, {
           "button-text": "Bearbeitung verwerfen",
           variant: "secondary",
-          onClick: e[0] || (e[0] = (t) => n("closeWithoutSaving"))
+          onClick: e[0] || (e[0] = (r) => t.value = !1)
         }),
-        i(a, {
+        a(i, {
           "button-text": "Projekt als Entwurf speichern",
           variant: "primary",
-          onClick: e[1] || (e[1] = (t) => n("closeWithSaving"))
+          onClick: m
         })
       ]),
       default: o(() => [
-        e[4] || (e[4] = l("div", null, " Sie können die Projektanlage später fortführen und Ihren bisherigen Fortschritt entweder verwerfen oder als Entwurf speichern. ", -1))
+        e[3] || (e[3] = n("div", null, " Sie können die Projektanlage später fortführen und Ihren bisherigen Fortschritt entweder verwerfen oder als Entwurf speichern. ", -1))
       ]),
       _: 1,
-      __: [4]
+      __: [3]
     }, 8, ["modelValue"]));
   }
 });
 export {
-  B as default
+  y as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/dev-tools/ProjectDpiDevTools.vue.js

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