@piveau/dpi 0.2.0-alpha.63 → 0.2.0-alpha.64

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/Organisation.vue.js

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

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

@@ -1,69 +1,73 @@
-import { defineComponent as h, computed as r, createElementBlock as s, openBlock as t, createElementVNode as i, unref as m, Fragment as f, toDisplayString as n } from "vue";
-import { useOrganizationInfo as k } from "../composables/useOrganizationInfo.js";
-import { useTwinbyUser as y } from "../composables/useTwinbyUser.js";
-const b = { class: "dpiV3_organisation" }, V = { class: "dpiV3_organisationInfo" }, T = { key: 0 }, I = { key: 0 }, O = {
+import { defineComponent as m, computed as n, createElementBlock as t, openBlock as a, createElementVNode as i, unref as f, Fragment as k, toDisplayString as l } from "vue";
+import { useOrganizationInfo as y } from "../composables/useOrganizationInfo.js";
+import { useTwinbyUser as b } from "../composables/useTwinbyUser.js";
+const V = { class: "dpiV3_organisation" }, T = { class: "dpiV3_organisationInfo" }, I = { key: 0 }, O = { key: 0 }, E = {
   key: 1,
   class: "not-available"
-}, E = { class: "dpiV3_organisationData" }, S = {
+}, S = { class: "dpiV3_organisationData" }, C = {
   key: 0,
   class: "dpiV3_organisationTitle"
-}, C = ["src"], D = { key: 1 }, F = { class: "info-wrapper" }, L = { class: "dpiV3_organisationTitle" }, w = { key: 0 }, x = {
+}, D = ["src"], F = { key: 1 }, L = { class: "info-wrapper" }, w = { class: "dpiV3_organisationTitle" }, x = { key: 0 }, z = {
   key: 1,
   class: "not-available"
-}, z = { key: 2 }, B = {
+}, B = { key: 2 }, N = {
   key: 3,
   class: "not-available"
-}, N = { class: "dpiV3_organisationTitle" }, M = { key: 0 }, P = {
+}, W = { class: "dpiV3_organisationTitle" }, M = { key: 0 }, P = {
   key: 1,
   class: "not-available"
-}, A = /* @__PURE__ */ h({
+}, G = /* @__PURE__ */ m({
   __name: "Organisation",
   setup(U) {
-    const { organization: p, authToken: v, startFetchPermissions: u } = y();
+    const { organization: p, authToken: v, startFetchPermissions: u } = b();
     u();
-    const { resultEnhanced: l, isLoading: g } = k({
+    const { resultEnhanced: r, isLoading: g } = y({
       id: p,
       authToken: v
-    }), d = r(
+    }), d = n(
       () => {
-        var a, e;
-        return ((e = (a = l.value) == null ? void 0 : a.publisher) == null ? void 0 : e.name) || "";
+        var s, e;
+        return ((e = (s = r.value) == null ? void 0 : s.publisher) == null ? void 0 : e.name) || "";
       }
-    ), c = r(
+    ), c = n(
       () => {
-        var a, e;
-        return ((e = (a = l.value) == null ? void 0 : a.catalogueFavIcon) == null ? void 0 : e[0]) || "";
+        var s, e;
+        return ((e = (s = r.value) == null ? void 0 : s.catalogueFavIcon) == null ? void 0 : e[0]) || "";
       }
-    ), o = r(() => {
-      var a, e;
-      return ((e = (a = l.value) == null ? void 0 : a.publisher) == null ? void 0 : e.address) || {};
-    }), _ = r(() => {
-      var a;
-      return ((a = l.value) == null ? void 0 : a.publisher) || {};
+    ), o = n(() => {
+      var s, e;
+      return ((e = (s = r.value) == null ? void 0 : s.publisher) == null ? void 0 : e.address) || {};
+    }), _ = n(() => {
+      var s;
+      return ((s = r.value) == null ? void 0 : s.publisher) || {};
+    }), h = n(() => {
+      var e;
+      const s = ((e = _.value) == null ? void 0 : e.email) || "";
+      return s.startsWith("mailto:") ? s.substring(7) : s;
     });
-    return (a, e) => (t(), s("div", b, [
+    return (s, e) => (a(), t("div", V, [
       e[2] || (e[2] = i("h3", { class: "dpiV3_organisationTitle" }, " Ihre Organisation ", -1)),
       e[3] || (e[3] = i("p", { class: "dpiV3_organisationDescription" }, " Wenn Sie die Informationen Ihrer Organisation ändern möchten, kontaktieren Sie uns gerne. ", -1)),
-      i("div", V, [
-        m(g) ? (t(), s("p", T, "Lade Organisationsdaten...")) : (t(), s(f, { key: 1 }, [
-          d.value ? (t(), s("p", I, n(d.value), 1)) : (t(), s("p", O, " Name nicht verfügbar ")),
-          i("div", E, [
-            c.value ? (t(), s("div", S, [
+      i("div", T, [
+        f(g) ? (a(), t("p", I, "Lade Organisationsdaten...")) : (a(), t(k, { key: 1 }, [
+          d.value ? (a(), t("p", O, l(d.value), 1)) : (a(), t("p", E, " Name nicht verfügbar ")),
+          i("div", S, [
+            c.value ? (a(), t("div", C, [
               i("img", {
                 src: c.value,
                 alt: ""
-              }, null, 8, C)
-            ])) : (t(), s("div", D, e[0] || (e[0] = [
+              }, null, 8, D)
+            ])) : (a(), t("div", F, e[0] || (e[0] = [
               i("div", { class: "avatar-circle" }, null, -1)
             ]))),
-            i("div", F, [
-              i("div", L, [
-                o.value.street ? (t(), s("p", w, n(o.value.street), 1)) : (t(), s("p", x, " Straße nicht verfügbar ")),
-                o.value.postalCode || o.value.locality ? (t(), s("p", z, n(o.value.postalCode || "") + " " + n(o.value.locality || ""), 1)) : (t(), s("p", B, " Ort nicht verfügbar "))
+            i("div", L, [
+              i("div", w, [
+                o.value.street ? (a(), t("p", x, l(o.value.street), 1)) : (a(), t("p", z, " Straße nicht verfügbar ")),
+                o.value.postalCode || o.value.locality ? (a(), t("p", B, l(o.value.postalCode || "") + " " + l(o.value.locality || ""), 1)) : (a(), t("p", N, " Ort nicht verfügbar "))
               ]),
-              i("div", N, [
+              i("div", W, [
                 e[1] || (e[1] = i("p", { class: "not-available" }, " Telefon nicht verfügbar ", -1)),
-                _.value.email ? (t(), s("p", M, n(_.value.email), 1)) : (t(), s("p", P, " E-Mail nicht verfügbar "))
+                _.value.email ? (a(), t("p", M, l(h.value), 1)) : (a(), t("p", P, " E-Mail nicht verfügbar "))
               ])
             ])
           ])
@@ -73,5 +77,5 @@ const b = { class: "dpiV3_organisation" }, V = { class: "dpiV3_organisationInfo"
   }
 });
 export {
-  A as default
+  G 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-6f78c1b4"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-71f0876f"]]);
 export {
-  f as default
+  i as default
 };

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

@@ -1,104 +1,107 @@
-import { defineComponent as q, computed as u, createElementBlock as a, openBlock as s, createElementVNode as n, createCommentVNode as z, renderSlot as E, unref as i, Fragment as T, toDisplayString as r, createVNode as o, withCtx as c, createTextVNode as w } from "vue";
+import { defineComponent as q, computed as r, createElementBlock as a, openBlock as s, createElementVNode as n, createCommentVNode as z, renderSlot as T, unref as i, Fragment as w, toDisplayString as c, createVNode as o, withCtx as d, createTextVNode as D } from "vue";
 import { FormKit as m } from "@formkit/vue";
-import { PhLightbulb as D } from "@phosphor-icons/vue";
-import M from "../../../../stories/components/PartnerCard.vue.js";
-import { generateIsRequiredMsg as v, requireAllIfAny as p, generateIsInvalidMsg as y } from "../../../../utils/twinbyUtils.js";
-import N from "../../../components/StepActionsSection.vue.js";
-import { useOrganizationInfo as P } from "../../../composables/useOrganizationInfo.js";
-import { useTwinbyUser as O } from "../../../composables/useTwinbyUser.js";
-import x from "../Card.vue.js";
-import g from "../InputField/InputFieldDefinition.js";
-const C = { class: "dpiV3_page V3-typography" }, B = { class: "funny-section" }, F = { class: "funny-flex" }, V = { class: "funny-section" }, L = { class: "contact-container" }, j = {
+import { PhLightbulb as M } from "@phosphor-icons/vue";
+import N from "../../../../stories/components/PartnerCard.vue.js";
+import { generateIsRequiredMsg as p, requireAllIfAny as f, generateIsInvalidMsg as y } from "../../../../utils/twinbyUtils.js";
+import P from "../../../components/StepActionsSection.vue.js";
+import { useOrganizationInfo as O } from "../../../composables/useOrganizationInfo.js";
+import { useTwinbyUser as x } from "../../../composables/useTwinbyUser.js";
+import C from "../Card.vue.js";
+import v from "../InputField/InputFieldDefinition.js";
+const B = { class: "dpiV3_page V3-typography" }, F = { class: "funny-section" }, V = { class: "funny-flex" }, L = { class: "funny-section" }, j = { class: "contact-container" }, G = {
   key: 0,
   class: "contact-title"
-}, G = {
+}, W = {
   key: 0,
   class: "contact-title"
-}, $ = {
+}, K = {
   key: 1,
   class: "contact-title not-available"
-}, K = { class: "contact-wrapper" }, R = {
+}, R = { class: "contact-wrapper" }, $ = {
   key: 0,
   class: "contact-logo-wrapper"
-}, W = ["src"], U = { key: 1 }, H = { class: "info-wrapper" }, J = { class: "contact-grid" }, Q = { class: "contact-col" }, X = {
+}, U = ["src"], H = { key: 1 }, J = { class: "info-wrapper" }, Q = { class: "contact-grid" }, X = { class: "contact-col" }, Y = {
   key: 0,
   class: "contact-info"
-}, Y = {
+}, Z = {
   key: 1,
   class: "contact-info not-available"
-}, Z = {
+}, ee = {
   key: 2,
   class: "contact-info"
-}, ee = {
+}, ne = {
   key: 3,
   class: "contact-info not-available"
-}, ne = { class: "contact-col" }, te = ["href"], ie = {
+}, te = { class: "contact-col" }, ie = {
+  key: 0,
+  class: "contact-info"
+}, ae = {
   key: 1,
   class: "contact-info not-available"
-}, ae = { class: "funny-section" }, se = { class: "contact-section" }, oe = { class: "funny-section" }, le = { class: "funny-section" }, re = { class: "funny-flex" }, be = /* @__PURE__ */ q({
+}, se = { class: "funny-section" }, oe = { class: "contact-section" }, le = { class: "funny-section" }, re = { class: "funny-section" }, ce = { class: "funny-flex" }, Ae = /* @__PURE__ */ q({
   __name: "ProjectOrganisationStep",
   props: {
     isWip: { type: Boolean }
   },
-  setup(ce) {
-    const { organization: b, authToken: A, startFetchPermissions: k } = O();
+  setup(de) {
+    const { organization: b, authToken: A, startFetchPermissions: k } = x();
     k();
-    const { resultEnhanced: d, isLoading: I } = P({
+    const { resultEnhanced: u, isLoading: I } = O({
       id: b,
       authToken: A
-    }), h = u(
+    }), g = r(
       () => {
         var t, e;
-        return ((e = (t = d.value) == null ? void 0 : t.publisher) == null ? void 0 : e.name) || "";
+        return ((e = (t = u.value) == null ? void 0 : t.publisher) == null ? void 0 : e.name) || "";
       }
-    ), _ = u(
+    ), h = r(
       () => {
         var t, e;
-        return ((e = (t = d.value) == null ? void 0 : t.catalogueFavIcon) == null ? void 0 : e[0]) || "";
+        return ((e = (t = u.value) == null ? void 0 : t.catalogueFavIcon) == null ? void 0 : e[0]) || "";
       }
-    ), l = u(() => {
+    ), l = r(() => {
       var t, e;
-      return ((e = (t = d.value) == null ? void 0 : t.publisher) == null ? void 0 : e.address) || {};
-    }), f = u(() => {
+      return ((e = (t = u.value) == null ? void 0 : t.publisher) == null ? void 0 : e.address) || {};
+    }), _ = r(() => {
       var t;
-      return ((t = d.value) == null ? void 0 : t.publisher) || {};
+      return ((t = u.value) == null ? void 0 : t.publisher) || {};
+    }), S = r(() => {
+      var e;
+      const t = ((e = _.value) == null ? void 0 : e.email) || "";
+      return t.startsWith("mailto:") ? t.substring(7) : t;
     });
-    function S(t) {
+    function E(t) {
       return t._value === null || t._value === void 0 ? !0 : typeof t._value != "string" ? !1 : /^\d*$/.test(t._value);
     }
-    return (t, e) => (s(), a("div", C, [
-      n("section", B, [
-        n("div", F, [
+    return (t, e) => (s(), a("div", B, [
+      n("section", F, [
+        n("div", V, [
           e[2] || (e[2] = n("h4", null, "Informationen zu Ihrer Organisation", -1)),
           e[3] || (e[3] = n("span", { class: "copy-large-regular" }, " Die Angaben zur durchführenden Organisation werden nicht hier bei der Projektdokumentation erfasst. Diese Daten werden automatisch aus den Kontoinformationen übernommen, die bei uns hinterlegt sind. So wird sichergestellt, dass die Angaben zu Ihrer Organisation stets konsistent und aktuell bleiben, ohne dass sie mehrfach eingegeben werden müssen. ", -1)),
-          E(t.$slots, "organization", {}, () => [
-            n("section", V, [
-              n("div", L, [
-                i(I) ? (s(), a("p", j, " Lade Organisationsdaten... ")) : (s(), a(T, { key: 1 }, [
-                  h.value ? (s(), a("p", G, r(h.value), 1)) : (s(), a("p", $, " Name nicht verfügbar ")),
-                  n("div", K, [
-                    _.value ? (s(), a("div", R, [
+          T(t.$slots, "organization", {}, () => [
+            n("section", L, [
+              n("div", j, [
+                i(I) ? (s(), a("p", G, " Lade Organisationsdaten... ")) : (s(), a(w, { key: 1 }, [
+                  g.value ? (s(), a("p", W, c(g.value), 1)) : (s(), a("p", K, " Name nicht verfügbar ")),
+                  n("div", R, [
+                    h.value ? (s(), a("div", $, [
                       n("img", {
                         class: "contact-logo",
-                        src: _.value,
+                        src: h.value,
                         alt: "Organisation Logo"
-                      }, null, 8, W)
-                    ])) : (s(), a("div", U, e[0] || (e[0] = [
+                      }, null, 8, U)
+                    ])) : (s(), a("div", H, e[0] || (e[0] = [
                       n("div", { class: "avatar-circle" }, null, -1)
                     ]))),
-                    n("div", H, [
-                      n("div", J, [
-                        n("div", Q, [
-                          l.value.street ? (s(), a("span", X, r(l.value.street), 1)) : (s(), a("span", Y, "Straße nicht verfügbar")),
-                          l.value.postalCode || l.value.locality ? (s(), a("span", Z, r(l.value.postalCode || "") + " " + r(l.value.locality || ""), 1)) : (s(), a("span", ee, "Ort nicht verfügbar"))
+                    n("div", J, [
+                      n("div", Q, [
+                        n("div", X, [
+                          l.value.street ? (s(), a("span", Y, c(l.value.street), 1)) : (s(), a("span", Z, "Straße nicht verfügbar")),
+                          l.value.postalCode || l.value.locality ? (s(), a("span", ee, c(l.value.postalCode || "") + " " + c(l.value.locality || ""), 1)) : (s(), a("span", ne, "Ort nicht verfügbar"))
                         ]),
-                        n("div", ne, [
+                        n("div", te, [
                           e[1] || (e[1] = n("span", { class: "contact-info not-available" }, "Telefon nicht verfügbar", -1)),
-                          f.value.email ? (s(), a("a", {
-                            key: 0,
-                            class: "contact-info",
-                            href: `mailto:${f.value.email}`
-                          }, r(f.value.email), 9, te)) : (s(), a("span", ie, "E-Mail nicht verfügbar"))
+                          _.value.email ? (s(), a("span", ie, c(S.value), 1)) : (s(), a("span", ae, "E-Mail nicht verfügbar"))
                         ])
                       ])
                     ])
@@ -110,32 +113,32 @@ const C = { class: "dpiV3_page V3-typography" }, B = { class: "funny-section" },
         ])
       ]),
       z("", !0),
-      n("section", ae, [
-        n("div", se, [
+      n("section", se, [
+        n("div", oe, [
           e[6] || (e[6] = n("h5", null, "Projektkontakt (optional)", -1)),
           e[7] || (e[7] = n("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(M, null, {
-            default: c(() => [
+          o(N, null, {
+            default: d(() => [
               o(i(m), {
                 type: "group",
                 name: "contact"
               }, {
-                default: c(() => [
+                default: d(() => [
                   o(i(m), {
-                    type: i(g),
+                    type: i(v),
                     name: "name",
                     "text-label": "Name",
                     placeholder: "Geben Sie einen Namen an.",
                     validation: "+requireAllIfAny",
                     "validation-label": "Name",
                     "validation-visibility": "submit",
-                    "validation-rules": { requireAllIfAny: i(p) },
+                    "validation-rules": { requireAllIfAny: i(f) },
                     "validation-messages": {
-                      requireAllIfAny: i(v)("Name")
+                      requireAllIfAny: i(p)("Name")
                     }
                   }, null, 8, ["type", "validation-rules", "validation-messages"]),
                   o(i(m), {
-                    type: i(g),
+                    type: i(v),
                     name: "mail",
                     "text-label": "E-Mail-Adresse",
                     placeholder: "Geben Sie eine E-Mail-Adresse an.",
@@ -144,22 +147,22 @@ const C = { class: "dpiV3_page V3-typography" }, B = { class: "funny-section" },
                     "validation-label": "E-Mail-Adresse",
                     "validation-messages": {
                       email: i(y)("E-Mail-Adresse"),
-                      requireAllIfAny: i(v)("E-Mail-Adresse")
+                      requireAllIfAny: i(p)("E-Mail-Adresse")
                     },
-                    "validation-rules": { requireAllIfAny: i(p) }
+                    "validation-rules": { requireAllIfAny: i(f) }
                   }, null, 8, ["type", "validation-messages", "validation-rules"]),
                   o(i(m), {
-                    type: i(g),
+                    type: i(v),
                     name: "phone",
                     "text-label": "Telefonnummer",
                     placeholder: "Geben Sie eine Telefonnummer an.",
-                    "validation-rules": { numeric: S, requireAllIfAny: i(p) },
+                    "validation-rules": { numeric: E, requireAllIfAny: i(f) },
                     validation: "numeric|+requireAllIfAny",
                     "validation-label": "Telefonnummer",
                     "validation-visibility": "submit",
                     "validation-messages": {
                       numeric: i(y)("Telefonnummer"),
-                      requireAllIfAny: i(v)("Telefonnummer")
+                      requireAllIfAny: i(p)("Telefonnummer")
                     }
                   }, null, 8, ["type", "validation-rules", "validation-messages"])
                 ]),
@@ -170,22 +173,22 @@ const C = { class: "dpiV3_page V3-typography" }, B = { class: "funny-section" },
           })
         ])
       ]),
-      n("section", oe, [
-        o(N)
-      ]),
       n("section", le, [
-        n("div", re, [
-          o(x, { variant: "default" }, {
-            icon: c(() => [
-              o(i(D), {
+        o(P)
+      ]),
+      n("section", re, [
+        n("div", ce, [
+          o(C, { variant: "default" }, {
+            icon: d(() => [
+              o(i(M), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
-            title: c(() => e[8] || (e[8] = [
-              w(" Wichtig! ", -1)
+            title: d(() => e[8] || (e[8] = [
+              D(" Wichtig! ", -1)
             ])),
-            default: c(() => [
+            default: d(() => [
               e[9] || (e[9] = n("div", { class: "copy-large-regular" }, [
                 n("p", null, "Bitte geben Sie keine persönlichen Daten preis! Diese dürfen auf unserer Plattform nicht veröffentlicht werden."),
                 n("p", null, "Dazu zählen Namen, E-Mail-Adresse oder auch Telefonnummern von realen Personen."),
@@ -201,5 +204,5 @@ const C = { class: "dpiV3_page V3-typography" }, B = { class: "funny-section" },
   }
 });
 export {
-  be as default
+  Ae as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/Projektphasen/InitiierenStep.vue.js

@@ -1,31 +1,32 @@
-import { reactive as c, createElementBlock as d, openBlock as s, createElementVNode as i, createVNode as m, Fragment as g, renderList as p, unref as o, createBlock as b } from "vue";
-import { FormKit as f } from "@formkit/vue";
-import w from "../../../components/StepActionsSection.vue.js";
-import k from "../TextArea/TextAreaDefinition.js";
+import { reactive as m, createElementBlock as l, openBlock as o, createElementVNode as i, createVNode as g, Fragment as p, renderList as b, unref as u, createBlock as f } from "vue";
+import { FormKit as w } from "@formkit/vue";
+import k from "../../../components/StepActionsSection.vue.js";
+import { initiierenQuestions as a } from "../../../composables/project-transformer/questions.js";
+import z from "../TextArea/TextAreaDefinition.js";
 /* empty css                    */
-import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const v = { class: "project-phasen-initiieren" }, B = { class: "project-phasen-initiieren-content" }, u = 1e3, S = {
+import v from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const B = { class: "project-phasen-initiieren" }, S = { class: "project-phasen-initiieren-content" }, d = 1e3, _ = {
   __name: "InitiierenStep",
   setup(j) {
-    const n = c({
+    const n = m({
       questions: {
         projectTriggers: {
-          question: "Was waren Auslöser für das Projekt (z.B. rechtliche oder politische Vorgaben, intrinsische Motivation oder inspirierende Projekte aus anderen Kommunen)?",
+          question: a.projectTriggers,
           placeholder: "Wir haben in den letzten Jahren immer häufiger mit Starkregenereignissen und den daraus resultierenden Überflutungen zu kämpfen gehabt. Darüber hinaus mussten wir bereits in der Vergangenheit im Rahmen der EU-Hochwasserrichtlinie Hochwassergefahren- und Risikokarten erstellen und regelmäßig aktualisieren. Beides hat uns verdeutlicht, dass wir in der Pflicht sind, Hochwasserschutz und Prävention aktiv weiterzuentwickeln. Beispiele aus anderen Kommunen haben zudem spürbare Vorteile durch vorausschauende Systeme aufgezeigt.",
           answer: ""
         },
         involvedStakeholders: {
-          question: "Welche relevanten Akteure - innerhalb oder außerhalb Ihrer Organisation - haben Sie frühzeitig involviert (z.B. um politische Rückendeckung sicherzustellen)?",
+          question: a.involvedStakeholders,
           placeholder: "Bereits zu Beginn des Projekts haben wir unser Umweltamt, das die Federführung übernommen hat, und das Bauamt, insbesondere wegen der Schnittstellen zur Stadtentwässerung und Flächenplanung, involviert. Darüber hinaus haben wir frühzeitig die Feuerwehr und das Amt für Informations- und Kommunikationstechnik eingebunden. Von politischer Seite waren der Bürgermeister und die zuständigen Ausschüsse (z. B. Umwelt- und Bauausschuss) von Anfang an informiert.",
           answer: ""
         },
         dataCollectionMethod: {
-          question: "Wie haben Sie den Bestand vorhandener Daten erhoben?",
+          question: a.dataCollectionMethod,
           placeholder: "Wir haben zunächst eine bereichsübergreifende Arbeitsgruppe gegründet, die alle relevanten Fachabteilungen (u.a. Umweltamt, Katastrophenschutz, Tiefbau, IT) einbezogen hat. In gemeinsamen Workshops haben wir systematisch erfasst, welche hydrologischen, geografischen und technischen Daten bereits vorliegen und welche von externen Partnern (z.B. Wasserwirtschaftsämter, Wetterdienste, Landesämter) bezogen werden können. Wir haben die Daten dokumentiert und bewertet (z.B. Aktualität, Genauigkeit, Formatierung, Zugriffsrechte). So konnten wir identifizieren, dass wir für einige Bachläufe noch Messgeräte zur kontinuierlichen Datenerhebung benötigen.",
           answer: ""
         },
         budgetPlanning: {
-          question: "Wie haben Sie das (erste) Budget berechnet und nachhaltig gesichert?",
+          question: a.budgetPlanning,
           placeholder: "Zu Beginn haben wir gemeinsam mit den beteiligten Ämtern eine Bedarfserhebung durchgeführt, um die voraussichtlichen Kosten möglichst realistisch einschätzen zu können. Wir haben außerdem andere Kommunen und Anbieter angefragt, um Erfahrungswerte und Angebote für vergleichbare Projekte einzuholen. Das Budget wurde größtenteils über ein Landesförderprogramm für kommunalen Hochwasserschutz gesichert. Schon vor Auslaufen der Förderung haben wir den weiteren Betrieb kalkuliert und technisch so aufgestellt, dass wir ihn langfristig finanzieren können.",
           answer: ""
         }
@@ -34,37 +35,37 @@ const v = { class: "project-phasen-initiieren" }, B = { class: "project-phasen-i
       name: t,
       text: n.questions[t].question
     }));
-    function l(t, r) {
-      n.questions[t].answer = r.slice(0, u);
+    function c(t, r) {
+      n.questions[t].answer = r.slice(0, d);
     }
-    return (t, r) => (s(), d("div", v, [
+    return (t, r) => (o(), l("div", B, [
       r[1] || (r[1] = i("div", { class: "project-phasen-initiieren-header" }, [
         i("h4", null, "Initiieren")
       ], -1)),
-      i("div", B, [
+      i("div", S, [
         r[0] || (r[0] = i("p", { class: "project-phasen-initiieren-description" }, " Von der Projektidee bis zum Projektplan. ", -1)),
-        (s(!0), d(g, null, p(o(h), (e) => (s(), b(o(f), {
+        (o(!0), l(p, null, b(u(h), (e) => (o(), f(u(w), {
           id: e.name,
           key: e.name,
           modelValue: n.questions[e.name].answer,
-          "onUpdate:modelValue": (a) => n.questions[e.name].answer = a,
+          "onUpdate:modelValue": (s) => n.questions[e.name].answer = s,
           placeholder: n.questions[e.name].placeholder,
           label: e.text,
-          type: o(k),
+          type: u(z),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
-          labelWeight: "bold",
-          help: `${n.questions[e.name].answer.length || 0} von ${u} Zeichen`,
+          "label-weight": "bold",
+          help: `${n.questions[e.name].answer.length || 0} von ${d} Zeichen`,
           "count-hint": !0,
-          maxlength: u,
-          onInput: (a) => l(e.name, a)
+          maxlength: d,
+          onInput: (s) => c(e.name, s)
         }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "label", "type", "name", "help", "onInput"]))), 128))
       ]),
-      m(w)
+      g(k)
     ]));
   }
-}, x = /* @__PURE__ */ z(S, [["__scopeId", "data-v-fdf2167a"]]);
+}, q = /* @__PURE__ */ v(_, [["__scopeId", "data-v-e43d49ab"]]);
 export {
-  x as default
+  q as default
 };

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

@@ -1,71 +1,72 @@
-import { reactive as c, createElementBlock as d, openBlock as s, createElementVNode as i, createVNode as m, Fragment as g, renderList as p, unref as l, createBlock as b } from "vue";
-import { FormKit as f } from "@formkit/vue";
-import w from "../../../components/StepActionsSection.vue.js";
-import k from "../TextArea/TextAreaDefinition.js";
+import { reactive as m, createElementBlock as u, openBlock as l, createElementVNode as i, createVNode as p, Fragment as b, renderList as g, unref as o, createBlock as f } from "vue";
+import { FormKit as w } from "@formkit/vue";
+import { planenQuestions as a } from "../../../composables/project-transformer/questions.js";
+import z from "../../../components/StepActionsSection.vue.js";
+import x from "../TextArea/TextAreaDefinition.js";
 /* empty css                */
-import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const x = { class: "project-phasen-planen" }, A = { class: "project-phasen-planen-content" }, u = 1e3, V = {
+import k from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "project-phasen-planen" }, A = { class: "project-phasen-planen-content" }, d = 1e3, _ = {
   __name: "PlanenStep",
-  setup(S) {
-    const n = c({
+  setup(v) {
+    const n = m({
       questions: {
         requirementsGatherings: {
-          question: "Wie haben Sie die Anforderungen erhoben und dokumentiert (z.B. durch Markterkundung, externe Berater oder Workshops)?",
+          question: a.requirementsGatherings,
           placeholder: "Wir haben die Anforderungen in mehreren interdisziplinären Workshops gemeinsam mit allen betroffenen Fachämtern und externen Beteiligten erhoben. Zudem haben wir Interviews mit den späteren Nutzergruppen geführt, um Praxisbedarfe zu erfassen. Alle Ergebnisse haben wir strukturiert in einem Lastenheft dokumentiert, das als zentrale Arbeitsgrundlage für die Ausschreibung diente.",
           answer: ""
         },
         tenderFormat: {
-          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?",
+          question: a.tenderFormat,
           placeholder: `Wir haben uns für eine öffentliche, europaweite Ausschreibung (offenes Verfahren) entschieden, da die Schätzsumme für das Projekt über dem EU-Schwellenwert lag. Damit konnten wir ein möglichst breites Feld an Anbietern ansprechen und gleichzeitig die rechtlichen Vorgaben einhalten.
 Wir haben uns an einer Muster-Leistungsbeschreibung einer Nachbarkommune orientiert, die bereits ein ähnliches System eingeführt hatte. Grundsätzlich empfehlen wir, auf bestehende Leitfäden von Fachverbänden oder Landesbehörden zurückzugreifen.`,
           answer: ""
         },
         tenderTips: {
-          question: "Welche Tipps haben Sie für eine erfolgreiche Ausschreibung?",
+          question: a.tenderTips,
           placeholder: "Auf jeden Fall frühzeitig die Vergabeexperten einbinden. Die Zusammenarbeit mit unserer Vergabestelle bzw. externen Fachjuristen hat geholfen, die Ausschreibung rechtssicher und praxistauglich zu gestalten.",
           answer: ""
         },
         resourcePlanning: {
-          question: "Wie haben Sie die Ressourcenplanung für die Entwicklung und den Betrieb Ihres Digitalen Zwillings gestaltet und gesichert?",
+          question: a.resourcePlanning,
           placeholder: "Wir haben zunächst die Aufgaben und den Personalbedarf analysiert und mit allen beteiligten Fachbereichen abgestimmt. Anschließend haben wir ein bereichsübergreifendes Projektteam gebildet und externe Unterstützung für spezielle IT-Themen eingeplant. Das Budget haben wir über eine Kombination aus Eigenmitteln und Fördergeldern gedeckt, und für den dauerhaften Betrieb eine feste Stelle sowie ein jährliches Wartungsbudget vorgesehen.",
           answer: ""
         }
       }
-    }), o = Object.keys(n.questions).map((t) => ({
+    }), h = Object.keys(n.questions).map((t) => ({
       name: t,
       text: n.questions[t].question
     }));
-    function h(t, r) {
-      n.questions[t].answer = r.slice(0, u);
+    function c(t, r) {
+      n.questions[t].answer = r.slice(0, d);
     }
-    return (t, r) => (s(), d("div", x, [
+    return (t, r) => (l(), u("div", V, [
       r[1] || (r[1] = i("div", { class: "project-phasen-planen-header" }, [
         i("h4", null, "Planen")
       ], -1)),
       i("div", A, [
         r[0] || (r[0] = i("p", { class: "project-phasen-planen-description" }, " Von der Ausschreibung bis zur Vergabe. ", -1)),
-        (s(!0), d(g, null, p(l(o), (e) => (s(), b(l(f), {
+        (l(!0), u(b, null, g(o(h), (e) => (l(), f(o(w), {
           key: e.name,
           placeholder: n.questions[e.name].placeholder,
           id: e.name,
           modelValue: n.questions[e.name].answer,
-          "onUpdate:modelValue": (a) => n.questions[e.name].answer = a,
+          "onUpdate:modelValue": (s) => n.questions[e.name].answer = s,
           labelWeight: "bold",
           label: e.text,
-          type: l(k),
+          type: o(x),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
-          help: `${n.questions[e.name].answer.length || 0} von ${u} Zeichen`,
+          help: `${n.questions[e.name].answer.length || 0} von ${d} Zeichen`,
           "count-hint": !0,
-          onInput: (a) => h(e.name, a),
-          maxlength: u
+          onInput: (s) => c(e.name, s),
+          maxlength: d
         }, null, 8, ["placeholder", "id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128))
       ]),
-      m(w)
+      p(z)
     ]));
   }
-}, P = /* @__PURE__ */ z(V, [["__scopeId", "data-v-939d6027"]]);
+}, I = /* @__PURE__ */ k(_, [["__scopeId", "data-v-d7c30e1a"]]);
 export {
-  P as default
+  I as default
 };