@piveau/dpi 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/data-provider-interface/HappyFlowComponents/DPIHome.vue.js

@@ -1,18 +1,20 @@
-import { ref as u, createElementBlock as d, openBlock as i, Fragment as g, createElementVNode as t, createBlock as l, createCommentVNode as a, toDisplayString as s, normalizeClass as p } from "vue";
-import f from "./HomeTable.vue.js";
-import h from "./AboutProject.vue.js";
+import { ref as c, createElementBlock as d, openBlock as i, Fragment as f, createElementVNode as t, createBlock as r, createCommentVNode as s, toDisplayString as l, normalizeClass as p } from "vue";
+import g from "./AboutProject.vue.js";
+import h from "./HomeTable.vue.js";
+import k from "./ProjectTable.vue.js";
 /* empty css             */
-import k from "../../_virtual/_plugin-vue_export-helper.js";
-const v = { class: "dpi_home" }, b = { class: "copy-small-regular dpi_home-subtitle" }, j = { class: "header_sections" }, y = {
+import v from "../../_virtual/_plugin-vue_export-helper.js";
+const j = { class: "dpi_home" }, b = { class: "copy-small-regular dpi_home-subtitle" }, y = { class: "header_sections" }, I = {
   __name: "DPIHome",
-  setup(I) {
+  setup(w) {
     const m = {
       dpi: "Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen.",
       project: 'Schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit anderen Kommunen teilen. Bevor Sie Ihr erstes Projekt anlegen, empfehlen wir Ihnen, die Hinweise unter "Über die Projektanlage" sorgfältig zu lesen. Ihre bereits angelegten Projekte und Datensätze finden Sie unter "DPI Home".'
-    }, n = u("project"), r = (o) => {
-      n.value = o;
-    };
-    return (o, e) => (i(), d(g, null, [
+    }, o = c("project");
+    function a(n) {
+      o.value = n;
+    }
+    return (n, e) => (i(), d(f, null, [
       e[3] || (e[3] = t("link", {
         rel: "preconnect",
         href: "https://fonts.googleapis.com"
@@ -26,25 +28,26 @@ const v = { class: "dpi_home" }, b = { class: "copy-small-regular dpi_home-subti
         href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
         rel: "stylesheet"
       }, null, -1)),
-      t("div", v, [
-        e[2] || (e[2] = t("h1", { class: "dpi_home-title" }, "Willkommen", -1)),
-        t("p", b, s(m[n.value]), 1),
-        t("div", j, [
+      t("div", j, [
+        e[2] || (e[2] = t("h1", { class: "dpi_home-title" }, " Willkommen ", -1)),
+        t("p", b, l(m[o.value]), 1),
+        t("div", y, [
           t("button", {
-            class: p({ active: n.value === "project" }),
-            onClick: e[0] || (e[0] = (c) => r("project"))
-          }, s(o.$t("projectFacility.projectFacility")), 3),
+            class: p({ active: o.value === "project" }),
+            onClick: e[0] || (e[0] = (u) => a("project"))
+          }, l(n.$t("projectFacility.projectFacility")), 3),
           t("button", {
-            class: p({ active: n.value === "dpi" }),
-            onClick: e[1] || (e[1] = (c) => r("dpi"))
-          }, s(o.$t("projectFacility.dpiHome")), 3)
+            class: p({ active: o.value === "dpi" }),
+            onClick: e[1] || (e[1] = (u) => a("dpi"))
+          }, l(n.$t("projectFacility.dpiHome")), 3)
         ]),
-        n.value === "project" ? (i(), l(h, { key: 0 })) : a("", !0),
-        n.value === "dpi" ? (i(), l(f, { key: 1 })) : a("", !0)
+        o.value === "project" ? (i(), r(g, { key: 0 })) : s("", !0),
+        o.value === "dpi" ? (i(), r(k, { key: 1 })) : s("", !0),
+        o.value === "dpi" ? (i(), r(h, { key: 2 })) : s("", !0)
       ])
     ], 64));
   }
-}, H = /* @__PURE__ */ k(y, [["__scopeId", "data-v-9b2c544e"]]);
+}, z = /* @__PURE__ */ v(I, [["__scopeId", "data-v-f225efea"]]);
 export {
-  H as default
+  z as default
 };

package/dist/data-provider-interface/HappyFlowComponents/HomeTable.vue.js

@@ -1,4 +1,4 @@
-import { ref as v, computed as n, watch as _, createElementBlock as r, openBlock as a, createElementVNode as o, createCommentVNode as B, unref as u, createTextVNode as h, createVNode as D, withCtx as L, createStaticVNode as N, Fragment as b, renderList as V, createBlock as k } from "vue";
+import { ref as v, computed as l, watch as _, createElementBlock as r, openBlock as a, createElementVNode as o, createCommentVNode as B, unref as u, createTextVNode as b, createVNode as h, withCtx as L, createStaticVNode as N, Fragment as D, renderList as V, createBlock as k } from "vue";
 import { useAsyncState as U, useDebounce as z } from "@vueuse/core";
 import C from "axios";
 import "jquery";
@@ -24,28 +24,28 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
   setup(X) {
     const x = R(), i = W();
     E(), localStorage.getItem("dpi_duplicate"), v("");
-    let l = n(() => i.getters["auth/getUserCatalogIds"]);
+    let d = l(() => i.getters["auth/getUserCatalogIds"]);
     v({
       loading: !1,
       message: "",
       confirm: () => null
     });
-    const m = n(() => i.getters["auth/getUserDrafts"]), I = n(() => i.getters["auth/getUserData"]);
-    n(() => I.value.rtpToken);
+    const m = l(() => i.getters["auth/getUserDrafts"]), I = l(() => i.getters["auth/getUserData"]);
+    l(() => I.value.rtpToken);
     const S = (s) => i.dispatch("snackbar/showSnackbar", s);
     async function w(s) {
-      const t = s.map((d) => C.get(`${x.api.baseUrl}search?facets={%22catalog%22:[%22${d}%22]}&filters=dataset&includes=title,modified,id,description,catalog`));
-      return (await Promise.all(t)).flatMap((d) => d.data.result.results);
+      const t = s.map((n) => C.get(`${x.api.baseUrl}search?facets={%22catalog%22:[%22${n}%22]}&filters=dataset&includes=title,modified,id,description,catalog`));
+      return (await Promise.all(t)).flatMap((n) => n.data.result.results);
     }
     const {
       state: p,
       execute: H,
       isLoading: P,
       error: c
-    } = U(async () => w(l.value), [], { immediate: !1 });
-    _(l, () => {
+    } = U(async () => w(d.value), [], { immediate: !1 });
+    _(d, () => {
       var s;
-      ((s = l.value) == null ? void 0 : s.length) > 0 && H();
+      ((s = d.value) == null ? void 0 : s.length) > 0 && H();
     }, { immediate: !0 }), _(c, () => {
       console.error(c), S({
         message: c.message,
@@ -57,14 +57,14 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
       o("div", K, [
         t[1] || (t[1] = o("h2", { class: "dpiV3_tableHeader" }, " Ihre Datensätze ", -1)),
         u(p).length === 0 && m.value.length === 0 ? (a(), r("p", M, t[0] || (t[0] = [
-          h(" Willkommen im Data Provider Interface ✨ ", -1),
+          b(" Willkommen im Data Provider Interface ✨ ", -1),
           o("br", null, null, -1),
-          h("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
+          b("Beginnen Sie mit der Erstellung Ihres ersten Datensatzes! ", -1)
         ]))) : B("", !0),
         o("div", j, [
-          D(A, { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+          h(A, { to: { name: "DataProviderInterface-Input", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
             default: L(() => [
-              D($, {
+              h($, {
                 "button-text": "Neuen Datensatz erstellen",
                 size: "large"
               })
@@ -77,9 +77,9 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
         u(T) ? (a(), r("div", J, t[2] || (t[2] = [
           o("p", null, "Lädt Daten...", -1)
         ]))) : (a(), r("div", O, [
-          t[3] || (t[3] = N('<div class="dpiV3_tableHeadWrap" data-v-e3ec9dd2><div class="dpiV3_thWrap" data-v-e3ec9dd2><div scope="col" data-v-e3ec9dd2><span data-v-e3ec9dd2>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-e3ec9dd2><span data-v-e3ec9dd2>Status</span></div></div><div class="dpiV3_blankCell" data-v-e3ec9dd2></div></div>', 1)),
+          t[3] || (t[3] = N('<div class="dpiV3_tableHeadWrap" data-v-e624e9b0><div class="dpiV3_thWrap" data-v-e624e9b0><div scope="col" data-v-e624e9b0><span data-v-e624e9b0>Datensätze</span></div><div scope="col" class="dpiV3_statusHead" data-v-e624e9b0><span data-v-e624e9b0>Status</span></div></div><div class="dpiV3_blankCell" data-v-e624e9b0></div></div>', 1)),
           o("div", null, [
-            (a(!0), r(b, null, V(m.value, (e) => (a(), k(y, {
+            (a(!0), r(D, null, V(m.value, (e) => (a(), k(y, {
               id: e.id,
               key: e.id,
               "data-cy": e,
@@ -89,7 +89,7 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
               draft: "true",
               dataset: e
             }, null, 8, ["id", "data-cy", "catalogue", "text", "date", "dataset"]))), 128)),
-            (a(!0), r(b, null, V(u(p), (e, d) => {
+            (a(!0), r(D, null, V(u(p), (e, n) => {
               var g, f;
               return a(), k(y, {
                 key: e.id,
@@ -103,7 +103,7 @@ const F = { class: "dpiV3_dpiHome V3-typography" }, K = { class: "dpiV3_homeHead
       ])
     ]));
   }
-}, ce = /* @__PURE__ */ q(Q, [["__scopeId", "data-v-e3ec9dd2"]]);
+}, ce = /* @__PURE__ */ q(Q, [["__scopeId", "data-v-e624e9b0"]]);
 export {
   ce as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ProjectTable.vue.js

@@ -0,0 +1,94 @@
+import { ref as m, computed as l, watch as u, createElementBlock as r, openBlock as s, createElementVNode as o, createVNode as v, withCtx as y, unref as _, createStaticVNode as w, Fragment as x, renderList as I, createBlock as S } from "vue";
+import { useAsyncState as T, useDebounce as j } from "@vueuse/core";
+import "axios";
+import "jquery";
+import { useRouter as B } from "vue-router";
+import { useStore as H } from "vuex";
+import { useRuntimeEnv as L } from "../../composables/useRuntimeEnv.js";
+import N from "../../widgets/AppLink.vue.js";
+import C from "./ui/ButtonV3.vue.js";
+import A from "./ui/TableRowV3.vue.js";
+/* empty css                  */
+import E from "../../_virtual/_plugin-vue_export-helper.js";
+const R = { class: "dpiV3_dpiHome V3-typography" }, U = { class: "dpiV3_homeHeadWrap" }, W = { class: "interactionButtonsDPIHome" }, q = { class: "dpiV3_table" }, z = {
+  key: 0,
+  class: "loading-screen"
+}, F = {
+  key: 1,
+  class: "dpiV3_innerTable"
+}, K = {
+  __name: "ProjectTable",
+  setup(M) {
+    L();
+    const i = H();
+    B(), localStorage.getItem("dpi_duplicate"), m("");
+    let d = l(() => i.getters["auth/getUserCatalogIds"]);
+    m({
+      loading: !1,
+      message: "",
+      confirm: () => null
+    });
+    const f = l(() => i.getters["auth/getUserData"]);
+    l(() => f.value.rtpToken);
+    const g = (e) => i.dispatch("snackbar/showSnackbar", e);
+    async function b(e) {
+      return [
+        { id: 1, title: { de: "Test-Projekt A" }, modified: Date.now() },
+        { id: 2, title: { en: "Mock Project B" }, modified: Date.now() }
+      ];
+    }
+    const {
+      state: h,
+      execute: k,
+      isLoading: V,
+      error: n
+    } = T(async () => b(d.value), [], { immediate: !1 });
+    u(d, () => {
+      var e;
+      ((e = d.value) == null ? void 0 : e.length) > 0 && k();
+    }, { immediate: !0 }), u(n, () => {
+      console.error(n), g({
+        message: n.message,
+        color: "error"
+      });
+    });
+    const P = j(V, 500);
+    return (e, t) => (s(), r("div", R, [
+      o("div", U, [
+        t[0] || (t[0] = o("h2", { class: "dpiV3_tableHeader" }, " Ihre Projekte ", -1)),
+        o("div", W, [
+          v(N, { to: { name: "DataProviderInterface-InputProject", query: { locale: "de", edit: !1 }, params: { property: "datasets" } } }, {
+            default: y(() => [
+              v(C, {
+                "button-text": "Neues Projekt erstellen",
+                size: "large"
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      o("div", q, [
+        _(P) ? (s(), r("div", z, t[1] || (t[1] = [
+          o("p", null, "Lädt Daten...", -1)
+        ]))) : (s(), r("div", F, [
+          t[2] || (t[2] = w('<div class="dpiV3_tableHeadWrap" data-v-2e8b8301><div class="dpiV3_thWrap" data-v-2e8b8301><div scope="col" data-v-2e8b8301><span data-v-2e8b8301>Name</span></div><div scope="col" class="dpiV3_statusHead" data-v-2e8b8301><span data-v-2e8b8301>Status</span></div></div><div class="dpiV3_blankCell" data-v-2e8b8301></div></div>', 1)),
+          o("div", null, [
+            (s(!0), r(x, null, I(_(h), (a, D) => {
+              var c, p;
+              return s(), S(A, {
+                key: a.id ?? D,
+                text: ((c = a.title) == null ? void 0 : c.de) || ((p = a.title) == null ? void 0 : p.en) || "Kein Titel in englisch oder deutsch vohanden",
+                date: a.modified ? new Date(a.modified).toDateString() : "-",
+                dataset: a
+              }, null, 8, ["text", "date", "dataset"]);
+            }), 128))
+          ])
+        ]))
+      ])
+    ]));
+  }
+}, se = /* @__PURE__ */ E(K, [["__scopeId", "data-v-2e8b8301"]]);
+export {
+  se as default
+};

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

@@ -0,0 +1,38 @@
+import { createElementBlock as n, openBlock as r, createElementVNode as e, createVNode as o, unref as s } from "vue";
+import { FormKit as i } from "@formkit/vue";
+import a from "../../../components/StepActionsSection.vue.js";
+import l from "../ListBox/ListBoxDefinition.js";
+/* empty css                       */
+import c from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "dpiV3_page V3-typography" }, d = { class: "funny-section" }, m = { class: "funny-flex" }, u = { class: "funny-section" }, _ = {
+  __name: "ProjectStatusStep",
+  setup(f) {
+    return (h, t) => (r(), n("div", p, [
+      e("section", d, [
+        e("div", m, [
+          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(i), {
+            type: s(l),
+            name: "projectName",
+            label: "Projektstatus",
+            placeholder: "Wählen Sie den Projektstatus.",
+            options: [
+              { id: "open", name: "Offen" },
+              { id: "in_progress", name: "In Arbeit" },
+              { id: "done", name: "Abgeschlossen" }
+            ],
+            validation: "required",
+            "validation-label": "Projektstatus"
+          }, null, 8, ["type"])
+        ])
+      ]),
+      e("section", u, [
+        o(a)
+      ])
+    ]));
+  }
+}, k = /* @__PURE__ */ c(_, [["__scopeId", "data-v-835a4f9c"]]);
+export {
+  k as default
+};

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

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

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

@@ -1,31 +1,32 @@
-import { defineComponent as r, createElementBlock as i, openBlock as a, createElementVNode as t, createVNode as o, withCtx as n, createTextVNode as l, unref as s } from "vue";
-import { PhInfo as d } from "@phosphor-icons/vue";
-import c from "../../../components/StepActionsSection.vue.js";
-import m from "../Card.vue.js";
-const p = { class: "dpiV3_page" }, h = /* @__PURE__ */ r({
+import { defineComponent as s, createElementBlock as r, openBlock as o, createElementVNode as n, createVNode as i, withCtx as t, unref as l } from "vue";
+import { PhInfo as a } from "@phosphor-icons/vue";
+import d from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
+const m = { class: "dpiV3_page" }, S = /* @__PURE__ */ s({
   __name: "LandingProjectStep",
-  setup(u) {
-    return (f, e) => (a(), i("div", p, [
-      e[1] || (e[1] = t("section", null, [
-        t("h4", null, " todo "),
-        t("p", { class: "copy-large-regular" }, " todo ")
+  setup(g) {
+    return (p, e) => (o(), r("div", m, [
+      e[1] || (e[1] = n("section", { class: "funny-section" }, [
+        n("h4", null, " Beginnen Sie mit der Dokumentation Ihres Digitalen Zwillings "),
+        n("p", { class: "copy-large-regular" }, " Willkommen und schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit uns teilen! Dieser Assistent führt Sie effektiv durch die notwendigen Schritte, um Ihr Projekt zu dokumentieren. Die Projektanlage ist für die Abbildung eines Use Cases Ihres Digitalen Zwillings konzipiert. ")
       ], -1)),
-      t("section", null, [
-        o(m, null, {
-          icon: n(() => [
-            o(s(d), {
+      n("section", null, [
+        i(u, null, {
+          icon: t(() => [
+            i(l(a), {
               size: 32,
               color: "#009fe3"
             })
           ]),
-          default: n(() => [
-            e[0] || (e[0] = l(" Bitte stellen Sie sicher, dass alle im Projekt verwendeten Datensätze, Software und Hardware angelegt sind, bevor Sie mit der Projektanlage beginnen. ", -1))
+          default: t(() => [
+            e[0] || (e[0] = n("span", { class: "card-info" }, " Bitte stellen Sie sicher, dass alle im Projekt verwendeten Datensätze, Software und Hardware angelegt sind, bevor Sie mit der Projektanlage beginnen.", -1))
           ]),
           _: 1,
           __: [0]
         })
       ]),
-      o(c, {
+      e[2] || (e[2] = n("p", null, "Lassen Sie uns beginnen!", -1)),
+      i(d, {
         "hide-previous": "",
         "hide-cancel": "",
         "next-text": "Projektanlage starten",
@@ -35,5 +36,5 @@ const p = { class: "dpiV3_page" }, h = /* @__PURE__ */ r({
   }
 });
 export {
-  h as default
+  S as default
 };

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

@@ -1,7 +1,7 @@
 import t from "./OptionalDataStep.vue2.js";
 /* empty css                      */
-import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ a(t, [["__scopeId", "data-v-fea893a5"]]);
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9f2092e9"]]);
 export {
   e as default
 };

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

@@ -1,5 +1,5 @@
 import { defineComponent as I, ref as g, computed as B, createElementBlock as h, openBlock as o, createElementVNode as n, createVNode as i, unref as l, withCtx as a, Fragment as v, renderList as y, createBlock as x, normalizeClass as j, createTextVNode as D, createCommentVNode as L, withDirectives as E, vModelCheckbox as U } from "vue";
-import { FormKit as s } from "@formkit/vue";
+import { FormKit as r } from "@formkit/vue";
 import { PhLightbulb as $ } from "@phosphor-icons/vue";
 import A from "../../../../stories/components/LinkCard.vue.js";
 import N from "../../../../stories/components/PartnerCard.vue.js";
@@ -20,7 +20,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
 }, te = ["id", "value"], ie = ["for"], le = { class: "action-container" }, ae = {
   id: "partners-section",
   class: "funny-section"
-}, se = { class: "partner-cards-container" }, re = { class: "action-container" }, oe = {
+}, re = { class: "partner-cards-container" }, se = { class: "action-container" }, oe = {
   id: "partners-section",
   class: "funny-section"
 }, ue = { class: "partner-cards-container" }, de = { class: "action-container" }, ce = { class: "funny-section" }, me = 500, we = /* @__PURE__ */ I({
@@ -28,7 +28,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
   setup(pe) {
     const z = g(""), S = g([]), V = g([]), _ = g([]), F = B(() => {
       var d;
-      return (d = z.value) == null ? void 0 : d.length;
+      return ((d = z.value) == null ? void 0 : d.length) || 0;
     }), k = g(""), u = g([]);
     function P(d) {
       if (d && d.trim()) {
@@ -47,15 +47,15 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
         e[8] || (e[8] = n("h5", null, " Partner ", -1)),
         e[9] || (e[9] = n("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
         n("div", q, [
-          i(l(s), {
+          i(l(r), {
             modelValue: S.value,
             "onUpdate:modelValue": e[0] || (e[0] = (t) => S.value = t),
             type: "list",
             name: "partners",
             dynamic: ""
           }, {
-            default: a(({ items: t, node: r, value: c }) => [
-              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(s), {
+            default: a(({ items: t, node: s, value: c }) => [
+              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(r), {
                 key: m,
                 type: "group",
                 index: p
@@ -68,7 +68,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
                         size: "small",
                         variant: "secondary",
                         "icon-start": "trash",
-                        onClick: () => r.input(c.filter((w, b) => b !== p))
+                        onClick: () => s.input(c.filter((w, b) => b !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -82,7 +82,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => r.input(c.concat({}))
+                  onClick: (m) => s.input(c.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -94,7 +94,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
         e[10] || (e[10] = n("h5", null, " Projektzeitraum ", -1)),
         e[11] || (e[11] = n("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
         n("div", Q, [
-          i(l(s), {
+          i(l(r), {
             type: l(C),
             name: "startDate",
             "text-label": "Startdatum",
@@ -107,7 +107,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
             "show-end-icon": !1,
             "initial-hint-text": !1
           }, null, 8, ["type"]),
-          i(l(s), {
+          i(l(r), {
             type: l(C),
             name: "endDate",
             "text-label": "Enddatum",
@@ -127,13 +127,13 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
         e[13] || (e[13] = n("div", { class: "budget" }, [
           n("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
         ], -1)),
-        i(l(s), {
+        i(l(r), {
           type: l(C),
           name: "budget",
           "text-label": "Budget",
           placeholder: "...."
         }, null, 8, ["type"]),
-        i(l(s), {
+        i(l(r), {
           id: "Förderung",
           modelValue: z.value,
           "onUpdate:modelValue": e[1] || (e[1] = (t) => z.value = t),
@@ -173,7 +173,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
       n("section", ee, [
         e[16] || (e[16] = n("h5", null, "Erforderliche Fachkompetenzen", -1)),
         e[17] || (e[17] = n("p", null, "Damit andere Kommunen besser einschätzen können, welche Fachkenntnisse das Projektteam mitbringen sollte, bitten wir Sie, hier die Kompetenzfelder anzugeben, die für Ihr Projekt am Wichtigsten waren (z.B. Datenmanagement oder Projektmanagement).", -1)),
-        i(l(s), {
+        i(l(r), {
           modelValue: u.value,
           "onUpdate:modelValue": e[2] || (e[2] = (t) => u.value = t),
           type: "hidden",
@@ -186,7 +186,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
           }, [
             E(n("input", {
               id: `hardware-${t}`,
-              "onUpdate:modelValue": e[3] || (e[3] = (r) => u.value = r),
+              "onUpdate:modelValue": e[3] || (e[3] = (s) => u.value = s),
               class: "label-chip__input",
               type: "checkbox",
               value: t
@@ -239,16 +239,16 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
       n("section", ae, [
         e[18] || (e[18] = n("h5", null, " Screenshots ", -1)),
         e[19] || (e[19] = n("span", { class: "copy-large-regular" }, "Bilder oder Screenshots helfen einen besseren Eindruck von Ihrem Projekt zu bekommen. Aus rechtlichen und technischen Gründen können Sie keine Dateien hochladen. Geben Sie daher bitte die URL an, unter der das Bild oder der Screenshot dauerhaft zu erreichen sein wird.", -1)),
-        n("div", se, [
-          i(l(s), {
+        n("div", re, [
+          i(l(r), {
             modelValue: V.value,
             "onUpdate:modelValue": e[6] || (e[6] = (t) => V.value = t),
             type: "list",
-            name: "screenshots",
+            name: "references",
             dynamic: ""
           }, {
-            default: a(({ items: t, node: r, value: c }) => [
-              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(s), {
+            default: a(({ items: t, node: s, value: c }) => [
+              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(r), {
                 key: m,
                 type: "group",
                 index: p
@@ -261,7 +261,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
                         size: "small",
                         variant: "secondary",
                         "icon-start": "trash",
-                        onClick: () => r.input(c.filter((w, b) => b !== p))
+                        onClick: () => s.input(c.filter((w, b) => b !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -269,13 +269,13 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              n("div", re, [
+              n("div", se, [
                 i(f, {
                   "button-text": "Screenshot hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => r.input(c.concat({}))
+                  onClick: (m) => s.input(c.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -287,15 +287,15 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
         e[20] || (e[20] = n("h5", null, " Weiterführende Links ", -1)),
         e[21] || (e[21] = n("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
         n("div", ue, [
-          i(l(s), {
+          i(l(r), {
             modelValue: _.value,
             "onUpdate:modelValue": e[7] || (e[7] = (t) => _.value = t),
             type: "list",
             name: "links",
             dynamic: ""
           }, {
-            default: a(({ items: t, node: r, value: c }) => [
-              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(s), {
+            default: a(({ items: t, node: s, value: c }) => [
+              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(r), {
                 key: m,
                 type: "group",
                 index: p
@@ -308,7 +308,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
                         size: "small",
                         variant: "secondary",
                         "icon-start": "trash",
-                        onClick: () => r.input(c.filter((w, b) => b !== p))
+                        onClick: () => s.input(c.filter((w, b) => b !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -322,7 +322,7 @@ const O = { class: "dpiV3_page V3-typography" }, R = {
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => r.input(c.concat({}))
+                  onClick: (m) => s.input(c.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),

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

@@ -0,0 +1,64 @@
+import { reactive as d, createElementBlock as u, openBlock as o, createElementVNode as s, createVNode as m, Fragment as h, renderList as g, unref as i, createBlock as f } from "vue";
+import { FormKit as b } from "@formkit/vue";
+import _ from "../../../components/StepActionsSection.vue.js";
+import w from "../TextArea/TextAreaDefinition.js";
+/* empty css                */
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "project-phasen-planen" }, x = { class: "project-phasen-planen-content" }, l = 1e3, S = {
+  __name: "PlanenStep",
+  setup(q) {
+    const n = d({
+      questions: {
+        requirements_gatherings: {
+          question: "Wie haben Sie die Anforderungen erhoben und dokumentiert (z.B. durch Markterkundung, externe Berater oder Workshops)?",
+          answer: ""
+        },
+        tender_format: {
+          question: "Welche Ausschreibungsform haben Sie gewählt und warum? Gab es eine Vorlage oder Muster-Leistungsbeschreibung, die hilfreich war und die Sie teilen können?",
+          answer: ""
+        },
+        tender_tips: {
+          question: "Welche Tipps haben Sie für eine erfolgreiche Ausschreibung?",
+          answer: ""
+        },
+        resource_planning: {
+          question: "Wie haben Sie die Ressourcenplanung für die Entwicklung und den Betrieb Ihres Digitalen Zwillings gestaltet und gesichert?",
+          answer: ""
+        }
+      }
+    }), p = Object.keys(n.questions).map((r) => ({
+      name: r,
+      text: n.questions[r].question
+    }));
+    function c(r, t) {
+      n.questions[r].answer = t.slice(0, l);
+    }
+    return (r, t) => (o(), u("div", V, [
+      t[1] || (t[1] = s("div", { class: "project-phasen-planen-header" }, [
+        s("h4", null, "Planen")
+      ], -1)),
+      s("div", x, [
+        t[0] || (t[0] = s("p", { class: "project-phasen-planen-description" }, " Von der Ausschreibung bis zur Vergabe. ", -1)),
+        (o(!0), u(h, null, g(i(p), (e) => (o(), f(i(b), {
+          key: e.name,
+          id: e.name,
+          modelValue: n.questions[e.name].answer,
+          "onUpdate:modelValue": (a) => n.questions[e.name].answer = a,
+          label: e.text,
+          type: i(w),
+          name: e.name,
+          validation: "length:0,1000",
+          hint: "true",
+          help: `${n.questions[e.name].answer.length || 0} von ${l} Zeichen`,
+          "count-hint": !0,
+          onInput: (a) => c(e.name, a),
+          maxlength: l
+        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
+        m(_)
+      ])
+    ]));
+  }
+}, y = /* @__PURE__ */ k(S, [["__scopeId", "data-v-7497c24a"]]);
+export {
+  y as default
+};