@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.9

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

@@ -1,4 +1,74 @@
-import f from "./DatasetForm.vue.js";
+import { defineComponent as w, watch as y, createElementBlock as k, openBlock as B, createElementVNode as i, createVNode as l, mergeProps as _, unref as d, isRef as j, withCtx as A } from "vue";
+import { toTypedSchema as C } 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 E } from "vee-validate";
+import * as D from "zod";
+import I from "../Autocomplete/AutocompleteVocab.vue.js";
+import N from "../ButtonV3.vue.js";
+import R from "./RichOption.vue.js";
+const W = { class: "dpi-project-process-step V3-typography" }, K = { class: "step-section" }, O = { class: "step-section-actions" }, H = /* @__PURE__ */ w({
+  __name: "DatasetForm",
+  props: {
+    exclude: { default: () => [] }
+  },
+  emits: ["submit"],
+  setup(v, { emit: z }) {
+    const S = v, g = z, V = D.object({ id: D.string() }), { defineField: x } = E({
+      validationSchema: C(V),
+      initialValues: { id: "" },
+      name: "datasetForm"
+    }), [s, F] = x("id");
+    return y(s, (m) => {
+      const n = String(m || "").trim();
+      n && g("submit", { id: n });
+    }), (m, n) => (B(), k("div", W, [
+      i("section", K, [
+        n[1] || (n[1] = i("h5", null, "Wählen Sie einen bestehenden Datensatz", -1)),
+        n[2] || (n[2] = i("p", null, "Falls der Datensatz schon in unserem System existiert, können Sie ihn hier auswählen.", -1)),
+        l(I, _({
+          modelValue: d(s),
+          "onUpdate:modelValue": n[0] || (n[0] = (e) => j(s) ? s.value = e : null)
+        }, d(F), {
+          "base-url": "https://twin.bydata.de/api/hub/search",
+          resource: "dataset",
+          label: "",
+          placeholder: "Wählen Sie einen Datensatz.",
+          name: "dataset",
+          "setup-fn": (e) => {
+            var t, r, o, u, p, c, f, h, b;
+            return {
+              id: e == null ? void 0 : e.id,
+              name: ((t = e == null ? void 0 : e.title) == null ? void 0 : t.de) || ((r = e == null ? void 0 : e.title) == null ? void 0 : r.en) || (e == null ? void 0 : e.id),
+              description: ((o = e == null ? void 0 : e.description) == null ? void 0 : o.de) || ((u = e == null ? void 0 : e.description) == null ? void 0 : u.en),
+              manufacturer: ((c = (p = e == null ? void 0 : e.publisher) == null ? void 0 : p.name) == null ? void 0 : c.de) || ((h = (f = e == null ? void 0 : e.publisher) == null ? void 0 : f.name) == null ? void 0 : h.en) || ((b = e == null ? void 0 : e.publisher) == null ? void 0 : b.name),
+              unavailable: S.exclude.includes(e == null ? void 0 : e.id)
+            };
+          }
+        }), {
+          option: A(({ option: e, active: t, selected: r, disabled: o }) => [
+            l(R, {
+              name: e.name,
+              manufacturer: e.manufacturer,
+              description: e.description,
+              active: t,
+              selected: r,
+              disabled: o
+            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "setup-fn"]),
+        n[3] || (n[3] = i("h5", null, "oder", -1)),
+        n[4] || (n[4] = i("p", null, " Sollte der verwendete Datensatz noch nicht im Katalog verfügbar sein, legen Sie einen neuen Datensatz an. Der Datensatz kann zugeordnet werden, sobald er veröffentlicht ist. ", -1)),
+        i("div", O, [
+          l(N, {
+            "button-text": "Zur Datensatzanlage",
+            size: "medium",
+            variant: "secondary"
+          })
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  H as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as H, ref as I, computed as l, toRef as $, createBlock as u, openBlock as r, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as d, isRef as M, Fragment as N, renderList as T, createCommentVNode as _, createTextVNode as c, toDisplayString as h } from "vue";
+import { defineComponent as H, ref as I, computed as l, toRef as M, createBlock as u, openBlock as r, withCtx as i, createVNode as o, createElementBlock as f, createElementVNode as v, unref as d, isRef as N, Fragment as T, renderList as $, createCommentVNode as h, createTextVNode as c, toDisplayString as D } from "vue";
 import { FormKit as b } from "@formkit/vue";
 import { schemaDataset as G } from "@piveau/sdk-core";
 import { defineHubSearch as O, dcatApDataset as E } from "@piveau/sdk-vue";
-import P from "../../../components/StepActionsSection.vue.js";
-import U from "../ActionCard.vue.js";
-import W from "../Card.vue.js";
-import y from "../SummaryBox.vue.js";
-import F from "./AreYouSureToSkipCard.vue.js";
+import F from "../../../components/StepActionsSection.vue.js";
+import P from "../ActionCard.vue.js";
+import U from "../Card.vue.js";
+import _ from "../SummaryBox.vue.js";
+import W from "./AreYouSureToSkipCard.vue.js";
 import L from "./DatasetForm.vue.js";
 import K from "./ProcessStepBase.vue.js";
 /* empty css                     */
@@ -24,7 +24,7 @@ const J = {
     edit: { type: Boolean }
   },
   setup(g) {
-    const D = g, a = I([]), { useResources: k } = O({
+    const y = g, a = I([]), { useResources: k } = O({
       baseUrl: "https://twin.bydata.de/api/hub/search",
       index: "dataset",
       indexDetails: "datasets",
@@ -57,7 +57,7 @@ const J = {
     function R(n) {
       a.value.push(n);
     }
-    const { count: m, realCount: B } = j(D.stepGroup || "", $(D.edit)), A = l(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), C = l(() => a.value.length > 0 ? "primary" : "secondary");
+    const { count: m, realCount: B } = j(y.stepGroup || "", M(y.edit)), A = l(() => a.value.length > 0 ? "Weiter" : "Weiter ohne Datensätze"), C = l(() => a.value.length > 0 ? "primary" : "secondary");
     return (n, e) => (r(), u(K, {
       title: "Geben Sie Informationen zu verwendeten Datensätzen an",
       subtitle: "Geben Sie an, welche Datensätze Sie für diesen Prozessschritt verwendet haben. Sie können entweder einen bestehenden Datensatz auswählen oder einen Datensatz neu anlegen. Wenn Sie einen Datensatz neu anlegen, haben Sie die Möglichkeit die Sichtbarkeit des Datensatzes einzuschränken."
@@ -65,7 +65,7 @@ const J = {
       default: i(({ confirm: s }) => [
         o(d(b), {
           modelValue: d(m),
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => M(m) ? m.value = t : null),
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => N(m) ? m.value = t : null),
           type: "hidden",
           name: "__resourceCount",
           hidden: "",
@@ -84,7 +84,7 @@ const J = {
           "aria-hidden": ""
         }, null, 8, ["modelValue"]),
         S.value.length ? (r(), f("section", Q, [
-          (r(!0), f(N, null, T(S.value, (t, p) => (r(), u(U, {
+          (r(!0), f(T, null, $(S.value, (t, p) => (r(), u(P, {
             key: p,
             class: "software-card",
             "no-edit": !0,
@@ -95,36 +95,36 @@ const J = {
             ])),
             default: i(() => [
               v("div", X, [
-                o(y, { title: "Name" }, {
+                o(_, { title: "Name" }, {
                   default: i(() => [
-                    c(h(t.name), 1)
+                    c(D(t.name), 1)
                   ]),
                   _: 2
                 }, 1024),
-                t.manufacturer ? (r(), u(y, {
+                t.manufacturer ? (r(), u(_, {
                   key: 0,
                   title: "Datenbereitsteller, Aktualisiert"
                 }, {
                   default: i(() => [
-                    c(h(t.manufacturer), 1)
+                    c(D(t.manufacturer), 1)
                   ]),
                   _: 2
-                }, 1024)) : _("", !0),
-                t.description ? (r(), u(y, {
+                }, 1024)) : h("", !0),
+                t.description ? (r(), u(_, {
                   key: 1,
                   title: "Beschreibung"
                 }, {
                   default: i(() => [
-                    c(h(t.description), 1)
+                    c(D(t.description), 1)
                   ]),
                   _: 2
-                }, 1024)) : _("", !0)
+                }, 1024)) : h("", !0)
               ])
             ]),
             _: 2
           }, 1032, ["onDelete"]))), 128))
         ])) : (r(), f("section", J, [
-          o(W, {
+          o(U, {
             small: "",
             class: "empty-card"
           }, {
@@ -140,14 +140,14 @@ const J = {
           onSubmit: R
         }, null, 8, ["exclude"]),
         v("section", Y, [
-          o(P, {
+          o(F, {
             "next-text": A.value,
             "next-variant": C.value
           }, null, 8, ["next-text", "next-variant"]),
-          d(B) === 0 ? (r(), u(F, {
+          d(B) === 0 ? (r(), u(W, {
             key: 0,
             "resource-label": "Datensätze"
-          })) : _("", !0)
+          })) : h("", !0)
         ])
       ]),
       _: 1

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

@@ -1,7 +1,7 @@
 import o from "./HardwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7163c04a"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-017dbc28"]]);
 export {
   p as default
 };

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

@@ -10,10 +10,13 @@ import ke from "../ListBox/Listbox.vue.js";
 import ye from "../TextAreaV3.vue.js";
 import H from "./ProcessStepInputCard.vue.js";
 import bt from "./RichOption.vue.js";
-const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "step-section" }, kt = { key: 0 }, yt = { class: "step-section-actions" }, St = { class: "step-section step-section--lg" }, Vt = {
+const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "step-section" }, kt = { key: 0 }, yt = { class: "step-section-actions" }, St = { class: "step-section" }, Vt = {
   key: 0,
   class: "functionalities-container"
-}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, Ut = { class: "step-section-actions" }, $t = { class: "step-section" }, At = { key: 0 }, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, Se = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ve = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", C = 500, en = /* @__PURE__ */ ft({
+}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, Ut = { class: "step-section-actions" }, $t = { class: "step-section" }, At = {
+  key: 0,
+  class: "functionalities-container"
+}, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, Se = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ve = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", C = 500, en = /* @__PURE__ */ ft({
   __name: "HardwareForm",
   props: /* @__PURE__ */ he({
     modelValue: {},
@@ -286,7 +289,8 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
                 "@search": !1,
                 "@selected": !0
               },
-              data: { "@value": e, URI: e }
+              data: { "@value": e, URI: e },
+              "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : F("", !0),
@@ -444,7 +448,8 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
                 "@search": !1,
                 "@selected": !0
               },
-              data: { "@value": e, URI: e }
+              data: { "@value": e, URI: e },
+              "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : F("", !0),

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

@@ -1,19 +1,19 @@
 import { createElementBlock as s, openBlock as a, createStaticVNode as r, createElementVNode as e, createVNode as t, withCtx as i, unref as l } from "vue";
 import { PhLightbulb as o } from "@phosphor-icons/vue";
-import c from "../../../components/StepActionsSection.vue.js";
-import d from "../Card.vue.js";
+import d from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
 /* empty css                              */
-import u from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" }, h = { class: "funny-section process-footer-information" }, m = {
+import c from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "dpiV3_page V3-typography" }, g = { class: "funny-section" }, v = { class: "funny-section process-footer-information" }, h = {
   __name: "ProcessStepsOverviewStep",
-  setup(p) {
-    return (f, n) => (a(), s("div", g, [
-      n[2] || (n[2] = r('<section class="funny-section" data-v-eac93c65><div class="funny-flex" data-v-eac93c65><div data-v-eac93c65><h4 data-v-eac93c65> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-eac93c65><span class="process-description" data-v-eac93c65> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-eac93c65> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-eac93c65> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-eac93c65> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-eac93c65><h5 data-v-eac93c65> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h5><ul data-v-eac93c65><li data-v-eac93c65> Teilen Sie im Schritt der <strong data-v-eac93c65>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-eac93c65> Beschreiben Sie im Schritt der <strong data-v-eac93c65>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-eac93c65> Schildern Sie im Schritt der <strong data-v-eac93c65>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-eac93c65> Führen Sie im Schritt der <strong data-v-eac93c65>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
-      e("section", v, [
-        t(c, { "next-text": "Weiter zur Datenerfassung" })
+  setup(m) {
+    return (p, n) => (a(), s("div", f, [
+      n[2] || (n[2] = r('<section class="funny-section" data-v-29acf057><div class="funny-flex" data-v-29acf057><div data-v-29acf057><h4 data-v-29acf057> Geben Sie die Technischen Prozessschritte Ihres Projekts an </h4><div class="process-description-section" data-v-29acf057><span class="process-description" data-v-29acf057> Nachdem Sie anhand der Projektphasen geschildert haben, wie Sie von der Idee zur Umsetzung gekommen sind (optional), zeigen Sie in den technischen Prozessschritten detailliert, wie Sie mit den Daten gearbeitet haben – vom Erfassen über die Verarbeitung und Simulation bis zur Visualisierung. </span><span class="process-description strong" data-v-29acf057> Pro Projekt muss mindestens ein technischer Prozessschritt beschrieben werden. </span><span class="process-description strong" data-v-29acf057> Jedem Schritt muss mindestens eine Software, ein Datensatz oder eine Hardware zugeordnet werden, die verwendet wurden. </span><span class="process-description" data-v-29acf057> An unseren Beispielen für „Hochwasserschutzprogramm mit Prognosen“ sehen Sie, wie Sie vorgehen können. </span></div></div><div class="steps" data-v-29acf057><h5 data-v-29acf057> Welche der folgenden Schritte haben Sie in Ihrem Projekt durchlaufen? </h5><ul data-v-29acf057><li data-v-29acf057> Teilen Sie im Schritt der <strong data-v-29acf057>Datenerfassung</strong> mit anderen Kommunen, wie Sie relevante Daten, wie etwa Verwaltungs- oder Sensordaten, erhoben haben. </li><li data-v-29acf057> Beschreiben Sie im Schritt der <strong data-v-29acf057>Datenverarbeitung</strong>, wie Sie die Rohdaten zusammengeführt und aufbereitet haben. </li><li data-v-29acf057> Schildern Sie im Schritt der <strong data-v-29acf057>Datensimulation</strong>, ob und wie Sie auf Basis der verarbeiteten Daten Szenarien mithilfe von Simulationsmodellen nachgebildet und analysiert haben. </li><li data-v-29acf057> Führen Sie im Schritt der <strong data-v-29acf057>Datenvisualisierung</strong> aus, in welcher Form die Ergebnisse der Simulationen verständlich aufbereitet und visualisiert wurden. </li></ul></div></div></section>', 1)),
+      e("section", g, [
+        t(d, { "next-text": "Weiter zur Datenerfassung" })
       ]),
-      e("section", h, [
-        t(d, { variant: "default" }, {
+      e("section", v, [
+        t(u, { variant: "default" }, {
           icon: i(() => [
             t(l(o), {
               size: 32,
@@ -65,7 +65,7 @@ const g = { class: "dpiV3_page V3-typography" }, v = { class: "funny-section" },
       ])
     ]));
   }
-}, _ = /* @__PURE__ */ u(m, [["__scopeId", "data-v-eac93c65"]]);
+}, _ = /* @__PURE__ */ c(h, [["__scopeId", "data-v-29acf057"]]);
 export {
   _ as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./SoftwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ba1336a"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5a706c01"]]);
 export {
   f as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as re, mergeModels as _, useModel as ue, unref as i, watch as R, ref as ae, computed as y, createElementBlock as f, openBlock as u, createElementVNode as o, createCommentVNode as v, 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 { 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";
@@ -6,9 +6,9 @@ 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 ye from "../ListBox/Listbox.vue.js";
-import ve 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 step-section--lg" }, Ve = {
+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({
@@ -57,10 +57,10 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     function ee(n) {
       B.value = n;
     }
-    const p = y(() => !!c.value), D = y(() => {
+    const p = v(() => !!c.value), D = v(() => {
       var n;
       return (((n = r.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), te = y(() => {
+    }), te = v(() => {
       var n;
       return ((n = B.value) == null ? void 0 : n.functionalities) ?? [];
     }), ne = l.object({
@@ -92,7 +92,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     R(c, (n, t) => {
       !!t && !!n && n !== t && (k(), r.value = []);
     });
-    const [V, oe] = E("functionalitySelect"), [I, le] = E("functionalityInput"), L = y(() => Array.from(r.value || [])), M = H((n) => {
+    const [V, oe] = E("functionalitySelect"), [I, le] = E("functionalityInput"), L = v(() => Array.from(r.value || [])), M = H((n) => {
       h ? A("patch", {
         id: K,
         software: {
@@ -110,7 +110,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
     });
     return (n, t) => (u(), f("div", ge, [
       o("section", we, [
-        h ? v("", !0) : (u(), f(x, { key: 0 }, [
+        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)),
@@ -138,7 +138,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           onSelect: ee
         }), {
           option: ce(({ option: e, active: s, selected: d, disabled: b }) => [
-            a(ve, {
+            a(ye, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
@@ -149,7 +149,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        h ? v("", !0) : (u(), f(x, { key: 1 }, [
+        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, [
@@ -162,7 +162,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
         ], 64))
       ]),
       o("section", ke, [
-        t[9] || (t[9] = o("h5", null, "Wie haben Sie die Software verwendet?", -1)),
+        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", {
@@ -190,11 +190,12 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
                 "@search": !1,
                 "@selected": !0
               },
-              data: { "@value": e, URI: e }
+              data: { "@value": e, URI: e },
+              "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : v("", !0),
-        a(ye, g({
+        ])) : y("", !0),
+        a(ve, g({
           modelValue: i(V),
           "onUpdate:modelValue": t[2] || (t[2] = (e) => w(V) ? V.value = e : null),
           options: te.value,
@@ -230,7 +231,7 @@ const ge = { class: "dpi-project-process-step V3-typography" }, we = { class: "s
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
-      v("", !0),
+      y("", !0),
       o("section", ze, [
         h ? (u(), P(F, {
           key: 0,

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

@@ -1,64 +1,69 @@
-import { reactive as u, createElementBlock as c, openBlock as o, createElementVNode as i, createVNode as m, Fragment as h, renderList as g, unref as s, createBlock as b } from "vue";
+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 v from "../../../components/StepActionsSection.vue.js";
+import w from "../../../components/StepActionsSection.vue.js";
 import k from "../TextArea/TextAreaDefinition.js";
 /* empty css                    */
-import _ 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 = u({
+  setup(j) {
+    const n = c({
       questions: {
         projectTriggers: {
-          question: "Was waren Auslöser für das Projekta (z.B. rechtliche oder politische Vorgaben, intrinsische Motivation oder inspirierende Projekte aus anderen Kommunen)?",
+          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((r) => ({
-      name: r,
-      text: n.questions[r].question
+    }), d = 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(), h("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, g(s(d), (e) => (o(), b(s(f), {
+      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: s(k),
+          type: o(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,
-          maxlength: l,
-          onInput: (a) => p(e.name, a)
-        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
-        m(v)
-      ])
+          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__ */ _(V, [["__scopeId", "data-v-5f6263b9"]]);
+}, x = /* @__PURE__ */ z(S, [["__scopeId", "data-v-16f687f3"]]);
 export {
-  W as default
+  x as default
 };

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

@@ -1,64 +1,70 @@
-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 { 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 _ from "../TextArea/TextAreaDefinition.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: {
         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: ""
         }
       }
-    }), 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(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: i(_),
+          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(w)
-      ])
+          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__ */ k(S, [["__scopeId", "data-v-4cf72e48"]]);
+}, P = /* @__PURE__ */ z(V, [["__scopeId", "data-v-009303d2"]]);
 export {
   P as default
 };