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

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

@@ -1,12 +1,13 @@
-import { defineComponent as j, mergeModels as M, computed as l, ref as I, useModel as H, watch as R, createBlock as U, openBlock as k, unref as m, createSlots as Q, withCtx as P, createElementVNode as G, createTextVNode as J, createCommentVNode as K, toDisplayString as W, renderSlot as X } from "vue";
-import { PhSpinner as Y } from "@phosphor-icons/vue";
-import { defineHubSearch as Z } from "@piveau/sdk-vue";
-import { useDebounce as _ } from "@vueuse/core";
-import w from "zod";
-import ee from "./Autocomplete.vue.js";
-const re = { class: "autocomplete-vocab__label" }, ie = /* @__PURE__ */ j({
+import { defineComponent as Q, mergeModels as M, computed as l, ref as B, useModel as G, watch as A, createBlock as D, openBlock as I, unref as m, createSlots as J, withCtx as P, createElementVNode as K, createTextVNode as W, createCommentVNode as X, toDisplayString as Y, renderSlot as Z } from "vue";
+import { PhSpinner as w } from "@phosphor-icons/vue";
+import { defineHubSearch as ee } from "@piveau/sdk-vue";
+import { useDebounce as R } from "@vueuse/core";
+import re from "zod";
+import oe from "./Autocomplete.vue.js";
+const le = { class: "autocomplete-vocab__label" }, de = /* @__PURE__ */ Q({
   __name: "AutocompleteVocab",
   props: /* @__PURE__ */ M({
+    by: { default: "" },
     baseUrl: { default: "https://staging.bydata.de/api/hub/search" },
     vocabulary: {},
     resource: {},
@@ -15,102 +16,113 @@ const re = { class: "autocomplete-vocab__label" }, ie = /* @__PURE__ */ j({
     errorMessage: { default: "" },
     name: { default: "" },
     setupFn: {},
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    isAutocompleteDisabled: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: () => "" },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ M(["select"], ["update:modelValue"]),
-  setup(f, { emit: $ }) {
-    const t = f, B = $, i = l(() => !!t.vocabulary), C = l(() => t.resource === "dataset" ? "dataset" : i.value ? "vocabulary" : "resource"), D = l(() => t.resource === "dataset" ? "datasets" : i.value ? "vocabularies" : `resources/${t.resource}`), { useSearch: E, useResource: F } = Z({
-      baseUrl: t.baseUrl,
-      index: C.value,
-      indexDetails: D.value,
-      schema: w.any()
+  setup(b, { emit: U }) {
+    const o = b, k = U, u = l(() => !!o.vocabulary), v = l(() => o.by || u.value ? "vocabulary" : "resource"), E = l(() => o.resource === "dataset" ? "dataset" : u.value ? "vocabulary" : v.value), _ = l(() => o.resource === "dataset" ? "datasets" : u.value ? "vocabularies" : v.value === "resource" ? `resources/${o.resource}` : "vocabularies"), $ = l(() => !o.isAutocompleteDisabled && !!(o.resource || o.vocabulary)), { useSearch: C, useResource: F } = ee({
+      baseUrl: o.baseUrl,
+      index: E.value,
+      indexDetails: _.value,
+      schema: re.any()
     }, (e) => {
-      var d, V, q;
-      const r = (d = t.setupFn) == null ? void 0 : d.call(t, e), a = String((r == null ? void 0 : r.id) || (e == null ? void 0 : e.resource) || ""), u = String((r == null ? void 0 : r.name) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.de) || ((q = e == null ? void 0 : e.pref_label) == null ? void 0 : q.en) || "");
+      var d, q, V;
+      const r = (d = o.setupFn) == null ? void 0 : d.call(o, e), a = String((r == null ? void 0 : r.id) || (e == null ? void 0 : e.resource) || ""), n = String((r == null ? void 0 : r.name) || ((q = e == null ? void 0 : e.pref_label) == null ? void 0 : q.de) || ((V = e == null ? void 0 : e.pref_label) == null ? void 0 : V.en) || "");
       return {
         ...r,
         id: a,
-        name: u
+        name: n
       };
-    }), v = I(""), L = _(v, 300), p = l(() => t.vocabulary), { getSearchResultsEnhanced: N } = E({
+    }), f = B(""), L = R(f, 300), N = l(() => o.vocabulary), { getSearchResultsEnhanced: O } = C({
+      queryOptions: {
+        enabled: $
+      },
       queryParams: {
         q: L,
         limit: 12,
-        ...p.value ? { vocabulary: p.value } : { resource: t.resource }
-      }
-    }), o = H(f, "modelValue"), b = l(() => !(!o.value || typeof o.value == "string")), x = l(() => typeof o.value == "string");
-    function n(e) {
+        // ...vocabularyRef.value
+        //   ? { vocabulary: vocabularyRef }
+        //   : { resource: props.resource },
+        vocabulary: l(() => u.value ? N.value : "")
+        // resource: computed(() => props.resource || ''),
+      },
+      additionalParams: l(() => ({
+        resource: v.value === "resource" ? o.resource : ""
+      }))
+    }), t = G(b, "modelValue"), p = l(() => !(!t.value || typeof t.value == "string")), x = l(() => typeof t.value == "string");
+    function i(e) {
       return String(e ?? "").trim();
     }
     const c = l(() => {
       var e;
-      return typeof o.value == "string" ? n(o.value) : n((e = o.value) == null ? void 0 : e.id);
-    }), y = l(() => x.value && !!c.value), z = l(() => y.value ? i.value ? `${t.vocabulary}/vocable` : c.value : ""), A = l(() => i.value ? { resource: c.value } : {}), {
-      resultEnhanced: O,
-      isSuccess: oe,
-      isLoading: T
+      return typeof t.value == "string" ? i(t.value) : i((e = t.value) == null ? void 0 : e.id);
+    }), y = l(() => x.value && !!c.value), z = l(() => y.value ? u.value ? `${o.vocabulary}/vocable` : c.value : ""), T = l(() => u.value ? { resource: c.value } : {}), {
+      resultEnhanced: j,
+      isSuccess: te,
+      isLoading: H
     } = F(z, {
-      additionalParams: A,
+      additionalParams: T,
       queryOptions: {
         enabled: y
       }
-    }), g = _(T, 350), s = I(), h = l({
+    }), g = R(H, 350), s = B(), h = l({
       get: () => {
-        var a, u;
+        var a, n;
         const e = c.value;
         if (!e)
           return { id: "", name: "" };
-        const r = typeof o.value == "object" && o.value !== null ? o.value.name : n((a = s.value) == null ? void 0 : a.id) === e ? ((u = s.value) == null ? void 0 : u.name) ?? "" : "";
+        const r = typeof t.value == "object" && t.value !== null ? t.value.name : i((a = s.value) == null ? void 0 : a.id) === e ? ((n = s.value) == null ? void 0 : n.name) ?? "" : "";
         return { id: e, name: r };
       },
       set: (e) => {
         if (!e) {
-          s.value = void 0, o.value = "";
+          s.value = void 0, t.value = "";
           return;
         }
         if (typeof e == "string") {
-          s.value = void 0, o.value = e.trim();
+          s.value = void 0, t.value = e.trim();
           return;
         }
-        s.value = e, o.value = n(e.id);
+        s.value = e, t.value = i(e.id);
       }
     });
-    return R(O, (e, r) => {
-      e && (r && r.id === e.id || (s.value = e, b.value && (o.value = e), b.value || (o.value = n(e.id))));
-    }, { immediate: !0 }), R(s, (e) => {
-      e && B("select", e);
-    }, { immediate: !0 }), (e, r) => (k(), U(ee, {
+    return A(j, (e, r) => {
+      e && (r && r.id === e.id || (s.value = e, p.value && (t.value = e), p.value || (t.value = i(e.id))));
+    }, { immediate: !0 }), A(s, (e) => {
+      e && k("select", e);
+    }, { immediate: !0 }), (e, r) => (I(), D(oe, {
       modelValue: h.value,
       "onUpdate:modelValue": r[0] || (r[0] = (a) => h.value = a),
-      query: v.value,
-      "onUpdate:query": r[1] || (r[1] = (a) => v.value = a),
-      options: m(N) || [],
+      query: f.value,
+      "onUpdate:query": r[1] || (r[1] = (a) => f.value = a),
+      options: m(O) || [],
       label: e.label,
       "error-message": e.errorMessage,
       placeholder: e.placeholder,
       name: e.name,
-      disabled: m(g) || t.disabled
-    }, Q({
+      disabled: m(g) || o.disabled
+    }, J({
       label: P(() => [
-        G("div", re, [
-          J(W(e.label) + " ", 1),
-          m(g) ? (k(), U(m(Y), {
+        K("div", le, [
+          W(Y(e.label) + " ", 1),
+          m(g) ? (I(), D(m(w), {
             key: 0,
             class: "animate-spin"
-          })) : K("", !0)
+          })) : X("", !0)
         ])
       ]),
       _: 2
     }, [
       e.$slots.option ? {
         name: "option",
-        fn: P(({ option: a, active: u, selected: S, disabled: d }) => [
-          X(e.$slots, "option", {
+        fn: P(({ option: a, active: n, selected: S, disabled: d }) => [
+          Z(e.$slots, "option", {
             option: a,
-            active: u,
+            active: n,
             selected: S,
             disabled: d
           }, void 0, !0)
@@ -121,5 +133,5 @@ const re = { class: "autocomplete-vocab__label" }, ie = /* @__PURE__ */ j({
   }
 });
 export {
-  ie as default
+  de as default
 };

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

@@ -1,29 +1,29 @@
-import { ref as a, computed as u, createElementBlock as c, openBlock as p, createElementVNode as e, createVNode as n, unref as r, withCtx as i, createTextVNode as m } from "vue";
-import { FormKit as d } from "@formkit/vue";
+import { ref as a, computed as c, createElementBlock as u, openBlock as p, createElementVNode as e, createVNode as n, unref as r, withCtx as i, createTextVNode as d } from "vue";
+import { FormKit as m } from "@formkit/vue";
 import { PhLightbulb as h } from "@phosphor-icons/vue";
 import g from "../../../components/StepActionsSection.vue.js";
 import f from "../Card.vue.js";
-import _ from "../TextArea/TextAreaDefinition.js";
+import z from "../TextArea/TextAreaDefinition.js";
 /* empty css                            */
-import b from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" }, v = { class: "funny-flex" }, y = { class: "funny-section" }, w = { class: "funny-section" }, x = 500, P = {
+import _ from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" }, v = { class: "funny-flex" }, y = { class: "funny-section" }, w = { class: "funny-section" }, x = 500, P = {
   __name: "ProjectDescriptionStep",
-  setup(j) {
-    const s = a(""), o = u(() => s.value.length);
-    return (S, t) => (p(), c("div", z, [
+  setup(S) {
+    const s = a(""), o = c(() => s.value.length);
+    return (j, t) => (p(), u("div", b, [
       e("section", k, [
         e("div", v, [
           t[1] || (t[1] = e("h4", null, "Beschreiben Sie Ihr Projekt", -1)),
           t[2] || (t[2] = e("span", { class: "copy-large-regular" }, " Beschreiben Sie die wichtigsten Inhalte Ihres Projekts in wenigen, klaren Sätzen, damit interessierte Personen schnell einschätzen können, ob das Projekt für sie relevant ist. ", -1)),
-          n(r(d), {
+          n(r(m), {
             id: "projectDescription",
             modelValue: s.value,
             "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
             label: "Beschreibung",
-            type: r(_),
+            type: r(z),
             name: "projectDescription",
             "text-label": "Name",
-            placeholder: "Geben Sie Ihrem Projekt einen Namen.",
+            placeholder: "Beschreiben Sie Ihr Projekt in ein paar Sätzen.",
             validation: "required|length:0,500",
             hint: "true",
             help: `${o.value} von ${x} Zeichen`,
@@ -32,7 +32,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
         ])
       ]),
       e("section", y, [
-        n(g)
+        n(g, { class: "description-step" })
       ]),
       e("section", w, [
         n(f, { variant: "default" }, {
@@ -43,7 +43,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
             })
           ]),
           title: i(() => t[3] || (t[3] = [
-            m(" Beispiel ", -1)
+            d(" Beispiel ", -1)
           ])),
           default: i(() => [
             t[4] || (t[4] = e("div", { class: "copy-large-regular" }, [
@@ -59,7 +59,7 @@ const z = { class: "dpiV3_page V3-typography" }, k = { class: "funny-section" },
       ])
     ]));
   }
-}, F = /* @__PURE__ */ b(P, [["__scopeId", "data-v-9f4e9fc8"]]);
+}, F = /* @__PURE__ */ _(P, [["__scopeId", "data-v-83c496c5"]]);
 export {
   F as default
 };

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

@@ -2,8 +2,8 @@ import { createElementBlock as i, openBlock as o, createElementVNode as e, creat
 import { FormKit as l } from "@formkit/vue";
 import { PhLightbulb as u } from "@phosphor-icons/vue";
 import m from "../../../components/StepActionsSection.vue.js";
-import d from "../Card.vue.js";
-import c from "../InputField/InputFieldDefinition.js";
+import c from "../Card.vue.js";
+import d from "../InputField/InputFieldDefinition.js";
 /* empty css                     */
 import p from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, h = { class: "funny-flex" }, _ = { class: "funny-section" }, k = { class: "funny-section" }, b = {
@@ -15,7 +15,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
           t[0] || (t[0] = e("h4", null, " Geben Sie Ihrem Projekt einen Namen ", -1)),
           t[1] || (t[1] = e("span", { class: "copy-large-regular" }, "Ein aussagekräftiger Projektname bildet den ersten Grundstein für eine gute Auffindbarkeit Ihres Projekts.", -1)),
           n(s(l), {
-            type: s(c),
+            type: s(d),
             name: "projectName",
             "text-label": "Name",
             placeholder: "Geben Sie Ihrem Projekt einen Namen.",
@@ -25,10 +25,13 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
         ])
       ]),
       e("section", _, [
-        n(m)
+        n(m, {
+          "hide-cancel": "",
+          class: "project-name-step-actions"
+        })
       ]),
       e("section", k, [
-        n(d, { variant: "default" }, {
+        n(c, { variant: "default" }, {
           icon: r(() => [
             n(s(u), {
               size: 32,
@@ -52,7 +55,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
       ])
     ]));
   }
-}, E = /* @__PURE__ */ p(b, [["__scopeId", "data-v-dfd03fa8"]]);
+}, E = /* @__PURE__ */ p(b, [["__scopeId", "data-v-90d0d90c"]]);
 export {
   E as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as o, withCtx as i, createTextVNode as r, unref as s } from "vue";
+import { defineComponent as f, createElementBlock as c, openBlock as u, createElementVNode as e, createCommentVNode as g, renderSlot as h, toDisplayString as a, createVNode as o, withCtx as s, createTextVNode as r, unref as i } from "vue";
 import { FormKit as l } from "@formkit/vue";
 import { PhLightbulb as p } from "@phosphor-icons/vue";
 import _ from "../../../../stories/components/PartnerCard.vue.js";
@@ -8,7 +8,7 @@ import d from "../InputField/InputFieldDefinition.js";
 const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, k = { class: "funny-flex" }, S = { class: "funny-section" }, P = { class: "contact-container" }, z = { class: "contact-title" }, D = { class: "contact-wrapper" }, A = ["src"], N = { class: "contact-grid" }, w = { class: "contact-col" }, C = { class: "copy-large-regular" }, E = { class: "copy-large-regular" }, B = { class: "contact-col" }, O = { class: "copy-large-regular" }, V = ["href"], M = {
   key: 0,
   class: "funny-section"
-}, T = { class: "funny-section" }, W = { class: "funny-flex" }, j = { class: "funny-section" }, G = { class: "funny-flex" }, I = { class: "funny-section" }, F = { class: "funny-flex" }, Q = /* @__PURE__ */ f({
+}, T = { class: "funny-section" }, W = { class: "funny-flex" }, j = { class: "funny-section" }, G = { class: "funny-section" }, I = { class: "funny-flex" }, J = /* @__PURE__ */ f({
   __name: "ProjectOrganisationStep",
   props: {
     isWip: { type: Boolean },
@@ -19,7 +19,7 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
     phone: {},
     email: {}
   },
-  setup(K) {
+  setup(F) {
     return (t, n) => (u(), c("div", b, [
       e("section", v, [
         e("div", k, [
@@ -56,16 +56,16 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
       ]),
       t.isWip ? (u(), c("section", M, [
         o(m, null, {
-          title: i(() => n[2] || (n[2] = [
+          title: s(() => n[2] || (n[2] = [
             r(" Work-in-Progress ", -1)
           ])),
-          icon: i(() => [
-            o(s(p), {
+          icon: s(() => [
+            o(i(p), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          default: i(() => [
+          default: s(() => [
             n[3] || (n[3] = r(" Organisation card above is WIP ", -1))
           ]),
           _: 1,
@@ -77,29 +77,30 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
           n[4] || (n[4] = e("h5", null, "Projektkontakt (optional)", -1)),
           n[5] || (n[5] = e("span", { class: "copy-large-regular" }, " Bitte nennen Sie eine allgemeine E-Mail-Adresse oder Funktionsadresse, unter der interessierte Personen Rückfragen zum Projekt stellen können. Bitte geben Sie keine personenbezogenen Daten an. ", -1)),
           o(_, null, {
-            default: i(() => [
-              o(s(l), {
+            default: s(() => [
+              o(i(l), {
                 type: "group",
                 name: "contact"
               }, {
-                default: i(() => [
-                  o(s(l), {
-                    type: s(d),
+                default: s(() => [
+                  o(i(l), {
+                    type: i(d),
                     name: "name",
                     "text-label": "Name",
                     placeholder: "Geben Sie einen Namen an.",
-                    "validation-label": "Name"
+                    "validation-label": "Name",
+                    "validation-visibility": "submit"
                   }, null, 8, ["type"]),
-                  o(s(l), {
-                    type: s(d),
+                  o(i(l), {
+                    type: i(d),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
                     placeholder: "Geben Sie eine E-Mail-Adresse an.",
                     validation: "email",
                     "validation-label": "E-Mail-Adresse"
                   }, null, 8, ["type"]),
-                  o(s(l), {
-                    type: s(d),
+                  o(i(l), {
+                    type: i(d),
                     name: "phone",
                     "text-label": "Telefonnummer",
                     placeholder: "Geben Sie eine Telefonnummer an.",
@@ -115,23 +116,21 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
         ])
       ]),
       e("section", j, [
-        e("div", G, [
-          o(y)
-        ])
+        o(y)
       ]),
-      e("section", I, [
-        e("div", F, [
+      e("section", G, [
+        e("div", I, [
           o(m, { variant: "default" }, {
-            icon: i(() => [
-              o(s(p), {
+            icon: s(() => [
+              o(i(p), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
-            title: i(() => n[6] || (n[6] = [
+            title: s(() => n[6] || (n[6] = [
               r(" Wichtig! ", -1)
             ])),
-            default: i(() => [
+            default: s(() => [
               n[7] || (n[7] = e("div", { class: "copy-large-regular" }, [
                 e("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
                 e("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
@@ -147,5 +146,5 @@ const b = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
   }
 });
 export {
-  Q as default
+  J as default
 };

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

@@ -4,13 +4,13 @@ import c from "../../../components/StepActionsSection.vue.js";
 import p from "../ListBox/ListBoxDefinition.js";
 /* empty css                       */
 import u from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const d = { class: "dpiV3_page V3-typography" }, f = { class: "funny-section" }, m = { class: "funny-flex" }, _ = { class: "funny-section" }, h = {
+const d = { class: "dpiV3_page V3-typography" }, m = { class: "funny-section" }, f = { class: "funny-flex" }, _ = { class: "funny-section" }, h = {
   __name: "ProjectStatusStep",
-  setup(S) {
-    const n = r(["Offen", "In Arbeit", "Abgeschlossen"]);
-    return (b, t) => (a(), i("div", d, [
-      e("section", f, [
-        e("div", m, [
+  setup(g) {
+    const n = r(["In Planung", "In Arbeit", "Abgeschlossen"]);
+    return (P, t) => (a(), i("div", d, [
+      e("section", m, [
+        e("div", f, [
           t[0] || (t[0] = e("h4", null, " Legen Sie den Status Ihres Projekts fest ", -1)),
           t[1] || (t[1] = e("span", { class: "copy-large-regular" }, "Ist Ihr Projekt noch in Planung, in Arbeit oder bereits abgeschlossen?", -1)),
           o(s(l), {
@@ -29,7 +29,7 @@ const d = { class: "dpiV3_page V3-typography" }, f = { class: "funny-section" },
       ])
     ]));
   }
-}, x = /* @__PURE__ */ u(h, [["__scopeId", "data-v-4e2fe302"]]);
+}, I = /* @__PURE__ */ u(h, [["__scopeId", "data-v-fe681f1d"]]);
 export {
-  x as default
+  I as default
 };

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

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

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

@@ -1,32 +1,32 @@
-import { defineComponent as B, ref as g, computed as D, inject as L, createElementBlock as _, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as p, unref as o, withCtx as i, Fragment as P, renderList as I, createBlock as m, createCommentVNode as b } from "vue";
+import { defineComponent as B, ref as g, computed as D, inject as P, createElementBlock as S, openBlock as s, createElementVNode as t, createVNode as n, createTextVNode as p, unref as o, withCtx as i, Fragment as L, renderList as I, createBlock as m, createCommentVNode as b } from "vue";
 import { FormKit as v } from "@formkit/vue";
-import { PhLightbulb as z } from "@phosphor-icons/vue";
+import { PhLightbulb as _ } from "@phosphor-icons/vue";
 import N from "../../../../stories/components/LinkCard.vue.js";
 import T from "../../../components/StepActionsSection.vue.js";
+import { dpiStepperKey as W } from "../../../utils/injectionKeys.js";
 import a from "../ButtonV3.vue.js";
-import S from "../Card.vue.js";
-import W from "../TextArea/TextAreaDefinition.js";
-import { dpiStepperKey as E } from "../../../utils/injectionKeys.js";
+import z from "../Card.vue.js";
+import E from "../TextArea/TextAreaDefinition.js";
 const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" }, M = { class: "funny-section" }, R = {
   id: "partners-section",
   class: "funny-section"
 }, Z = { class: "partner-cards-container" }, $ = { class: "action-container" }, j = { class: "step-actions__prev-and-next" }, A = { class: "actions" }, G = { class: "funny-section" }, U = 1e3, ie = /* @__PURE__ */ B({
   __name: "BasicInformationStep",
-  setup(O) {
+  setup(q) {
     const f = g(""), k = g([]);
     g([]);
     const w = D(() => {
       var h;
       return ((h = f.value) == null ? void 0 : h.length) || 0;
-    }), y = L(E);
+    }), y = P(W);
     function C() {
       if (!y) {
         console.warn("dpiStepper is not provided");
         return;
       }
-      y.goTo("2. Datenverarbeitung/Grundlegende Informationen");
+      y.goToStep("2. Datenverarbeitung/Grundlegende Informationen");
     }
-    return (h, e) => (s(), _("div", F, [
+    return (h, e) => (s(), S("div", F, [
       e[8] || (e[8] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Beschreiben Sie den Prozessschritt zur Datenerfassung"),
@@ -44,11 +44,11 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
           "onUpdate:modelValue": e[0] || (e[0] = (r) => f.value = r),
           class: "budgetArea",
           label: "Beschreibung",
-          type: o(W),
+          type: o(E),
           name: "description",
           "text-label": "Beschreibung",
           placeholder: "Beschreiben Sie kurz Ihr Vorgehen, Ziel und Ergebnis des Prozessschritts.",
-          validation: "length:0,1000",
+          validation: "required|length:0,1000",
           "validation-visibility": "live",
           hint: "true",
           help: `${w.value} von ${U} Zeichen`,
@@ -56,9 +56,9 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
         }, null, 8, ["modelValue", "type", "help"])
       ]),
       t("section", M, [
-        n(S, { variant: "default" }, {
+        n(z, { variant: "default" }, {
           icon: i(() => [
-            n(o(z), {
+            n(o(_), {
               size: 32,
               color: "#009fe3"
             })
@@ -85,7 +85,7 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
             dynamic: ""
           }, {
             default: i(({ items: r, node: l, value: u }) => [
-              (s(!0), _(P, null, I(r, (d, c) => (s(), m(o(v), {
+              (s(!0), S(L, null, I(r, (d, c) => (s(), m(o(v), {
                 key: d,
                 type: "group",
                 index: c
@@ -121,7 +121,7 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
         ])
       ]),
       n(T, {
-        classList: "step-container",
+        "class-list": "step-container",
         "next-text": "Weiter zu Software"
       }, {
         "prev-and-next": i(({
@@ -146,9 +146,9 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
                 key: 1,
                 variant: "secondary",
                 size: "large",
-                onClick: C,
                 "button-text": "Weiter ohne Datenerfassung",
-                "icon-end": "CaretRight"
+                "icon-end": "CaretRight",
+                onClick: C
               }))
             ]),
             l ? b("", !0) : (s(), m(a, {
@@ -165,9 +165,9 @@ const F = { class: "dpiV3_page V3-typography" }, K = { class: "funny-section" },
         _: 1
       }),
       t("section", G, [
-        n(S, { variant: "default" }, {
+        n(z, { variant: "default" }, {
           icon: i(() => [
-            n(o(z), {
+            n(o(_), {
               size: 32,
               color: "#009fe3"
             })

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

@@ -1,7 +1,7 @@
 import o from "./BasicInformationStep.vue2.js";
 /* empty css                          */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fad02306"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b22c0cd1"]]);
 export {
-  f as default
+  s as default
 };