@piveau/dpi 0.1.0-twinby.0 → 0.2.0-alpha.1

package/dist/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js

@@ -0,0 +1,20 @@
+import t from "./TextAreaFormKit.vue.js";
+const o = {
+  type: "text",
+  schema: [],
+  component: t,
+  props: [
+    "label",
+    "placeholder",
+    "disabled",
+    "showDeleteButton",
+    "hint",
+    "maxlength",
+    "help",
+    "countHint"
+  ],
+  inheritAttrs: !0
+};
+export {
+  o as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaFormKit.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as k, computed as o, createBlock as B, openBlock as y } from "vue";
+import E from "../TextAreaV3.vue.js";
+const _ = /* @__PURE__ */ k({
+  __name: "TextAreaFormKit",
+  props: {
+    context: {},
+    maxlength: {}
+  },
+  setup(d) {
+    const t = d, a = t.maxlength || 500, s = o({
+      get: () => {
+        var e;
+        return ((e = t.context) == null ? void 0 : e._value) || "";
+      },
+      // set: (newValue: string) => {
+      //   props.context?.node.input(newValue)
+      // },
+      set: (e) => {
+        var n;
+        const l = e.slice(0, a);
+        (n = t.context) == null || n.node.input(l);
+      }
+    }), p = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.label) || "";
+    }), x = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here...";
+    }), r = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.help) || "";
+    }), m = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.countHint) || "";
+    }), c = o(() => {
+      var e;
+      return Object.keys(((e = t.context) == null ? void 0 : e.messages) || {}).length > 0;
+    }), v = o(() => {
+      var l, n, u, i, h;
+      if (!c.value)
+        return "";
+      const e = (n = Object.keys(((l = t.context) == null ? void 0 : l.messages) || {})) == null ? void 0 : n[0];
+      return ((h = (i = (u = t.context) == null ? void 0 : u.messages) == null ? void 0 : i[e]) == null ? void 0 : h.value) || "";
+    }), g = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.disabled) || !1;
+    }), f = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.showDeleteButton) || !1;
+    }), b = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.hint) || !1;
+    }), w = () => {
+      s.value = "";
+    }, D = (e) => {
+      !["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key) && s.value.length >= a && e.preventDefault();
+    };
+    return (e, l) => (y(), B(E, {
+      modelValue: s.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (n) => s.value = n),
+      label: p.value,
+      placeholder: x.value,
+      help: r.value,
+      isDisabled: g.value,
+      showError: c.value,
+      errorMessage: v.value,
+      showDeleteButton: f.value,
+      hint: b.value,
+      hintMessage: r.value,
+      countHint: m.value,
+      onDeleteClicked: w,
+      onKeydown: D
+    }, null, 8, ["modelValue", "label", "placeholder", "help", "isDisabled", "showError", "errorMessage", "showDeleteButton", "hint", "hintMessage", "countHint"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaFormKit.vue2.js

@@ -0,0 +1,4 @@
+import f from "./TextAreaFormKit.vue.js";
+export {
+  f as default
+};

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

@@ -1,13 +1,14 @@
-import { ref as l, watch as h, createElementBlock as x, openBlock as c, createElementVNode as a, createCommentVNode as b, createBlock as M, toDisplayString as T, normalizeStyle as C, normalizeClass as m, unref as s, withDirectives as S, vModelText as A } from "vue";
+import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, toDisplayString as v, normalizeStyle as C, normalizeClass as f, unref as n, withDirectives as S, vModelText as A } from "vue";
 /* empty css                                */
 /* empty css                                 */
-import L from "./TextButtonSmall.vue.js";
+import H from "./TextButtonSmall.vue.js";
+import { boolean as L } from "zod";
 /* empty css                */
-import z from "../../../_virtual/_plugin-vue_export-helper.js";
-const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_InputFieldBase" }, j = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, q = ["disabled", "placeholder"], G = {
-  key: 0,
-  class: "dpiV3_hintText copy-small-regular"
-}, H = {
+import j from "../../../_virtual/_plugin-vue_export-helper.js";
+const z = { class: "dpiV3_input-field V3-typography" }, N = { class: "dpiV3_InputFieldBase" }, R = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, q = ["disabled", "placeholder"], G = {
+  key: 1,
+  class: "dpiV3_errorText copy-small-regular"
+}, J = {
   __name: "TextAreaV3",
   props: {
     text: {
@@ -27,89 +28,107 @@ const N = { class: "dpiV3_input-field V3-typography" }, R = { class: "dpiV3_Inpu
     placeholder: {},
     hint: {},
     modelValue: { type: String, default: "" },
-    showDeleteButton: { type: Boolean, default: !1 }
+    showDeleteButton: { type: Boolean, default: !1 },
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    hintMessage: {
+      type: String,
+      default: ""
+    },
+    countHint: {
+      type: L,
+      default: !1
+    }
   },
   emits: ["update:modelValue", "deleteClicked"],
   setup(e, { emit: V }) {
-    let o = l(!1), p = l(!1);
-    const _ = l(null);
-    let y = l(!1), t = l("inset 0 0 0 1px var(--neutral-30, #687178)"), n = l(!1), v = l(!1);
-    const d = e, u = l(d.modelValue), f = V;
-    h(
-      () => d.modelValue,
+    let o = a(!1), h = a(!1);
+    const _ = a(null);
+    let w = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), m = a(!1);
+    const s = e, r = a(s.modelValue), x = V;
+    y(
+      () => s.modelValue,
       (i) => {
-        u.value = i;
+        r.value = i;
       }
-    ), h(u, (i) => {
-      f("update:modelValue", i);
+    ), y(r, (i) => {
+      x("update:modelValue", i);
     });
-    const w = () => {
-      f("deleteClicked");
-    }, B = () => {
-      y.value = !1, n.value = !0, o.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+    const g = () => {
+      x("deleteClicked");
     }, E = () => {
-      n.value = !1, o.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+      w.value = !1, u.value = !0, o.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+    }, B = () => {
+      u.value = !1, o.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
     }, I = () => {
-      v.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      m.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }, M = () => {
+      m.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }, F = () => {
-      v.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, D = () => {
       o.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, g = () => {
+    }, k = () => {
       t.value = "inset 0 0 0 2px var(--Focused)";
     };
-    return (i, r) => (c(), x("div", N, [
-      a("div", R, [
-        a("div", j, [
-          a("div", O, [
-            a("div", U, [
-              a("label", W, T(d.label), 1),
-              e.showDeleteButton ? (c(), M(L, {
+    return (i, b) => (d(), c("div", z, [
+      l("div", N, [
+        l("div", R, [
+          l("div", O, [
+            l("div", U, [
+              l("label", W, v(s.label), 1),
+              e.showDeleteButton ? (d(), T(H, {
                 key: 0,
                 buttonText: "löschen",
-                onClick: w,
+                onClick: g,
                 tabindex: "0"
-              })) : b("", !0)
+              })) : p("", !0)
             ])
           ]),
-          a("div", {
-            class: m(["dpiV3_Input", {
+          l("div", {
+            class: f(["dpiV3_Input", {
               dpiV3_disabled: e.isDisabled,
-              "error-state": e.showError && !s(o) && !s(p),
-              "focused-error-state": e.showError && s(o),
-              "filled-error-state": e.showError && s(p)
+              "error-state": e.showError && !n(o) && !n(h),
+              "focused-error-state": e.showError && n(o),
+              "filled-error-state": e.showError && n(h)
             }]),
             onMouseenter: I,
-            onMouseleave: F,
-            onMousedown: D,
-            style: C({ "box-shadow": s(t) })
+            onMouseleave: M,
+            onMousedown: F,
+            style: C({ "box-shadow": n(t) })
           }, [
-            S(a("textarea", {
+            S(l("textarea", {
               ref_key: "inputRef",
               ref: _,
-              "onUpdate:modelValue": r[0] || (r[0] = (k) => u.value = k),
+              "onUpdate:modelValue": b[0] || (b[0] = (D) => r.value = D),
               type: "text",
-              class: m(["dpiV3_textArea copy-large-regular", {
+              class: f(["dpiV3_textArea copy-large-regular", {
                 "error-state": e.showError,
                 dpiV3_input_disabled: e.isDisabled
               }]),
               disabled: e.isDisabled,
               placeholder: e.placeholder,
-              onFocus: B,
-              onBlur: E,
-              onMousedown: g
+              onFocus: E,
+              onBlur: B,
+              onMousedown: k
             }, null, 42, q), [
-              [A, u.value]
+              [A, r.value]
             ])
           ], 38)
         ]),
-        e.hint && !e.showError ? (c(), x("div", G, r[1] || (r[1] = [
-          a("span", null, "This is a supporting message.", -1)
-        ]))) : b("", !0)
+        e.hint && !e.showError ? (d(), c("div", {
+          key: 0,
+          class: f(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": s.countHint, "copy-small-regular": !s.countHint }])
+        }, [
+          l("span", null, v(e.hintMessage), 1)
+        ], 2)) : p("", !0),
+        e.showError ? (d(), c("div", G, [
+          l("span", null, v(e.errorMessage), 1)
+        ])) : p("", !0)
       ])
     ]));
   }
-}, Z = /* @__PURE__ */ z(H, [["__scopeId", "data-v-7248be35"]]);
+}, ee = /* @__PURE__ */ j(J, [["__scopeId", "data-v-8222d1e6"]]);
 export {
-  Z as default
+  ee as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/WipStep.vue.js

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

package/dist/data-provider-interface/HappyFlowComponents/ui/WipStep.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as n, createElementBlock as s, openBlock as c, createElementVNode as e, createVNode as o, withCtx as i } from "vue";
+import r from "../../components/StepActionsSection.vue.js";
+import p from "./Card.vue.js";
+const a = { class: "wip-step" }, _ = { class: "funny-section" }, l = { class: "funny-section" }, w = /* @__PURE__ */ n({
+  __name: "WipStep",
+  setup(d) {
+    return (m, t) => (c(), s("div", a, [
+      e("section", _, [
+        o(p, null, {
+          default: i(() => t[0] || (t[0] = [
+            e("div", { class: "wip-container copy-large-regular" }, " WIP ", -1)
+          ])),
+          _: 1,
+          __: [0]
+        })
+      ]),
+      e("section", l, [
+        o(r)
+      ])
+    ]));
+  }
+});
+export {
+  w as default
+};

package/dist/data-provider-interface/components/HappyFlowLandingPage.vue.js

@@ -1,70 +1,77 @@
-import { useI18n as i } from "vue-i18n";
+import { useI18n as c } from "vue-i18n";
 /* empty css                             */
 /* empty css                              */
-import n from "../HappyFlowComponents/ui/LogoV3.vue.js";
-import { PhInfo as r } from "@phosphor-icons/vue";
-import l from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import p from "../HappyFlowComponents/ui/Illustration.vue.js";
-import { resolveComponent as c, createElementBlock as _, openBlock as m, createElementVNode as t, toDisplayString as e, createVNode as g } from "vue";
+import p from "../HappyFlowComponents/ui/LogoV3.vue.js";
+import { PhInfo as m } from "@phosphor-icons/vue";
+import _ from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import g from "../HappyFlowComponents/ui/Card.vue.js";
+import u from "../HappyFlowComponents/ui/Illustration.vue.js";
+import { resolveComponent as o, createElementBlock as f, openBlock as h, createElementVNode as e, createVNode as n, toDisplayString as a, withCtx as s, createTextVNode as V } from "vue";
 /* empty css                          */
-import u from "../../_virtual/_plugin-vue_export-helper.js";
-const h = {
+import P from "../../_virtual/_plugin-vue_export-helper.js";
+const v = {
   components: {
-    LogoV3: n,
-    PhInfo: r,
-    ButtonV3: l,
-    Illustration: p
+    LogoV3: p,
+    PhInfo: m,
+    ButtonV3: _,
+    Illustration: u,
+    Card: g
   },
   methods: {
-    navTrigger(s) {
-      this.$emit("handleNav", s);
+    navTrigger(t) {
+      this.$emit("handleNav", t);
     }
   },
   setup() {
-    const { t: s } = i();
+    const { t } = c();
     return {
-      t: s,
+      t,
       goBack: () => {
       },
       startProcess: () => {
       }
     };
   }
-}, V = { class: "dpiV3_Wizard-Intro V3-typography" }, f = { class: "dpiV3_Content" }, v = { class: "dpiV3_Frame_38" }, P = { class: "dpiV3_Frame_50" }, $ = { class: "dpiV3_title" }, y = { class: "copy-large-regular dpiV3_large_text" }, I = { class: "dpiV3_Card_Tips" }, k = { class: "dpiV3_Icon_Title" }, B = { class: "dpiV3_Info-Text copy-large-semi-bold" }, C = { class: "dpiV3_CT-Content" }, T = { class: "copy-small-semi-bold dpiV3_bold-text" }, b = { class: "copy-small-regular dpiV3_regular-text" }, x = { class: "copy-large-regular dpiV3_regular-text" };
-function q(s, o, a, F, N, z) {
-  const d = c("PhInfo");
-  return m(), _("div", V, [
-    t("div", f, [
-      t("div", v, [
-        t("div", P, [
-          t("h4", $, e(s.$t("message.dataupload.datasets.landingPage.title")), 1),
-          t("div", y, e(s.$t("message.dataupload.datasets.landingPage.intro-text")), 1)
+}, $ = { class: "dpiV3_Wizard-Intro V3-typography" }, y = { class: "dpiV3_Content" }, I = { class: "dpiV3_Frame_38" }, C = { class: "dpiV3_Frame_50" }, k = { class: "dpiV3_title" }, B = { class: "copy-large-regular dpiV3_large_text" }, N = { class: "copy-small-semi-bold" }, q = { class: "copy-small-regular" }, x = { class: "copy-large-regular dpiV3_regular-text" };
+function F(t, r, d, w, z, E) {
+  const i = o("PhInfo"), l = o("Card");
+  return h(), f("div", $, [
+    e("div", y, [
+      e("div", I, [
+        e("div", C, [
+          e("h4", k, a(t.$t("message.dataupload.datasets.landingPage.title")), 1),
+          e("div", B, a(t.$t("message.dataupload.datasets.landingPage.intro-text")), 1)
         ]),
-        t("div", I, [
-          t("div", k, [
-            g(d, {
+        n(l, { variant: "default" }, {
+          icon: s(() => [
+            n(i, {
               size: 32,
               color: "#009fe3"
-            }),
-            t("div", B, e(s.$t("message.dataupload.datasets.landingPage.requirements-title")), 1)
+            })
           ]),
-          t("ul", C, [
-            t("li", null, [
-              t("span", T, e(s.$t(
-                "message.dataupload.datasets.landingPage.requirements-link"
-              )), 1),
-              t("span", b, e(s.$t(
-                "message.dataupload.datasets.landingPage.requirements-text"
-              )), 1)
+          title: s(() => [
+            V(a(t.$t("message.dataupload.datasets.landingPage.requirements-title")), 1)
+          ]),
+          default: s(() => [
+            e("ul", null, [
+              e("li", null, [
+                e("span", N, a(t.$t(
+                  "message.dataupload.datasets.landingPage.requirements-link"
+                )), 1),
+                e("span", q, a(t.$t(
+                  "message.dataupload.datasets.landingPage.requirements-text"
+                )), 1)
+              ])
             ])
-          ])
-        ]),
-        t("div", x, e(s.$t("message.dataupload.datasets.landingPage.start-message")), 1)
+          ]),
+          _: 1
+        }),
+        e("div", x, a(t.$t("message.dataupload.datasets.landingPage.start-message")), 1)
       ])
     ])
   ]);
 }
-const J = /* @__PURE__ */ u(h, [["render", q], ["__scopeId", "data-v-d700b302"]]);
+const K = /* @__PURE__ */ P(v, [["render", F], ["__scopeId", "data-v-c787c86f"]]);
 export {
-  J as default
+  K as default
 };

package/dist/data-provider-interface/components/InputPageStep.vue.js

@@ -17,10 +17,10 @@ const k = /* @__PURE__ */ i({
         class: u({ activeSection: o.value })
       }, [
         v(p, {
-          type: "group",
           id: e.name,
-          name: e.name,
-          ref: e.name
+          ref: e.name,
+          type: "group",
+          name: e.name
         }, {
           default: f(() => [
             S(r.$slots, "default")

package/dist/data-provider-interface/components/ProgressSteps.vue.js

@@ -1,7 +1,7 @@
 import o from "./ProgressSteps.vue2.js";
 /* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1c5f25e6"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-103ff804"]]);
 export {
   p as default
 };

package/dist/data-provider-interface/components/ProgressSteps.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, mergeModels as B, computed as f, useModel as k, createElementBlock as l, openBlock as c, Fragment as S, renderList as x, withDirectives as i, createElementVNode as s, vModelCheckbox as y, unref as a, normalizeClass as C, toDisplayString as M, vShow as m } from "vue";
+import { defineComponent as w, mergeModels as B, computed as f, useModel as k, createElementBlock as l, openBlock as i, Fragment as S, renderList as x, withDirectives as c, createElementVNode as s, vModelCheckbox as y, unref as a, normalizeClass as C, toDisplayString as M, vShow as m } from "vue";
 import { looseIndexOf as b } from "@vue/shared";
 import D from "../HappyFlowComponents/img/Circle.svg.js";
 import E from "../HappyFlowComponents/img/CircleFill.svg.js";
@@ -26,21 +26,28 @@ const F = { class: "progress-steps" }, U = ["value"], j = { class: "progress-ste
         const t = e.includes("/") ? e.split("/")[0] : e;
         n[t] || (n[t] = []), n[t].push(e);
       }), Object.entries(n).map(([e, t]) => ({ name: e, substeps: t }));
-    }), N = (n) => n.includes("/") ? n.split("/")[1] : n, g = (n) => !n.includes("/"), o = k(p, "checked");
+    });
+    function N(n) {
+      return n.includes("/") ? n.split("/")[1] : n;
+    }
+    function g(n) {
+      return !n.includes("/");
+    }
+    const o = k(p, "checked");
     function d(n) {
       return b(o.value, n) !== -1;
     }
     const u = k(p, "current");
-    return f(() => b(v.steps, u.value)), (n, e) => (c(), l("div", F, [
-      (c(!0), l(S, null, x(h.value, (t, O) => (c(), l("div", {
-        class: "progress-step",
-        key: t.name
+    return f(() => b(v.steps, u.value)), (n, e) => (i(), l("div", F, [
+      (i(!0), l(S, null, x(h.value, (t, O) => (i(), l("div", {
+        key: t.name,
+        class: "progress-step"
       }, [
-        i(s("input", {
+        c(s("input", {
+          "onUpdate:modelValue": e[0] || (e[0] = (r) => o.value = r),
           name: "progress-step",
           type: "checkbox",
           class: "progress-input",
-          "onUpdate:modelValue": e[0] || (e[0] = (r) => o.value = r),
           value: t.name
         }, null, 8, U), [
           [y, o.value]
@@ -56,21 +63,21 @@ const F = { class: "progress-steps" }, U = ["value"], j = { class: "progress-ste
           }, M(t.name), 3)
         ]),
         s("div", I, [
-          i(s("div", L, e[2] || (e[2] = [
+          c(s("div", L, e[2] || (e[2] = [
             s("div", { class: "progress-step__content-line" }, null, -1)
           ]), 512), [
             [m, O < h.value.length - 1]
           ]),
-          i(s("div", P, [
-            (c(!0), l(S, null, x(t.substeps.filter((r) => !g(r)), (r, V) => (c(), l("div", {
-              class: "progress-step",
-              key: r
+          c(s("div", P, [
+            (i(!0), l(S, null, x(t.substeps.filter((r) => !g(r)), (r, V) => (i(), l("div", {
+              key: r,
+              class: "progress-step"
             }, [
-              i(s("input", {
+              c(s("input", {
+                "onUpdate:modelValue": e[1] || (e[1] = (_) => o.value = _),
                 name: "progress-step",
                 type: "checkbox",
                 class: "progress-input",
-                "onUpdate:modelValue": e[1] || (e[1] = (_) => o.value = _),
                 value: r
               }, null, 8, R), [
                 [y, o.value]
@@ -86,7 +93,7 @@ const F = { class: "progress-steps" }, U = ["value"], j = { class: "progress-ste
                 }, M(N(r)), 3)
               ]),
               s("div", G, [
-                i(s("div", H, e[3] || (e[3] = [
+                c(s("div", H, e[3] || (e[3] = [
                   s("div", { class: "progress-step__content-line" }, null, -1)
                 ]), 512), [
                   [m, V < t.substeps.filter((_) => !g(_)).length - 1]

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

@@ -0,0 +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-8eb9e37a"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,54 @@
+import { defineComponent as d, inject as g, toRef as b, computed as V, createElementBlock as _, openBlock as y, createVNode as o, nextTick as h } from "vue";
+import { getNode as x } from "@formkit/core";
+import { useFormValues as C } from "../composables/useDpiFormValues.js";
+import r from "../HappyFlowComponents/ui/ButtonV3.vue.js";
+import { dpiStepperKey as N } from "../utils/injectionKeys.js";
+const S = { class: "step-actions" }, E = /* @__PURE__ */ d({
+  __name: "StepActionsSection",
+  setup(k) {
+    const { formValues: s } = C(), t = g(N);
+    t || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
+    function u(e) {
+      return e !== void 0;
+    }
+    const c = b(t == null ? void 0 : t.steps);
+    function a(e) {
+      var i;
+      const n = (i = c.value) == null ? void 0 : i[e];
+      return n ? n.valid : !1;
+    }
+    function l() {
+      a((t == null ? void 0 : t.activeStep.value) || "") && (t == null || t.goToNextStep());
+    }
+    function f() {
+      t == null || t.goToPreviousStep();
+    }
+    const m = V(() => t != null && t.activeStep.value ? x(t == null ? void 0 : t.activeStep.value) : null);
+    async function v() {
+      if (!u(t))
+        return;
+      t.triggerValidationCurrentStep(), await h(), (m.value ? !a((t == null ? void 0 : t.activeStep.value) || "") : !1) && (t == null || t.triggerValidationCurrentStep()), t != null && t.isLast.value ? window.alert(`Form submitted: ${JSON.stringify(s.value, null, 2)}`) : l();
+    }
+    return (e, n) => (y(), _("div", S, [
+      o(r, {
+        variant: "tertiary",
+        type: "button",
+        "button-text": "Abbrechen"
+      }),
+      o(r, {
+        variant: "secondary",
+        type: "button",
+        "button-text": "Zurück",
+        onClick: f
+      }),
+      o(r, {
+        type: "button",
+        "button-text": "Weiter",
+        onClick: v
+      })
+    ]));
+  }
+});
+export {
+  E as default
+};