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

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/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
+};

package/dist/data-provider-interface/composables/useDpiStepper.js

@@ -1,86 +1,96 @@
-import { ref as G, computed as i, provide as H } from "vue";
-import { useStepper as J } from "@vueuse/core";
+import { useStepper as G } from "@vueuse/core";
+import { ref as H, computed as i, provide as J } from "vue";
 import { dpiStepperKey as M } from "../utils/injectionKeys.js";
 import O from "../utils/useSteps.js";
 function X() {
-  const { steps: p, activeStep: o, stepPlugin: c, visitedSteps: v, subSteps: a, triggerValidation: g, triggerValidationCurrentStep: l } = O(), s = G([]), e = J(s, o.value), r = () => {
+  const { steps: p, activeStep: o, stepPlugin: y, visitedSteps: B, subSteps: h, triggerValidation: u, triggerValidationCurrentStep: n } = O(), s = H([]), e = G(s, o.value), r = () => {
     e.current.value && e.current.value !== o.value && (o.value = e.current.value);
-  }, u = (t) => {
+  }, c = (t) => {
     s.value.includes(t) || (s.value.push(t), s.value.length === 1 && !o.value && (o.value = t, e.goTo(t)));
-  }, S = () => {
+  }, v = () => {
     e.goToNext(), r();
-  }, T = () => {
+  }, a = () => {
     e.goToPrevious(), r();
-  }, f = (t) => {
+  }, A = (t) => {
     e.goTo(t), r();
-  }, x = (t) => {
-    const n = e.at(t);
-    n && (e.goTo(n), r());
-  }, d = i(() => e.index.value), m = i(() => e.previous.value || ""), P = i(() => e.next.value || "");
-  H(M, {
+  }, C = (t) => {
+    const P = e.at(t);
+    P && (e.goTo(P), r());
+  }, I = i(() => e.index.value), L = i(() => e.previous.value || ""), N = i(() => e.next.value || ""), {
+    steps: V,
+    stepNames: b,
+    index: k,
+    current: D,
+    next: F,
+    previous: K,
+    isFirst: j,
+    isLast: g,
+    at: q,
+    get: w,
+    goTo: l,
+    goToNext: z,
+    goToPrevious: E,
+    goBackTo: S,
+    isNext: T,
+    isPrevious: f,
+    isCurrent: x,
+    isBefore: d,
+    isAfter: m
+  } = e;
+  return J(M, {
     steps: p,
     activeStep: o,
-    registerStep: u
-  });
-  const {
-    steps: y,
-    stepNames: B,
-    index: h,
-    current: A,
-    next: C,
-    previous: I,
-    isFirst: L,
-    isLast: N,
-    at: V,
-    get: b,
-    goTo: k,
-    goToNext: D,
-    goToPrevious: F,
-    goBackTo: K,
-    isNext: j,
-    isPrevious: q,
-    isCurrent: w,
-    isBefore: z,
-    isAfter: E
-  } = e;
-  return {
+    registerStep: c,
+    goTo: l,
+    goToNextStep: v,
+    goToPreviousStep: a,
+    goBackTo: S,
+    isNext: T,
+    isPrevious: f,
+    isCurrent: x,
+    isBefore: d,
+    isAfter: m,
+    triggerValidation: u,
+    triggerValidationCurrentStep: n,
+    isLast: g
+  }), {
     // Original API for backward compatibility (form validation steps)
     steps: p,
-    subSteps: a,
+    subSteps: h,
     activeStep: o,
-    activeStepIndex: d,
-    previousStep: m,
-    nextStep: P,
-    visitedSteps: v,
-    stepPlugin: c,
+    activeStepIndex: I,
+    previousStep: L,
+    nextStep: N,
+    visitedSteps: B,
+    stepPlugin: y,
     stepList: s,
-    registerStep: u,
-    goToNextStep: S,
-    goToPreviousStep: T,
-    goToStep: f,
-    goToStepByIndex: x,
-    triggerValidation: g,
-    triggerValidationCurrentStep: l,
+    registerStep: c,
+    goToNextStep: v,
+    goToPreviousStep: a,
+    goToStep: A,
+    goToStepByIndex: C,
+    triggerValidation: u,
+    triggerValidationCurrentStep: n,
     // Extended useStepper utilities
-    stepperSteps: y,
-    stepNames: B,
-    index: h,
-    current: A,
-    next: C,
-    previous: I,
-    isFirst: L,
-    isLast: N,
-    at: V,
-    get: b,
-    goTo: k,
-    goToNext: D,
-    goToPrevious: F,
-    goBackTo: K,
-    isNext: j,
-    isPrevious: q,
-    isCurrent: w,
-    isBefore: z,
-    isAfter: E
+    stepperSteps: V,
+    stepNames: b,
+    index: k,
+    current: D,
+    next: F,
+    previous: K,
+    isFirst: j,
+    isLast: g,
+    at: q,
+    get: w,
+    goTo: l,
+    goToNext: z,
+    goToPrevious: E,
+    goBackTo: S,
+    isNext: T,
+    isPrevious: f,
+    isCurrent: x,
+    isBefore: d,
+    isAfter: m
   };
 }
 export {

package/dist/data-provider-interface/utils/injectionKeys.js

@@ -1,4 +1,3 @@
-import "vue";
 const e = Symbol("dpiStepperKey");
 export {
   e as dpiStepperKey