@piveau/dpi 0.2.0-alpha.5 → 0.2.0-alpha.51

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/SoftwareStep.vue2.js

@@ -1,143 +1,135 @@
-import { defineComponent as P, ref as m, computed as c, watch as $, toRef as M, createBlock as p, openBlock as r, withCtx as u, createElementVNode as v, createVNode as s, createElementBlock as S, unref as w, isRef as W, Fragment as _, renderList as z, createTextVNode as D, toDisplayString as K, createCommentVNode as L, nextTick as j } from "vue";
-import { FormKit as I } from "@formkit/vue";
-import { defineHubSearch as q } from "@piveau/sdk-vue";
-import J from "zod";
-import Q from "../../../components/StepActionsSection.vue.js";
-import X from "../ActionCard.vue.js";
-import Y from "../Card.vue.js";
-import Z from "../Chip.vue.js";
-import ee from "../DpiModalBase.vue.js";
-import te from "../SummaryBox.vue.js";
-import ne from "./ProcessStepBase.vue.js";
+import { defineComponent as M, ref as p, computed as f, watch as W, toRef as q, createBlock as m, openBlock as r, withCtx as d, createVNode as c, createElementBlock as v, createElementVNode as h, unref as w, isRef as K, Fragment as k, renderList as g, createTextVNode as B, toDisplayString as L, createCommentVNode as D, nextTick as j } from "vue";
+import { FormKit as R } from "@formkit/vue";
+import { defineHubSearch as J } from "@piveau/sdk-vue";
+import Q from "zod";
+import X from "../../../components/StepActionsSection.vue.js";
+import Y from "../ActionCard.vue.js";
+import Z from "../Card.vue.js";
+import ee from "../Chip.vue.js";
+import te from "../DpiModalBase.vue.js";
+import ne from "../SummaryBox.vue.js";
+import oe from "./AreYouSureToSkipCard.vue.js";
+import ie from "./ProcessStepBase.vue.js";
 /* empty css                     */
-import B from "./SoftwareForm.vue.js";
-import { useProcessStepResources as ie, ensureHasOneResource as oe } from "./utils.js";
-const re = {
+import I from "./SoftwareForm.vue.js";
+import { useProcessStepResources as re } from "./utils.js";
+const ae = {
   key: 0,
   class: "software-step__card-list--empty"
-}, ae = {
+}, le = {
   key: 1,
   class: "software-step__card-list"
-}, le = { class: "functionalities" }, ue = { class: "" }, ge = /* @__PURE__ */ P({
+}, se = { class: "functionalities" }, ue = { class: "" }, ge = /* @__PURE__ */ M({
   __name: "SoftwareStep",
   props: {
     stepGroup: {},
-    edit: { type: Boolean }
+    edit: { type: Boolean },
+    hideCloseBtn: { type: Boolean },
+    title: {}
   },
-  setup(E) {
-    const y = E, d = m(!1), i = m([]), { useResources: R } = q({
+  setup(z) {
+    const b = z, a = p(!1), o = p([]), { useResources: C } = J({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "resource",
       indexDetails: "resources/software",
-      schema: J.any()
+      schema: Q.any()
     }, (e) => {
-      var f, l;
-      const t = String((e == null ? void 0 : e.id) || ""), o = String(((f = e == null ? void 0 : e.name) == null ? void 0 : f.de) || ((l = e == null ? void 0 : e.name) == null ? void 0 : l.en) || "");
+      var s, u;
+      const t = String((e == null ? void 0 : e.id) || ""), i = String(((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((u = e == null ? void 0 : e.name) == null ? void 0 : u.en) || "");
       return {
         ...e,
         id: t,
-        name: o
+        name: i
       };
-    }), b = R(c(() => i.value.map((e) => ({
+    }), T = C(f(() => o.value.map((e) => ({
       resourceId: e.id
-    })))), T = c(() => b.value.every((e) => e.isSuccess)), k = c(() => T.value ? b.value.map((e, t) => {
-      const o = e.resultEnhanced;
+    })))), S = f(() => o.value.map((e, t) => {
+      var n, s;
+      const i = (s = (n = T.value) == null ? void 0 : n[t]) == null ? void 0 : s.resultEnhanced;
       return {
-        id: o.id,
-        name: (o == null ? void 0 : o.name) || "",
-        functionalities: i.value[t].functionalities
+        id: e.id || (i == null ? void 0 : i.id),
+        name: e.id === "--software-in-request--" && !(i != null && i.name) ? "Software in Beantragung" : (i == null ? void 0 : i.name) || e.id,
+        functionalities: e.functionalities
       };
-    }) : []), a = m(""), C = c(() => {
+    })), l = p(""), E = f(() => {
       var e;
-      return [...((e = i.value.find((t) => t.id === a.value)) == null ? void 0 : e.functionalities) || []];
-    }), h = m(0);
-    $(d, (e, t) => {
-      !e && t && h.value++;
+      return [...((e = o.value.find((t) => t.id === l.value)) == null ? void 0 : e.functionalities) || []];
+    }), y = p(0);
+    W(a, (e, t) => {
+      !e && t && y.value++;
     });
-    function H(e) {
-      return i.value.find((t) => t.id === e);
+    function F(e) {
+      return o.value.find((t) => t.id === e);
     }
-    function g(e) {
-      return i.value.findIndex((t) => t.id === e);
+    function _(e) {
+      return o.value.findIndex((t) => t.id === e);
     }
-    function F(e) {
-      const t = g(e);
-      t !== -1 && i.value.splice(t, 1);
+    function H(e) {
+      const t = _(e);
+      t !== -1 && o.value.splice(t, 1);
     }
     async function N(e) {
-      H(e) && (a.value = e, h.value++, await j(), d.value = !0);
+      F(e) && (l.value = e, y.value++, await j(), a.value = !0);
     }
     function V(e) {
-      i.value.push(e), d.value = !1, a.value = "";
+      o.value.push(e), a.value = !1, l.value = "";
     }
     function U(e) {
-      const t = g(e.id);
-      t !== -1 && (i.value.splice(t, 1), i.value.splice(t, 0, e.software), a.value = "", d.value = !1);
+      const t = _(e.id);
+      t !== -1 && (o.value.splice(t, 1), o.value.splice(t, 0, e.software), l.value = "", a.value = !1);
     }
-    function A() {
-      const e = [
-        {
-          id: "9121b609-c2e1-4aa8-a602-f26869717c85",
-          functionalities: [
-            "Interaktive Dashboards"
-          ]
-        },
-        {
-          id: "78302e16-32b1-44ed-896c-b92da0d2029f",
-          functionalities: [
-            "Entscheidungsunterstuetzungswerkzeuge",
-            "Benutzerdefinierte Ebenen",
-            "Echtzeit-Integration von Sensordaten"
-          ]
-        }
-      ];
-      i.value = [...e];
+    function G() {
+      a.value = !1;
     }
-    const G = c(() => i.value.length > 0 ? "Weiter" : "Weiter ohne Hardware"), O = c(() => i.value.length > 0 ? "primary" : "secondary"), { model: x } = ie(y.stepGroup || "", M(y.edit));
-    return (e, t) => (r(), p(ne, {
+    const O = f(() => o.value.length > 0 ? "Weiter" : "Weiter ohne Software"), P = f(() => "primary"), $ = q(b, "edit"), { count: x, ensureHasOneResource: A } = re(b.stepGroup || "", $);
+    return (e, t) => (r(), m(ie, {
       title: "Geben Sie Informationen zur verwendeten Software an",
       subtitle: "Die Software wird zentral von uns verwaltet. Sie können in diesem Schritt auswählen, welche Software Sie verwendet haben. Sobald Sie eine Software zugeordnet haben, geben Sie bitte an, welche Funktionalitäten der Software Sie für diesen Schritt benötigt haben."
     }, {
-      default: u(({ confirm: o }) => [
-        v("button", { onClick: A }, " Software hinzufügen "),
-        s(w(I), {
+      default: d(({ confirm: i }) => [
+        c(w(R), {
           modelValue: w(x),
-          "onUpdate:modelValue": t[0] || (t[0] = (n) => W(x) ? x.value = n : null),
-          type: "group",
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => K(x) ? x.value = n : null),
+          sync: "",
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
           "aria-hidden": "",
-          "validation-rules": { ensureHasOneResource: w(oe) },
+          "validation-rules": { ensureHasOneResource: w(A) },
           validation: "+ensureHasOneResource",
           "validation-visibility": "live",
           "validation-messages": { ensureHasOneResource: "Sie müssen pro Schritt mindestens eine Software, einen Datensatz oder eine Hardware zuordnen, um fortfahren zu können." }
         }, null, 8, ["modelValue", "validation-rules"]),
-        s(w(I), {
-          modelValue: i.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
+        c(w(R), {
+          modelValue: o.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => o.value = n),
           name: "selected",
           type: "list",
           hidden: "",
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
-        k.value.length ? (r(), S("section", ae, [
-          (r(!0), S(_, null, z(k.value, (n, f) => (r(), p(X, {
-            key: f,
+        S.value.length ? (r(), v("section", le, [
+          (r(!0), v(k, null, g(S.value, (n, s) => (r(), m(Y, {
+            key: s,
+            spaced: "",
             class: "software-card",
-            onEdit: (l) => N(n.id),
-            onDelete: (l) => o({ id: n.id, resourceType: "Software", resource: n.name, callback: F })
+            onEdit: (u) => N(n.id),
+            onDelete: (u) => i({ id: n.id, resourceType: "Software", resource: n.name, callback: H })
           }, {
-            "sub-title": u(() => t[5] || (t[5] = [
-              D(" Name ", -1)
+            "sub-title": d(() => t[5] || (t[5] = [
+              B(" Name ", -1)
             ])),
-            title: u(() => [
-              D(K(n.name), 1)
+            title: d(() => [
+              B(L(n.name), 1)
             ]),
-            default: u(() => [
-              s(te, { title: "Genutzte Funktionalitäten" }, {
-                default: u(() => [
-                  v("div", le, [
-                    (r(!0), S(_, null, z(n.functionalities, (l) => (r(), p(Z, {
-                      key: l,
-                      text: l,
+            default: d(() => [
+              c(ne, { title: "Genutzte Funktionalitäten" }, {
+                default: d(() => [
+                  h("div", se, [
+                    (r(!0), v(k, null, g(n.functionalities, (u) => (r(), m(ee, {
+                      key: u,
+                      "no-border": "",
+                      text: u,
                       data: { "@value": "", URI: "" },
                       setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
                     }, null, 8, ["text"]))), 128))
@@ -148,42 +140,52 @@ const re = {
             ]),
             _: 2
           }, 1032, ["onEdit", "onDelete"]))), 128))
-        ])) : (r(), S("section", re, [
-          s(Y, {
+        ])) : (r(), v("section", ae, [
+          c(Z, {
             small: "",
             class: "empty-card"
           }, {
-            default: u(() => t[4] || (t[4] = [
-              v("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
+            default: d(() => t[4] || (t[4] = [
+              h("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
             ])),
             _: 1,
             __: [4]
           })
         ])),
-        s(B, {
-          exclude: i.value.map((n) => n.id),
+        c(I, {
+          exclude: o.value.map((n) => n.id),
           onSubmit: V
         }, null, 8, ["exclude"]),
-        v("section", ue, [
-          s(Q, {
-            "next-text": G.value,
-            "next-variant": O.value
-          }, null, 8, ["next-text", "next-variant"])
+        h("section", ue, [
+          c(X, {
+            class: "software-step-actions",
+            "next-text": O.value,
+            "next-variant": P.value,
+            "show-detailed-error-summary": ""
+          }, null, 8, ["next-text", "next-variant"]),
+          S.value.length === 0 ? (r(), m(oe, {
+            key: 0,
+            "resource-label": "Software"
+          })) : D("", !0)
         ]),
-        s(ee, {
-          modelValue: d.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (n) => d.value = n)
+        c(te, {
+          modelValue: a.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (n) => a.value = n),
+          "hide-close-btn": !0,
+          "compact-layout": !0,
+          title: "Software"
         }, {
-          default: u(() => [
-            a.value ? (r(), p(B, {
-              key: h.value,
-              modelValue: a.value,
-              "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value = n),
-              functionalities: C.value,
-              exclude: i.value.map((n) => n.id),
+          default: d(() => [
+            l.value ? (r(), m(I, {
+              key: y.value,
+              modelValue: l.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => l.value = n),
+              functionalities: E.value,
+              exclude: o.value.map((n) => n.id),
               onSubmit: V,
-              onPatch: U
-            }, null, 8, ["modelValue", "functionalities", "exclude"])) : L("", !0)
+              onPatch: U,
+              onClose: G
+            }, null, 8, ["modelValue", "functionalities", "exclude"])) : D("", !0)
           ]),
           _: 1
         }, 8, ["modelValue"])

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/utils.js

@@ -1,49 +1,48 @@
-import { required as m } from "@formkit/rules";
-import { useFormKitNodeById as l } from "@formkit/vue";
-import { computed as a, toValue as p } from "vue";
-function b(e) {
+import "@formkit/core";
+import "@formkit/vue";
+import { controlledComputed as j, whenever as T } from "@vueuse/core";
+import { ref as u, onMounted as k, computed as v, toValue as I } from "vue";
+import { useFormValues as x } from "../../../composables/useDpiFormValues.js";
+const z = 999;
+function q(e) {
   if (e != null && !(Array.isArray(e) && e.length === 0) && !(typeof e == "object" && Object.keys(e).length === 0) && !(typeof e == "string" && e.trim() === ""))
     return e;
 }
-function v(e, c) {
-  const n = l(`${e}/Software`), u = l(`${e}/Datensätze`), f = l(`${e}/Hardware`), i = a(() => {
-    var t, r, o;
-    return ((o = (r = (t = n.value) == null ? void 0 : t._value) == null ? void 0 : r.selected) == null ? void 0 : o.length) ?? 0;
-  }), d = a(() => {
-    var t, r, o;
-    return ((o = (r = (t = u.value) == null ? void 0 : t._value) == null ? void 0 : r.selected) == null ? void 0 : o.length) ?? 0;
-  }), h = a(() => {
-    var t, r, o;
-    return ((o = (r = (t = f.value) == null ? void 0 : t._value) == null ? void 0 : r.selected) == null ? void 0 : o.length) ?? 0;
+function E(e, o) {
+  const a = u(!1);
+  k(() => {
+    a.value = !0;
   });
-  return {
-    model: a({
-      get() {
-        const t = p(c);
-        return {
-          Software: t ? i.value : 999,
-          Datensätze: t ? d.value : 999,
-          Hardware: t ? h.value : 999
-        };
-      },
-      set() {
-      }
-    })
-  };
-}
-function O(e) {
-  const c = ["Software", "Datensätze", "Hardware"], n = e.at("$parent"), u = n == null ? void 0 : n.name, [f, i] = (u == null ? void 0 : u.split("/")) || [];
-  if (c.filter((s) => s !== i).every((s) => {
-    var t, r;
-    return (t = e == null ? void 0 : e._value) != null && t[s] ? Number((r = e == null ? void 0 : e._value) == null ? void 0 : r[s]) === 0 : !0;
-  })) {
-    const s = e.at("$parent.selected");
-    return s ? m(s) : !0;
+  const { formValues: r } = x(), s = u(0), l = u(0), c = u(0), d = u(0), f = u(0), m = u(0), g = u(0), i = (t) => Array.isArray(t) ? t.length : 0, p = v(() => s.value + l.value + c.value), b = v(() => d.value || 0 + f.value || 0 + m.value || 0 + g.value || 0), V = j(b, () => {
+    if (!a.value)
+      return "0";
+    const t = b.value;
+    return String(t);
+  }), L = v({
+    get() {
+      const t = p.value;
+      return a.value ? I(o) ? String(t) : String(z + t) : "0";
+    },
+    set() {
+    }
+  });
+  T(r, () => {
+    var t, n, N, _, C, w, S, D, H, h, y, A, O, R;
+    s.value = i((n = (t = r.value) == null ? void 0 : t[`${e}/Software`]) == null ? void 0 : n.selected), l.value = i((_ = (N = r.value) == null ? void 0 : N[`${e}/Datensätze`]) == null ? void 0 : _.selected), c.value = i((w = (C = r.value) == null ? void 0 : C[`${e}/Hardware`]) == null ? void 0 : w.selected), d.value = Number.parseInt((D = (S = r.value) == null ? void 0 : S["1. Datenerfassung/Hardware"]) == null ? void 0 : D.__resourceCount), f.value = Number.parseInt((h = (H = r.value) == null ? void 0 : H["2. Datenverarbeitung/Hardware"]) == null ? void 0 : h.__resourceCount), m.value = Number.parseInt((A = (y = r.value) == null ? void 0 : y["3. Datensimulation/Hardware"]) == null ? void 0 : A.__resourceCount), g.value = Number.parseInt((R = (O = r.value) == null ? void 0 : O["4. Datenvisualisierung/Hardware"]) == null ? void 0 : R.__resourceCount);
+  }, {
+    deep: !0,
+    immediate: !0
+  });
+  function $(t) {
+    return I(o) ? Number((t == null ? void 0 : t._value) ?? 0) > 0 : !0;
   }
-  return !0;
+  return { count: L, softwareSelected: s, datasetsSelected: l, hardwareSelected: c, realCount: p, globalResourceCount: V, ensureHasOneResource: $ };
+}
+function J(e) {
+  return Number((e == null ? void 0 : e._value) ?? 0) > 0;
 }
 export {
-  O as ensureHasOneResource,
-  b as looseRenderable,
-  v as useProcessStepResources
+  J as ensureHasOneResource,
+  q as looseRenderable,
+  E as useProcessStepResources
 };

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

@@ -1,64 +1,70 @@
-import { reactive as m, createElementBlock as c, openBlock as o, createElementVNode as i, createVNode as u, Fragment as h, renderList as _, unref as s, createBlock as g } from "vue";
-import { FormKit as v } from "@formkit/vue";
-import b from "../../../components/StepActionsSection.vue.js";
-import f from "../TextArea/TextAreaDefinition.js";
+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";
 /* empty css                    */
-import k from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const j = { class: "project-phasen-initiieren" }, w = { class: "project-phasen-initiieren-content" }, l = 1e3, V = {
+import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "project-phasen-initiieren" }, B = { class: "project-phasen-initiieren-content" }, u = 1e3, S = {
   __name: "InitiierenStep",
-  setup(x) {
-    const n = m({
+  setup(j) {
+    const n = c({
       questions: {
-        project_triggers: {
-          question: "Was waren Auslöser für das Projekta (z.B. rechtliche oder politische Vorgaben, intrinsische Motivation oder inspirierende Projekte aus anderen Kommunen)?",
+        projectTriggers: {
+          question: "Was waren Auslöser für das Projekt (z.B. rechtliche oder politische Vorgaben, intrinsische Motivation oder inspirierende Projekte aus anderen Kommunen)?",
+          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: ""
         },
-        involved_stakeholders: {
+        involvedStakeholders: {
           question: "Welche relevanten Akteure - innerhalb oder außerhalb Ihrer Organisation - haben Sie frühzeitig involviert (z.B. um politische Rückendeckung sicherzustellen)?",
+          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: ""
         },
-        data_collection_method: {
+        dataCollectionMethod: {
           question: "Wie haben Sie den Bestand vorhandener Daten erhoben?",
+          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: ""
         },
-        budget_planning: {
+        budgetPlanning: {
           question: "Wie haben Sie das (erste) Budget berechnet und nachhaltig gesichert?",
+          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: ""
         }
       }
-    }), d = Object.keys(n.questions).map((r) => ({
-      name: r,
-      text: n.questions[r].question
+    }), h = Object.keys(n.questions).map((t) => ({
+      name: t,
+      text: n.questions[t].question
     }));
-    function p(r, t) {
-      n.questions[r].answer = t.slice(0, l);
+    function l(t, r) {
+      n.questions[t].answer = r.slice(0, u);
     }
-    return (r, t) => (o(), c("div", j, [
-      t[1] || (t[1] = i("div", { class: "project-phasen-initiieren-header" }, [
+    return (t, r) => (s(), d("div", v, [
+      r[1] || (r[1] = i("div", { class: "project-phasen-initiieren-header" }, [
         i("h4", null, "Initiieren")
       ], -1)),
-      i("div", w, [
-        t[0] || (t[0] = i("p", { class: "project-phasen-initiieren-description" }, " Von der Projektid bis zum Projektplan. ", -1)),
-        (o(!0), c(h, null, _(s(d), (e) => (o(), g(s(v), {
-          key: e.name,
+      i("div", B, [
+        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), {
           id: e.name,
+          key: e.name,
           modelValue: n.questions[e.name].answer,
           "onUpdate:modelValue": (a) => n.questions[e.name].answer = a,
+          placeholder: n.questions[e.name].placeholder,
           label: e.text,
-          type: s(f),
+          type: o(k),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
-          help: `${n.questions[e.name].answer.length || 0} von ${l} Zeichen`,
+          labelWeight: "bold",
+          help: `${n.questions[e.name].answer.length || 0} von ${u} Zeichen`,
           "count-hint": !0,
-          onInput: (a) => p(e.name, a),
-          maxlength: l
-        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
-        u(b)
-      ])
+          maxlength: u,
+          onInput: (a) => l(e.name, a)
+        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "label", "type", "name", "help", "onInput"]))), 128))
+      ]),
+      m(w)
     ]));
   }
-}, W = /* @__PURE__ */ k(V, [["__scopeId", "data-v-525ce1e7"]]);
+}, x = /* @__PURE__ */ z(S, [["__scopeId", "data-v-fdf2167a"]]);
 export {
-  W as default
+  x as default
 };

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

@@ -1,64 +1,71 @@
-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";
+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";
 /* 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 = {
+import z from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const x = { class: "project-phasen-planen" }, A = { class: "project-phasen-planen-content" }, u = 1e3, V = {
   __name: "PlanenStep",
-  setup(q) {
-    const n = d({
+  setup(S) {
+    const n = c({
       questions: {
-        requirements_gatherings: {
+        requirementsGatherings: {
           question: "Wie haben Sie die Anforderungen erhoben und dokumentiert (z.B. durch Markterkundung, externe Berater oder Workshops)?",
+          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: ""
         },
-        tender_format: {
+        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?",
+          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: ""
         },
-        tender_tips: {
+        tenderTips: {
           question: "Welche Tipps haben Sie für eine erfolgreiche Ausschreibung?",
+          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: ""
         },
-        resource_planning: {
+        resourcePlanning: {
           question: "Wie haben Sie die Ressourcenplanung für die Entwicklung und den Betrieb Ihres Digitalen Zwillings gestaltet und gesichert?",
+          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: ""
         }
       }
-    }), p = Object.keys(n.questions).map((r) => ({
-      name: r,
-      text: n.questions[r].question
+    }), o = Object.keys(n.questions).map((t) => ({
+      name: t,
+      text: n.questions[t].question
     }));
-    function c(r, t) {
-      n.questions[r].answer = t.slice(0, l);
+    function h(t, r) {
+      n.questions[t].answer = r.slice(0, u);
     }
-    return (r, t) => (o(), u("div", V, [
-      t[1] || (t[1] = s("div", { class: "project-phasen-planen-header" }, [
-        s("h4", null, "Planen")
+    return (t, r) => (s(), d("div", x, [
+      r[1] || (r[1] = i("div", { class: "project-phasen-planen-header" }, [
+        i("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), {
+      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), {
           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,
+          labelWeight: "bold",
           label: e.text,
-          type: i(w),
+          type: l(k),
           name: e.name,
           validation: "length:0,1000",
           hint: "true",
-          help: `${n.questions[e.name].answer.length || 0} von ${l} Zeichen`,
+          help: `${n.questions[e.name].answer.length || 0} von ${u} 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(_)
-      ])
+          onInput: (a) => h(e.name, a),
+          maxlength: u
+        }, null, 8, ["placeholder", "id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128))
+      ]),
+      m(w)
     ]));
   }
-}, y = /* @__PURE__ */ k(S, [["__scopeId", "data-v-7497c24a"]]);
+}, P = /* @__PURE__ */ z(V, [["__scopeId", "data-v-939d6027"]]);
 export {
-  y as default
+  P as default
 };