@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.11

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

@@ -0,0 +1,254 @@
+import { defineComponent as re, mergeModels as _, useModel as ue, unref as i, watch as R, ref as ae, computed as v, createElementBlock as f, openBlock as u, createElementVNode as o, createCommentVNode as y, createVNode as a, Fragment as x, mergeProps as g, isRef as w, withCtx as ce, renderList as de, withDirectives as fe, vModelCheckbox as me, createBlock as P } from "vue";
+import { toTypedSchema as T } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
+import { useForm as j, useFieldArray as pe } from "vee-validate";
+import * as l from "zod";
+import he from "../Autocomplete/AutocompleteVocab.vue.js";
+import F from "../ButtonV3.vue.js";
+import Se from "../Chip.vue.js";
+import be from "../InputField.vue.js";
+import ve from "../ListBox/Listbox.vue.js";
+import ye from "./RichOption.vue.js";
+const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "step-section" }, Fe = { class: "step-section-actions" }, ke = { class: "step-section" }, Ve = {
+  key: 0,
+  class: "functionalities-container"
+}, Ie = ["id", "value"], xe = { class: "step-section-actions" }, ze = { class: "step-section-actions" }, O = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Te = /* @__PURE__ */ re({
+  __name: "SoftwareForm",
+  props: /* @__PURE__ */ _({
+    modelValue: {},
+    functionalities: {},
+    exclude: { default: () => [] }
+  }, {
+    modelValue: {
+      default: () => ""
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ _(["submit", "patch"], ["update:modelValue"]),
+  setup(z, { emit: Z }) {
+    const m = z, A = Z, G = ue(z, "modelValue"), h = !!m.modelValue, K = i(m.modelValue) || "", q = l.object({
+      lat: l.string().min(1, "Geben Sie einen Wert für die Breite ein"),
+      lng: l.string().min(1, "Geben Sie einen Wert für die Länge ein")
+    }), Q = l.array(q), Y = l.object({
+      id: l.string(),
+      functionalities: l.array(l.string()).min(1),
+      locations: Q
+    }), {
+      defineField: C,
+      handleSubmit: H,
+      resetForm: J,
+      errors: Ae
+    } = j({
+      validationSchema: T(Y),
+      initialValues: {
+        id: m.modelValue || "",
+        functionalities: m.functionalities || [],
+        locations: []
+      },
+      name: "softwareForm"
+    }), [c, X] = C("id"), [r, $] = C("functionalities"), {
+      remove: Ce,
+      push: Be,
+      fields: De
+    } = pe("locations");
+    R(c, (n) => {
+      G.value = n || "";
+    }, { immediate: !0 });
+    const B = ae(null);
+    function ee(n) {
+      B.value = n;
+    }
+    const p = v(() => !!c.value), D = v(() => {
+      var n;
+      return (((n = r.value) == null ? void 0 : n.length) ?? 0) > 0;
+    }), te = v(() => {
+      var n;
+      return ((n = B.value) == null ? void 0 : n.functionalities) ?? [];
+    }), ne = l.object({
+      functionalitySelect: l.string().optional(),
+      functionalityInput: l.string().optional()
+    }).superRefine((n, t) => {
+      const e = n.functionalitySelect && n.functionalitySelect.trim().length > 0, s = n.functionalityInput && n.functionalityInput.trim().length > 0;
+      !e && !s && (t.addIssue({
+        code: l.ZodIssueCode.custom,
+        message: O,
+        path: ["functionalitySelect"]
+      }), t.addIssue({
+        code: l.ZodIssueCode.custom,
+        message: O,
+        path: ["functionalityInput"]
+      }));
+    }), {
+      defineField: E,
+      handleSubmit: ie,
+      errors: S,
+      resetForm: k
+    } = j({
+      validationSchema: T(ne),
+      initialValues: {
+        functionalitySelect: "",
+        functionalityInput: ""
+      }
+    });
+    R(c, (n, t) => {
+      !!t && !!n && n !== t && (k(), r.value = []);
+    });
+    const [V, oe] = E("functionalitySelect"), [I, le] = E("functionalityInput"), L = v(() => Array.from(r.value || [])), M = H((n) => {
+      h ? A("patch", {
+        id: K,
+        software: {
+          id: n.id,
+          functionalities: Array.from(r.value || []).filter(Boolean)
+        }
+      }) : A("submit", {
+        id: n.id,
+        functionalities: Array.from(r.value || []).filter(Boolean)
+      }), k(), J();
+    }), se = ie((n) => {
+      var e, s;
+      const t = n.functionalitySelect || n.functionalityInput;
+      t && t.trim().length > 0 && !((e = r.value) != null && e.includes(t)) && ((s = r.value) == null || s.push(t)), k();
+    });
+    return (n, t) => (u(), f("div", ge, [
+      o("section", we, [
+        h ? y("", !0) : (u(), f(x, { key: 0 }, [
+          t[5] || (t[5] = o("h5", null, "Wählen Sie eine bestehende Software", -1)),
+          t[6] || (t[6] = o("p", null, "Falls die Software bereits angelegt wurde, können Sie sie hier auswählen.", -1))
+        ], 64)),
+        a(he, g({
+          modelValue: i(c),
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => w(c) ? c.value = e : null)
+        }, i(X), {
+          "base-url": "https://twin.bydata.de/api/hub/search",
+          resource: "software",
+          label: "",
+          placeholder: "Software...",
+          name: "software",
+          "setup-fn": (e) => {
+            var s, d, b, N, U, W;
+            return {
+              id: e == null ? void 0 : e.id,
+              name: ((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((d = e == null ? void 0 : e.name) == null ? void 0 : d.en),
+              functionalities: (e == null ? void 0 : e.functionalities) || [],
+              unavailable: m.exclude.includes(e == null ? void 0 : e.id),
+              manufacturer: (N = (b = e == null ? void 0 : e.manufacturer) == null ? void 0 : b[0]) == null ? void 0 : N.label,
+              description: ((U = e == null ? void 0 : e.description) == null ? void 0 : U.de) || ((W = e == null ? void 0 : e.description) == null ? void 0 : W.en),
+              version: e == null ? void 0 : e.version
+            };
+          },
+          onSelect: ee
+        }), {
+          option: ce(({ option: e, active: s, selected: d, disabled: b }) => [
+            a(ye, {
+              name: e.name,
+              manufacturer: e.manufacturer,
+              description: e.description,
+              active: s,
+              selected: d,
+              "is-disabled": b
+            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "is-disabled"])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "setup-fn"]),
+        h ? y("", !0) : (u(), f(x, { key: 1 }, [
+          t[7] || (t[7] = o("h5", null, "oder", -1)),
+          t[8] || (t[8] = o("p", null, " Sollte die verwendete Software noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Software in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Software-Datensatz ersetzen. ", -1)),
+          o("div", Fe, [
+            a(F, {
+              "button-text": "Zur Softwarebeantragung",
+              size: "medium",
+              variant: "secondary"
+            })
+          ])
+        ], 64))
+      ]),
+      o("section", ke, [
+        t[9] || (t[9] = o("h5", null, " Wie haben Sie die Software verwendet? ", -1)),
+        t[10] || (t[10] = o("p", null, " Beschreiben Sie, wie Sie die angegebene Software verwendet haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
+        L.value.length > 0 ? (u(), f("div", Ve, [
+          (u(!0), f(x, null, de(L.value, (e, s) => (u(), f("div", {
+            key: s,
+            class: "functionalities"
+          }, [
+            fe(o("input", g({
+              id: e,
+              "onUpdate:modelValue": t[1] || (t[1] = (d) => w(r) ? r.value = d : null),
+              hidden: "",
+              value: e,
+              name: "selectedFunctionalities",
+              type: "checkbox"
+            }, { ref_for: !0 }, i($)), null, 16, Ie), [
+              [me, i(r)]
+            ]),
+            a(Se, {
+              as: "label",
+              for: e,
+              text: e,
+              setup: {
+                "@type": "select",
+                "@icon": "suffix",
+                "@inTable": !1,
+                "@search": !1,
+                "@selected": !0
+              },
+              data: { "@value": e, URI: e },
+              "select-value": !0
+            }, null, 8, ["for", "text", "data"])
+          ]))), 128))
+        ])) : y("", !0),
+        a(ve, g({
+          modelValue: i(V),
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => w(V) ? V.value = e : null),
+          options: te.value,
+          "error-message": i(S).functionalitySelect,
+          label: "Funktionalitäten auswählen",
+          placeholder: "Wählen Sie eine Funktionalität.",
+          disabled: !p.value
+        }, i(oe)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+        t[11] || (t[11] = o("h5", null, " oder ", -1)),
+        a(be, g({
+          modelValue: i(I),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => w(I) ? I.value = e : null),
+          "initial-hint-text": !!i(S).functionalityInput,
+          error_message: i(S).functionalityInput,
+          "show-error": !!i(S).functionalityInput,
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          "show-end-icon": !1,
+          "pre-icon": !1,
+          "is-disabled": !p.value,
+          label: "Funktionalitäten nennen",
+          placeholder: "Nennen Sie eine Funktionalität"
+        }, i(le)), null, 16, ["modelValue", "initial-hint-text", "error_message", "show-error", "is-disabled"]),
+        o("div", xe, [
+          a(F, {
+            "button-text": "Funktionalität hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !p.value,
+            onClick: i(se)
+          }, null, 8, ["disabled", "onClick"])
+        ])
+      ]),
+      y("", !0),
+      o("section", ze, [
+        h ? (u(), P(F, {
+          key: 0,
+          "button-text": "Speichern",
+          disabled: !p.value || !D.value,
+          onClick: i(M)
+        }, null, 8, ["disabled", "onClick"])) : (u(), P(F, {
+          key: 1,
+          "icon-start": "PlusSquare",
+          "button-text": "Software hinzufügen",
+          disabled: !p.value || !D.value,
+          onClick: i(M)
+        }, null, 8, ["disabled", "onClick"]))
+      ])
+    ]));
+  }
+});
+export {
+  Te as default
+};

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

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

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

@@ -0,0 +1,184 @@
+import { defineComponent as $, ref as v, computed as c, watch as M, toRef as W, createBlock as f, openBlock as o, withCtx as u, createVNode as s, createElementBlock as S, createElementVNode as x, unref as m, isRef as K, Fragment as g, renderList as D, createTextVNode as B, toDisplayString as L, createCommentVNode as I, nextTick as j } from "vue";
+import { FormKit as R } 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 "./AreYouSureToSkipCard.vue.js";
+import re from "./ProcessStepBase.vue.js";
+/* empty css                     */
+import z from "./SoftwareForm.vue.js";
+import { useProcessStepResources as oe, ensureHasOneResource as ie } from "./utils.js";
+const ae = {
+  key: 0,
+  class: "software-step__card-list--empty"
+}, le = {
+  key: 1,
+  class: "software-step__card-list"
+}, ue = { class: "functionalities" }, se = { class: "" }, ge = /* @__PURE__ */ $({
+  __name: "SoftwareStep",
+  props: {
+    stepGroup: {},
+    edit: { type: Boolean }
+  },
+  setup(T) {
+    const y = T, d = v(!1), r = v([]), { useResources: C } = q({
+      baseUrl: "https://twin.bydata.de/api/hub/search",
+      index: "resource",
+      indexDetails: "resources/software",
+      schema: J.any()
+    }, (e) => {
+      var p, l;
+      const t = String((e == null ? void 0 : e.id) || ""), i = String(((p = e == null ? void 0 : e.name) == null ? void 0 : p.de) || ((l = e == null ? void 0 : e.name) == null ? void 0 : l.en) || "");
+      return {
+        ...e,
+        id: t,
+        name: i
+      };
+    }), b = C(c(() => r.value.map((e) => ({
+      resourceId: e.id
+    })))), E = c(() => b.value.every((e) => e.isSuccess)), _ = c(() => E.value ? b.value.map((e, t) => {
+      const i = e.resultEnhanced;
+      return {
+        id: i.id,
+        name: (i == null ? void 0 : i.name) || "",
+        functionalities: r.value[t].functionalities
+      };
+    }) : []), a = v(""), F = c(() => {
+      var e;
+      return [...((e = r.value.find((t) => t.id === a.value)) == null ? void 0 : e.functionalities) || []];
+    }), w = v(0);
+    M(d, (e, t) => {
+      !e && t && w.value++;
+    });
+    function H(e) {
+      return r.value.find((t) => t.id === e);
+    }
+    function V(e) {
+      return r.value.findIndex((t) => t.id === e);
+    }
+    function N(e) {
+      const t = V(e);
+      t !== -1 && r.value.splice(t, 1);
+    }
+    async function U(e) {
+      H(e) && (a.value = e, w.value++, await j(), d.value = !0);
+    }
+    function k(e) {
+      r.value.push(e), d.value = !1, a.value = "";
+    }
+    function A(e) {
+      const t = V(e.id);
+      t !== -1 && (r.value.splice(t, 1), r.value.splice(t, 0, e.software), a.value = "", d.value = !1);
+    }
+    const G = c(() => r.value.length > 0 ? "Weiter" : "Weiter ohne Software"), O = c(() => r.value.length > 0 ? "primary" : "secondary"), { count: h, realCount: P } = oe(y.stepGroup || "", W(y.edit));
+    return (e, t) => (o(), f(re, {
+      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: i }) => [
+        s(m(R), {
+          modelValue: m(h),
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => K(h) ? h.value = n : null),
+          type: "hidden",
+          name: "__resourceCount",
+          hidden: "",
+          "aria-hidden": "",
+          "validation-rules": { ensureHasOneResource: m(ie) },
+          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(m(R), {
+          modelValue: r.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => r.value = n),
+          name: "selected",
+          type: "list",
+          hidden: "",
+          "aria-hidden": ""
+        }, null, 8, ["modelValue"]),
+        _.value.length ? (o(), S("section", le, [
+          (o(!0), S(g, null, D(_.value, (n, p) => (o(), f(X, {
+            key: p,
+            class: "software-card",
+            onEdit: (l) => U(n.id),
+            onDelete: (l) => i({ id: n.id, resourceType: "Software", resource: n.name, callback: N })
+          }, {
+            "sub-title": u(() => t[5] || (t[5] = [
+              B(" Name ", -1)
+            ])),
+            title: u(() => [
+              B(L(n.name), 1)
+            ]),
+            default: u(() => [
+              s(te, { title: "Genutzte Funktionalitäten" }, {
+                default: u(() => [
+                  x("div", ue, [
+                    (o(!0), S(g, null, D(n.functionalities, (l) => (o(), f(Z, {
+                      key: l,
+                      text: l,
+                      data: { "@value": "", URI: "" },
+                      setup: { "@type": "selected", "@search": !1, "@inTable": !1, "@findability": !0, "@static": !0 }
+                    }, null, 8, ["text"]))), 128))
+                  ])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["onEdit", "onDelete"]))), 128))
+        ])) : (o(), S("section", ae, [
+          s(Y, {
+            small: "",
+            class: "empty-card"
+          }, {
+            default: u(() => t[4] || (t[4] = [
+              x("p", { class: "copy-large-regular empty-card-text" }, " Aktuell haben Sie noch keine Software im Prozessschritt hinterlegt. ", -1)
+            ])),
+            _: 1,
+            __: [4]
+          })
+        ])),
+        s(z, {
+          exclude: r.value.map((n) => n.id),
+          onSubmit: k
+        }, null, 8, ["exclude"]),
+        x("section", se, [
+          s(Q, {
+            "next-text": G.value,
+            "next-variant": O.value
+          }, null, 8, ["next-text", "next-variant"]),
+          m(P) === 0 ? (o(), f(ne, {
+            key: 0,
+            "resource-label": "Software"
+          })) : I("", !0)
+        ]),
+        s(ee, {
+          modelValue: d.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (n) => d.value = n)
+        }, {
+          default: u(() => [
+            a.value ? (o(), f(z, {
+              key: w.value,
+              modelValue: a.value,
+              "onUpdate:modelValue": t[2] || (t[2] = (n) => a.value = n),
+              functionalities: F.value,
+              exclude: r.value.map((n) => n.id),
+              onSubmit: k,
+              onPatch: A
+            }, null, 8, ["modelValue", "functionalities", "exclude"])) : I("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  ge as default
+};

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

@@ -0,0 +1,34 @@
+import { useFormKitNodeById as u } from "@formkit/vue";
+import { computed as o, toValue as m } from "vue";
+const y = 999;
+function h(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 w(e, i) {
+  const l = u(`${e}/Software`), d = u(`${e}/Datensätze`), f = u(`${e}/Hardware`), n = (t) => Array.isArray(t) ? t.length : 0, s = o(() => {
+    var t, r;
+    return n((r = (t = l.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
+  }), c = o(() => {
+    var t, r;
+    return n((r = (t = d.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
+  }), a = o(() => {
+    var t, r;
+    return n((r = (t = f.value) == null ? void 0 : t._value) == null ? void 0 : r.selected);
+  }), v = o({
+    get() {
+      return !m(i) ? String(y) : String(s.value + c.value + a.value);
+    },
+    set() {
+    }
+  }), S = o(() => s.value + c.value + a.value);
+  return { count: v, softwareSelected: s, datasetsSelected: c, hardwareSelected: a, realCount: S };
+}
+function A(e) {
+  return Number((e == null ? void 0 : e._value) ?? 0) > 0;
+}
+export {
+  A as ensureHasOneResource,
+  h as looseRenderable,
+  w as useProcessStepResources
+};

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

@@ -0,0 +1,69 @@
+import { reactive as c, createElementBlock as h, 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 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(j) {
+    const n = c({
+      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)?",
+          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)?",
+          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?",
+          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?",
+          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((t) => ({
+      name: t,
+      text: n.questions[t].question
+    }));
+    function l(t, r) {
+      n.questions[t].answer = r.slice(0, u);
+    }
+    return (t, r) => (s(), h("div", v, [
+      r[1] || (r[1] = i("div", { class: "project-phasen-initiieren-header" }, [
+        i("h4", null, "Initiieren")
+      ], -1)),
+      i("div", B, [
+        r[0] || (r[0] = i("p", { class: "project-phasen-initiieren-description" }, " Von der Projektidee bis zum Projektplan. ", -1)),
+        (s(!0), h(g, null, p(o(d), (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: o(k),
+          name: e.name,
+          validation: "length:0,1000",
+          hint: "true",
+          help: `${n.questions[e.name].answer.length || 0} von ${u} Zeichen`,
+          "count-hint": !0,
+          maxlength: u,
+          onInput: (a) => l(e.name, a)
+        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "placeholder", "label", "type", "name", "help", "onInput"]))), 128))
+      ]),
+      m(w)
+    ]));
+  }
+}, x = /* @__PURE__ */ z(S, [["__scopeId", "data-v-16f687f3"]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,70 @@
+import { reactive as c, createElementBlock as d, openBlock as s, createElementVNode as i, createVNode as m, Fragment as p, renderList as g, 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 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(S) {
+    const n = c({
+      questions: {
+        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: ""
+        },
+        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: ""
+        },
+        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: ""
+        },
+        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: ""
+        }
+      }
+    }), o = 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);
+    }
+    return (t, r) => (s(), d("div", x, [
+      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(p, null, g(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,
+          label: e.text,
+          type: l(k),
+          name: e.name,
+          validation: "length:0,1000",
+          hint: "true",
+          help: `${n.questions[e.name].answer.length || 0} von ${u} Zeichen`,
+          "count-hint": !0,
+          onInput: (a) => h(e.name, a),
+          maxlength: u
+        }, null, 8, ["placeholder", "id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128))
+      ]),
+      m(w)
+    ]));
+  }
+}, P = /* @__PURE__ */ z(V, [["__scopeId", "data-v-009303d2"]]);
+export {
+  P as default
+};

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

@@ -0,0 +1,48 @@
+import { createElementBlock as t, openBlock as i, createElementVNode as e, createVNode as p, Fragment as c, renderList as d, createTextVNode as l, toDisplayString as s } from "vue";
+import u from "../../../components/StepActionsSection.vue.js";
+/* empty css                               */
+import h from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "project-phasen-overview" }, m = { class: "project-phasen-overview-content" }, g = { class: "project-phasen-overview-content" }, b = {
+  __name: "ProjektPhasenOverviewStep",
+  setup(j) {
+    const o = [
+      {
+        title: "Initiieren",
+        description: "Von der Projektidee bis zum Projektplan."
+      },
+      {
+        title: "Planen",
+        description: "Von der Ausschreibung bis zur Vergabe."
+      },
+      {
+        title: "Umsetzen",
+        description: "Von der Dienstleistersteuerung bis zur Meilensteinerreichung."
+      },
+      {
+        title: "Weiterdenken",
+        description: "Von den Learnings bis zur Skalierung der Projektergebnisse."
+      }
+    ];
+    return (k, n) => (i(), t("div", v, [
+      n[1] || (n[1] = e("div", { class: "project-phasen-overview-header" }, [
+        e("h4", null, "Geben Sie die Projektphasen Ihres Projekts an (optional)")
+      ], -1)),
+      e("div", m, [
+        n[0] || (n[0] = e("p", { class: "project-phasen-overview-description" }, "Helfen Sie anderen Kommunen Ihr Projekt noch besser zu verstehen, indem Sie Ihre organisatorischen Herausforderungen und Lösungswege beschreiben. Um Sie bei der Dokumentation zu unterstützen, leiten wir Sie anhand von Interviewfragen durch die folgenden vier Phasen:", -1)),
+        e("ul", g, [
+          (i(), t(c, null, d(o, (r, a) => e("li", {
+            key: a,
+            class: "project-phasen-phase"
+          }, [
+            l(s(r.title) + ": ", 1),
+            e("span", null, s(r.description), 1)
+          ])), 64))
+        ])
+      ]),
+      p(u)
+    ]));
+  }
+}, w = /* @__PURE__ */ h(b, [["__scopeId", "data-v-fbba69a0"]]);
+export {
+  w as default
+};