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

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

@@ -1,98 +1,122 @@
-import { defineComponent as V, ref as l, computed as i, watch as P, createElementBlock as d, openBlock as o, createElementVNode as s, createVNode as c, withCtx as I, unref as u, createStaticVNode as D, Fragment as H, renderList as T, createBlock as w } from "vue";
-import { useDebounce as x } from "@vueuse/core";
+import { defineComponent as H, ref as b, computed as i, watch as C, createElementBlock as n, openBlock as s, createElementVNode as o, createBlock as g, resolveDynamicComponent as N, unref as r, withCtx as x, createVNode as B, createStaticVNode as L, Fragment as U, renderList as R } from "vue";
+import { whenever as q, useDebounce as W } from "@vueuse/core";
 import "axios";
 import "jquery";
-import { useRouter as B } from "vue-router";
-import { useStore as C } from "vuex";
-import { useRuntimeEnv as L } from "../../composables/useRuntimeEnv.js";
-import N from "../../widgets/AppLink.vue.js";
-import { useProjectSearch as E } from "../composables/useTwinbyHome.js";
-import { formatDate as R } from "../utils/formatDate.js";
-import U from "./ui/ButtonV3.vue.js";
-import q from "./ui/TableRowV3.vue.js";
-const W = { class: "dpiV3_dpiHome V3-typography" }, z = { class: "dpiV3_homeHeadWrap" }, A = { class: "interactionButtonsDPIHome" }, F = { class: "dpiV3_table" }, K = {
+import { useRouter as $ } from "vue-router";
+import { useStore as z } from "vuex";
+import { useRuntimeEnv as F } from "../../composables/useRuntimeEnv.js";
+import { useErrorDialog as J } from "../composables/useErrorDialog.js";
+import { useProjectSearch as O } from "../composables/useTwinbyHome.js";
+import { useTwinbyUser as A } from "../composables/useTwinbyUser.js";
+import { formatDate as K } from "../utils/formatDate.js";
+import G from "./ui/ButtonV3.vue.js";
+import M from "./ui/TableRowV3.vue.js";
+const Q = { class: "dpiV3_dpiHome V3-typography" }, X = { class: "dpiV3_homeHeadWrap" }, Y = { class: "interactionButtonsDPIHome" }, Z = { class: "dpiV3_table" }, j = {
   key: 0,
   class: "loading-screen"
-}, $ = {
+}, ee = {
   key: 1,
   class: "dpiV3_innerTable"
-}, se = /* @__PURE__ */ V({
+}, fe = /* @__PURE__ */ H({
   __name: "ProjectTable",
-  setup(G) {
-    L();
-    const r = C();
-    B(), localStorage.getItem("dpi_duplicate"), l(""), i(() => r.getters["auth/getUserCatalogIds"]), l({
+  setup(ae) {
+    var p, v, f, h;
+    const u = F(), d = z();
+    $(), localStorage.getItem("dpi_duplicate"), b(""), i(() => d.getters["auth/getUserCatalogIds"]), b({
       loading: !1,
       message: "",
       confirm: () => null
     });
-    const p = i(() => r.getters["auth/getUserData"]);
-    i(() => p.value.rtpToken);
-    const m = (a) => r.dispatch("snackbar/showSnackbar", a), v = i(() => {
-      var a, e;
-      return (e = (a = r.getters) == null ? void 0 : a["auth/getUserData"]) == null ? void 0 : e.authToken;
-    }), { useSearch: b } = E("https://twin.bydata.de/api/hub/search"), f = i(() => ({
-      Authorization: `Bearer ${v.value}`
-    })), { getSearchResultsEnhanced: h, isLoading: g, query: _ } = b({
+    const k = i(() => d.getters["auth/getUserData"]);
+    i(() => k.value.rtpToken);
+    const w = (t) => d.dispatch("snackbar/showSnackbar", t), _ = i(() => {
+      var t, e;
+      return (e = (t = d.getters) == null ? void 0 : t["auth/getUserData"]) == null ? void 0 : e.authToken;
+    }), { useSearch: y } = O(u.api.baseUrl), m = i(() => ({
+      Authorization: `Bearer ${_.value}`
+    })), { getSearchResultsEnhanced: S, isLoading: P, query: V } = y({
       queryParams: {
         limit: 100
       },
       additionalParams: {
         resource: "project",
-        accessControlPermissions: "edit"
+        accessControlPermissions: "edit,publish,delete"
       },
-      headers: f
-    }), n = i(() => _.error.value), k = i(() => {
-      var a;
-      return (a = h.value) == null ? void 0 : a.map((e) => ({
+      headers: m
+    }), l = i(() => V.error.value), { openErrorDialog: D } = J();
+    q(l, () => {
+      if (!l.value)
+        return;
+      const t = new Error(`${JSON.stringify(l.value)}
+
+${JSON.stringify(m.value)}`);
+      D(t, "Fehler beim Laden der Projekte");
+    });
+    const { allowedToCreate: c } = A({
+      keycloak: ((v = (p = u.authentication) == null ? void 0 : p.keycloak) == null ? void 0 : v.url) || "https://keycloak.twin.bydata.de",
+      realm: ((h = (f = u.authentication) == null ? void 0 : f.keycloak) == null ? void 0 : h.realm) || "piveau",
+      audience: "piveau-hub-repo"
+    }), E = i(() => {
+      var t;
+      return (t = S.value) == null ? void 0 : t.map((e) => ({
         id: e.id,
         title: e.title,
         modified: e.modified,
         publicationStatus: e.publicationStatus,
         visibility: e.accessLevel,
-        catalogId: e.catalogId
+        catalogId: e.catalogId,
+        allowEdit: e.allowEdit,
+        allowPublish: e.allowPublish,
+        allowDelete: e.allowDelete
       }));
     });
-    P(n, () => {
-      console.error(n), m({
-        message: n.value.message,
+    C(l, () => {
+      console.error(l), w({
+        message: l.value.message,
         color: "error"
       });
     });
-    const y = x(g, 500);
-    return (a, e) => (o(), d("div", W, [
-      s("div", z, [
-        e[0] || (e[0] = s("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
-        e[1] || (e[1] = s("p", null, "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.", -1)),
-        s("div", A, [
-          c(N, { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
-            default: I(() => [
-              c(U, {
+    const I = W(P, 500);
+    return (t, e) => (s(), n("div", Q, [
+      o("div", X, [
+        e[0] || (e[0] = o("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
+        e[1] || (e[1] = o("p", null, "Hier sehen Sie alle Projekte, die Sie bearbeiten oder veröffentlichen können.", -1)),
+        o("div", Y, [
+          (s(), g(N(r(c) ? "RouterLink" : "span"), {
+            disabled: !r(c),
+            to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } }
+          }, {
+            default: x(() => [
+              B(G, {
+                disabled: !r(c),
                 "button-text": "Neues Projekt erstellen",
                 size: "large"
-              })
+              }, null, 8, ["disabled"])
             ]),
             _: 1
-          })
+          }, 8, ["disabled"]))
         ])
       ]),
-      s("div", F, [
-        u(y) ? (o(), d("div", K, e[2] || (e[2] = [
-          s("p", null, "Lädt Daten...", -1)
-        ]))) : (o(), d("div", $, [
-          e[3] || (e[3] = D('<div class="dpiV3_tableHeadWrap" data-v-b5dc47fb><div class="dpiV3_thWrap" data-v-b5dc47fb><div scope="col" data-v-b5dc47fb><span data-v-b5dc47fb>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-b5dc47fb><span data-v-b5dc47fb>Status</span></div><div scope="col" class="dpiV3_statusHead" data-v-b5dc47fb><span data-v-b5dc47fb>Sichtbarkeit</span></div></div><div class="dpiV3_blankCell" data-v-b5dc47fb></div></div>', 1)),
-          s("div", null, [
-            (o(!0), d(H, null, T(k.value, (t, S) => (o(), w(q, {
-              id: t.id,
-              key: t.id ?? S,
+      o("div", Z, [
+        r(I) ? (s(), n("div", j, e[2] || (e[2] = [
+          o("p", null, "Lädt Daten...", -1)
+        ]))) : (s(), n("div", ee, [
+          e[3] || (e[3] = L('<div class="dpiV3_tableHeadWrap" data-v-1cfd553a><div class="dpiV3_thWrap" data-v-1cfd553a><div scope="col" data-v-1cfd553a><span data-v-1cfd553a>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-1cfd553a><span data-v-1cfd553a>Status</span></div><div scope="col" class="dpiV3_statusHead" data-v-1cfd553a><span data-v-1cfd553a>Sichtbarkeit</span></div></div><div class="dpiV3_blankCell" data-v-1cfd553a></div></div>', 1)),
+          o("div", null, [
+            (s(!0), n(U, null, R(E.value, (a, T) => (s(), g(M, {
+              id: a.id,
+              key: a.id ?? T,
               type: "project",
-              text: t.title || "Kein Titel in englisch oder deutsch vohanden",
-              date: t.modified ? u(R)(t.modified) : "-",
-              dataset: t,
-              visibility: t.visibility,
-              draft: t.publicationStatus === "draft",
-              catalogue: t.catalogId
-            }, null, 8, ["id", "text", "date", "dataset", "visibility", "draft", "catalogue"]))), 128))
+              text: a.title || "Kein Titel in englisch oder deutsch vohanden",
+              date: a.modified ? r(K)(a.modified) : "-",
+              dataset: a,
+              visibility: a.visibility,
+              draft: a.publicationStatus === "draft",
+              catalogue: a.catalogId,
+              "allow-edit": a.allowEdit,
+              "allow-publish": a.allowPublish,
+              "allow-delete": a.allowDelete
+            }, null, 8, ["id", "text", "date", "dataset", "visibility", "draft", "catalogue", "allow-edit", "allow-publish", "allow-delete"]))), 128))
           ])
         ]))
       ])
@@ -100,5 +124,5 @@ const W = { class: "dpiV3_dpiHome V3-typography" }, z = { class: "dpiV3_homeHead
   }
 });
 export {
-  se as default
+  fe as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/services/dpiV3_apis.js

@@ -1,106 +1,76 @@
-import c from "axios";
+import o from "axios";
 const u = async (a) => {
   try {
     let e = `${a}vocabularies/hvd-category`;
-    return (await c.get(e)).data.result.results;
+    return (await o.get(e)).data.result.results;
   } catch (e) {
     throw console.error("Error fetching HVD categories:", e), e;
   }
-}, g = async (a) => {
+}, i = async (a) => {
   try {
     let e = `${a}vocabularies/data-theme`;
-    return (await c.get(e)).data.result.results;
+    return (await o.get(e)).data.result.results;
   } catch (e) {
     throw console.error("Error fetching Dataset categories:", e), e;
   }
-}, d = async (a) => {
+}, g = async (a) => {
   try {
     let e = `${a}vocabularies/file-type`;
-    return (await c.get(e, {
+    return (await o.get(e, {
       headers: { Accept: "application/json" }
     })).data.result;
   } catch (e) {
     throw console.error("Error fetching file types:", e), e;
   }
-}, n = async (a) => {
-  let e = [
-    "district-key",
-    "government-district-key",
-    "municipal-association-key",
-    "municipality-key",
-    "regional-key",
-    "state-key"
-  ], t = [], l = [];
-  try {
-    let s = `${a}vocabularies/political-geocoding-level`;
-    const r = await c.get(s);
-    for (let o = 0; o < r.data.result.results.length; o++)
-      l.push(
-        await c.get(
-          `${a}vocabularies/political-geocoding-` + e[o]
-        )
-      ), t.push({
-        headers: e[o],
-        list: l[o].data.result.results
-      });
-    return t;
-  } catch (s) {
-    throw console.error("Error fetching Dataset categories:", s), s;
-  }
-}, h = async (a, e) => (await n(e)).map((s) => {
-  const r = s.list.filter(
-    (o) => o.alt_label && o.alt_label.de && o.alt_label.de.includes(a)
-  );
-  return { ...s, list: r };
-}).filter((s) => s.list.length > 0), p = async (a, e, t) => {
-  let l = [];
+}, h = async (a, e, t) => {
+  let s = [];
   try {
-    let s = `${e}vocabularies/${t}`;
-    return l = (await c.get(s)).data.result.results, l;
-  } catch (s) {
-    throw console.error("Error fetching Dataset categories:", s), s;
+    let l = `${e}vocabularies/${t}`;
+    return s = (await o.get(l)).data.result.results, s;
+  } catch (l) {
+    throw console.error("Error fetching Dataset categories:", l), l;
   }
-}, y = async (a) => {
+}, d = async (a) => {
   try {
     let e = `${a}vocabularies/planned-availability`;
-    return (await c.get(e)).data.result.results.map((l) => ({
-      value: l.id,
-      label: l.pref_label.de,
-      uri: l.resource
+    return (await o.get(e)).data.result.results.map((s) => ({
+      value: s.id,
+      label: s.pref_label.de,
+      uri: s.resource
     }));
   } catch (e) {
     throw console.error("Error fetching planned availability:", e), e;
   }
-}, b = async (a, e = "de") => {
+}, p = async (a, e = "de") => {
   try {
-    let t = `${a}vocabularies/language`, s = (await c.get(t)).data.result.results.map((r) => ({
+    let t = `${a}vocabularies/language`, l = (await o.get(t)).data.result.results.map((r) => ({
       value: r.id,
       label: `${r.pref_label[e] || r.pref_label.en || r.id} (${r.id})`,
       uri: r.resource
     }));
-    return s.sort((r, o) => r.label.localeCompare(o.label, e)), s;
+    return l.sort((r, c) => r.label.localeCompare(c.label, e)), l;
   } catch (t) {
     throw console.error("Error fetching languages:", t), t;
   }
-}, f = async (a, e = "de") => {
+}, b = async (a, e = "de") => {
   try {
     let t = `${a}vocabularies/licenses`;
-    return (await c.get(t)).data.result.results.map((r) => {
-      var o;
+    return (await o.get(t)).data.result.results.map((r) => {
+      var c;
       return {
         value: r.id,
         label: r.pref_label[e] || r.pref_label.en || r.id,
-        homepage: ((o = r.extensions) == null ? void 0 : o.foaf_homepage) || null,
+        homepage: ((c = r.extensions) == null ? void 0 : c.foaf_homepage) || null,
         uri: r.resource
       };
     });
   } catch (t) {
     throw console.error("Error fetching licenses:", t), t;
   }
-}, v = async (a, e = "de") => {
+}, y = async (a, e = "de") => {
   try {
     let t = `${a}vocabularies/dataset-status`;
-    return (await c.get(t)).data.result.results.map((r) => ({
+    return (await o.get(t)).data.result.results.map((r) => ({
       value: r.id,
       label: r.pref_label[e] || r.pref_label.en || r.id,
       resource: r.resource || null
@@ -108,10 +78,10 @@ const u = async (a) => {
   } catch (t) {
     throw console.error("Error fetching dataset status:", t), t;
   }
-}, w = async (a, e = "en") => {
+}, f = async (a, e = "en") => {
   try {
     let t = `${a}vocabularies/spdx-checksum-algorithm`;
-    return (await c.get(t)).data.result.results.map((r) => ({
+    return (await o.get(t)).data.result.results.map((r) => ({
       value: r.id,
       label: r.pref_label[e] || r.pref_label.en || r.id,
       resource: r.resource || null
@@ -121,15 +91,13 @@ const u = async (a) => {
   }
 };
 export {
-  h as filterGeocodingURIs,
-  w as getChecksumAlgorithms,
-  g as getDatasetCategories,
-  v as getDatasetStatus,
-  d as getFileTypes,
-  n as getGeocodingURIs,
+  f as getChecksumAlgorithms,
+  i as getDatasetCategories,
+  y as getDatasetStatus,
+  g as getFileTypes,
   u as getHvdCategories,
-  b as getLanguages,
-  f as getLicenses,
-  p as getOptionalURIs,
-  y as getPlannedAvailability
+  p as getLanguages,
+  b as getLicenses,
+  h as getOptionalURIs,
+  d as getPlannedAvailability
 };

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

@@ -6,7 +6,7 @@ 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" }, b = { class: "funny-section" }, k = {
+const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, h = { class: "funny-flex" }, _ = { class: "funny-section" }, k = { class: "funny-section" }, b = {
   __name: "ProjectNameStep",
   setup(y) {
     return (z, t) => (o(), i("div", f, [
@@ -25,9 +25,12 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
         ])
       ]),
       e("section", _, [
-        n(m, { "hide-cancel": "" })
+        n(m, {
+          "hide-cancel": "",
+          class: "project-name-step-actions"
+        })
       ]),
-      e("section", b, [
+      e("section", k, [
         n(c, { variant: "default" }, {
           icon: r(() => [
             n(s(u), {
@@ -52,7 +55,7 @@ const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" },
       ])
     ]));
   }
-}, E = /* @__PURE__ */ p(k, [["__scopeId", "data-v-23f0fe6b"]]);
+}, 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
 };