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

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

@@ -0,0 +1,341 @@
+import { defineComponent as I, ref as g, computed as B, createElementBlock as h, openBlock as o, createElementVNode as n, createVNode as i, unref as l, withCtx as a, Fragment as v, renderList as y, createBlock as x, normalizeClass as j, createTextVNode as D, createCommentVNode as L, withDirectives as E, vModelCheckbox as U } from "vue";
+import { FormKit as r } from "@formkit/vue";
+import { PhLightbulb as $ } from "@phosphor-icons/vue";
+import A from "../../../../stories/components/LinkCard.vue.js";
+import N from "../../../../stories/components/PartnerCard.vue.js";
+import G from "../../../../stories/components/ScreenshotCard.vue.js";
+import K from "../../../components/StepActionsSection.vue.js";
+import f from "../ButtonV3.vue.js";
+import T from "../Card.vue.js";
+import M from "../Chip.vue.js";
+import W from "../InputField.vue.js";
+import C from "../InputField/InputFieldDefinition.js";
+import Z from "../TextArea/TextAreaDefinition.js";
+const O = { class: "dpiV3_page V3-typography" }, R = {
+  id: "partners-section",
+  class: "funny-section"
+}, q = { class: "partner-cards-container" }, H = { class: "action-container" }, J = { class: "funny-section" }, Q = { class: "start-and-end" }, X = { class: "funny-section" }, Y = { class: "funny-section" }, ee = { class: "funny-section" }, ne = {
+  key: 0,
+  class: "d-flex"
+}, te = ["id", "value"], ie = ["for"], le = { class: "action-container" }, ae = {
+  id: "partners-section",
+  class: "funny-section"
+}, re = { class: "partner-cards-container" }, se = { class: "action-container" }, oe = {
+  id: "partners-section",
+  class: "funny-section"
+}, ue = { class: "partner-cards-container" }, de = { class: "action-container" }, ce = { class: "funny-section" }, me = 500, we = /* @__PURE__ */ I({
+  __name: "OptionalDataStep",
+  setup(pe) {
+    const z = g(""), S = g([]), V = g([]), _ = g([]), F = B(() => {
+      var d;
+      return ((d = z.value) == null ? void 0 : d.length) || 0;
+    }), k = g(""), u = g([]);
+    function P(d) {
+      if (d && d.trim()) {
+        const e = d.trim();
+        u.value.includes(e) || u.value.push(e), k.value = "";
+      }
+    }
+    return (d, e) => (o(), h("div", O, [
+      e[22] || (e[22] = n("section", { class: "funny-section" }, [
+        n("div", { class: "funny-flex" }, [
+          n("h4", null, "Fügen Sie optionale Daten hinzu"),
+          n("span", { class: "copy-large-regular" }, " Zusätzliche Informationen, wie etwa zur Laufzeit oder zum Budgetrahmen Ihres Projekts, können für andere Kommunen hilfreich sein. ")
+        ])
+      ], -1)),
+      n("section", R, [
+        e[8] || (e[8] = n("h5", null, " Partner ", -1)),
+        e[9] || (e[9] = n("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
+        n("div", q, [
+          i(l(r), {
+            modelValue: S.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (t) => S.value = t),
+            type: "list",
+            name: "partners",
+            dynamic: ""
+          }, {
+            default: a(({ items: t, node: s, value: c }) => [
+              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(r), {
+                key: m,
+                type: "group",
+                index: p
+              }, {
+                default: a(() => [
+                  i(N, null, {
+                    action: a(() => [
+                      i(f, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "secondary",
+                        "icon-start": "trash",
+                        onClick: () => s.input(c.filter((w, b) => b !== p))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              n("div", H, [
+                i(f, {
+                  "button-text": "Partner hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (m) => s.input(c.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n("section", J, [
+        e[10] || (e[10] = n("h5", null, " Projektzeitraum ", -1)),
+        e[11] || (e[11] = n("span", { class: "copy-large-regular" }, "Für Projekte, die noch nicht abgeschlossen sind, können Sie das Enddatum frei lassen.", -1)),
+        n("div", Q, [
+          i(l(r), {
+            type: l(C),
+            name: "startDate",
+            "text-label": "Startdatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"]),
+          i(l(r), {
+            type: l(C),
+            name: "endDate",
+            "text-label": "Enddatum",
+            "input-type": "date",
+            placeholder: "Enter text here",
+            "tooltip-text": "This is helpful information",
+            "add-on-text": !1,
+            "info-icon": !1,
+            "pre-icon": !1,
+            "show-end-icon": !1,
+            "initial-hint-text": !1
+          }, null, 8, ["type"])
+        ])
+      ]),
+      n("section", X, [
+        e[12] || (e[12] = n("h5", null, "Budget", -1)),
+        e[13] || (e[13] = n("div", { class: "budget" }, [
+          n("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
+        ], -1)),
+        i(l(r), {
+          type: l(C),
+          name: "budget",
+          "text-label": "Budget",
+          placeholder: "...."
+        }, null, 8, ["type"]),
+        i(l(r), {
+          id: "Förderung",
+          modelValue: z.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => z.value = t),
+          class: j(d.budgetArea),
+          label: "Förderung (optional)",
+          type: l(Z),
+          name: "budget",
+          "text-label": "Förderung (optional)",
+          placeholder: "Beschreiben Sie welche Förderung Sie erhalten haben.",
+          validation: "length:0,500",
+          "validation-visibility": "live",
+          hint: "true",
+          help: `${F.value} von ${me} Zeichen`,
+          "count-hint": !0
+        }, null, 8, ["modelValue", "class", "type", "help"])
+      ]),
+      n("section", Y, [
+        i(T, { variant: "default" }, {
+          icon: a(() => [
+            i(l($), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          title: a(() => e[14] || (e[14] = [
+            D(" Information ", -1)
+          ])),
+          default: a(() => [
+            e[15] || (e[15] = n("div", { class: "copy-large-regular" }, [
+              n("p", null, "Ihre Angabe zum Gesamtbudget hilft anderen Kommunen, den Umfang Ihres Projekts besser einzuschätzen. Sie können hier auch einen Schätzwert eingeben, falls das Projekt z.B. noch nicht abgeschlossen ist. Wenn Sie eine Förderung erhalten und das Projekt ausschließlich damit finanziert haben, geben Sie die Fördersumme als Ihr Gesamtbudget an.")
+            ], -1))
+          ]),
+          _: 1,
+          __: [15]
+        })
+      ]),
+      n("section", ee, [
+        e[16] || (e[16] = n("h5", null, "Erforderliche Fachkompetenzen", -1)),
+        e[17] || (e[17] = n("p", null, "Damit andere Kommunen besser einschätzen können, welche Fachkenntnisse das Projektteam mitbringen sollte, bitten wir Sie, hier die Kompetenzfelder anzugeben, die für Ihr Projekt am Wichtigsten waren (z.B. Datenmanagement oder Projektmanagement).", -1)),
+        i(l(r), {
+          modelValue: u.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (t) => u.value = t),
+          type: "hidden",
+          name: "requiredExpertise"
+        }, null, 8, ["modelValue"]),
+        u.value.length > 0 ? (o(), h("div", ne, [
+          (o(!0), h(v, null, y(u.value, (t) => (o(), h("div", {
+            key: t,
+            class: "label-chip"
+          }, [
+            E(n("input", {
+              id: `hardware-${t}`,
+              "onUpdate:modelValue": e[3] || (e[3] = (s) => u.value = s),
+              class: "label-chip__input",
+              type: "checkbox",
+              value: t
+            }, null, 8, te), [
+              [U, u.value]
+            ]),
+            n("label", {
+              class: "label-chip__label",
+              for: `hardware-${t}`
+            }, [
+              i(M, {
+                class: "label-chip__inner",
+                text: t,
+                data: {
+                  "@value": t,
+                  URI: "https://example.com/default"
+                },
+                setup: {
+                  "@type": "selected",
+                  "@icon": "suffix",
+                  "@inTable": !1
+                }
+              }, null, 8, ["text", "data"])
+            ], 8, ie)
+          ]))), 128))
+        ])) : L("", !0),
+        i(W, {
+          modelValue: k.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (t) => k.value = t),
+          label: "Erforderliche Fachkompetenz",
+          "input-type": "text",
+          placeholder: "Nennen Sie eine Fachkompetenz.",
+          "tooltip-text": "This is helpful information",
+          "add-on-text": !1,
+          "info-icon": !1,
+          "pre-icon": !1,
+          "show-end-icon": !1,
+          "initial-hint-text": !1
+        }, null, 8, ["modelValue"]),
+        n("div", le, [
+          i(f, {
+            "button-text": "Fachkompetenz hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            onClick: e[5] || (e[5] = (t) => P(k.value))
+          })
+        ])
+      ]),
+      n("section", ae, [
+        e[18] || (e[18] = n("h5", null, " Screenshots ", -1)),
+        e[19] || (e[19] = n("span", { class: "copy-large-regular" }, "Bilder oder Screenshots helfen einen besseren Eindruck von Ihrem Projekt zu bekommen. Aus rechtlichen und technischen Gründen können Sie keine Dateien hochladen. Geben Sie daher bitte die URL an, unter der das Bild oder der Screenshot dauerhaft zu erreichen sein wird.", -1)),
+        n("div", re, [
+          i(l(r), {
+            modelValue: V.value,
+            "onUpdate:modelValue": e[6] || (e[6] = (t) => V.value = t),
+            type: "list",
+            name: "references",
+            dynamic: ""
+          }, {
+            default: a(({ items: t, node: s, value: c }) => [
+              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(r), {
+                key: m,
+                type: "group",
+                index: p
+              }, {
+                default: a(() => [
+                  i(G, null, {
+                    action: a(() => [
+                      i(f, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "secondary",
+                        "icon-start": "trash",
+                        onClick: () => s.input(c.filter((w, b) => b !== p))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              n("div", se, [
+                i(f, {
+                  "button-text": "Screenshot hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (m) => s.input(c.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n("section", oe, [
+        e[20] || (e[20] = n("h5", null, " Weiterführende Links ", -1)),
+        e[21] || (e[21] = n("span", { class: "copy-large-regular" }, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zu Ihrer Vorgehensweise beim Aufbau eines Digitalen Zwillings enthalten, wie etwa Status- oder Abschlussberichte.", -1)),
+        n("div", ue, [
+          i(l(r), {
+            modelValue: _.value,
+            "onUpdate:modelValue": e[7] || (e[7] = (t) => _.value = t),
+            type: "list",
+            name: "links",
+            dynamic: ""
+          }, {
+            default: a(({ items: t, node: s, value: c }) => [
+              (o(!0), h(v, null, y(t, (m, p) => (o(), x(l(r), {
+                key: m,
+                type: "group",
+                index: p
+              }, {
+                default: a(() => [
+                  i(A, null, {
+                    action: a(() => [
+                      i(f, {
+                        "button-text": "Löschen",
+                        size: "small",
+                        variant: "secondary",
+                        "icon-start": "trash",
+                        onClick: () => s.input(c.filter((w, b) => b !== p))
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["index"]))), 128)),
+              n("div", de, [
+                i(f, {
+                  "button-text": "Link hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  onClick: (m) => s.input(c.concat({}))
+                }, null, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ]),
+      n("section", ce, [
+        i(K)
+      ])
+    ]));
+  }
+});
+export {
+  we as default
+};

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

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

package/dist/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" }, j = {
+  __name: "ProjektPhasenOverviewStep",
+  setup(k) {
+    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 (_, 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(j, [["__scopeId", "data-v-3bfd4517"]]);
+export {
+  w as default
+};

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

@@ -0,0 +1,64 @@
+import { reactive as c, createElementBlock as l, openBlock as o, createElementVNode as r, createVNode as p, Fragment as h, renderList as g, unref as i, createBlock as _ } from "vue";
+import { FormKit as f } from "@formkit/vue";
+import w from "../../../components/StepActionsSection.vue.js";
+import b from "../TextArea/TextAreaDefinition.js";
+/* empty css                  */
+import z from "../../../../_virtual/_plugin-vue_export-helper.js";
+const v = { class: "project-phasen-umstezen" }, S = { class: "project-phasen-umstezen-content" }, u = 1e3, V = {
+  __name: "UmstezenStep",
+  setup(k) {
+    const n = c({
+      questions: {
+        project_triggers: {
+          question: "Wie haben Sie die Zusammenarbeit mit den Dienstleistern organisiert und wie wurden relevante Stakeholder in Entscheidungsprozesse eingebunden (z.B. Meetingstruktur oder Frameworks)?",
+          answer: ""
+        },
+        involved_stakeholders: {
+          question: "Gab es Verzögerungen und wenn ja, was waren die Gründe?",
+          answer: ""
+        },
+        data_collection_method: {
+          question: "Welche Schnittstellen wurden genutzt und traten technische Herausforderungen auf?",
+          answer: ""
+        },
+        budget_planning: {
+          question: "Welche Überlegungen sind in Ihre Entscheidung für eine Open-Source-Lösung geflossen und welche Erfahrungen haben Sie bisher damit gemacht?",
+          answer: ""
+        }
+      }
+    }), m = Object.keys(n.questions).map((s) => ({
+      name: s,
+      text: n.questions[s].question
+    }));
+    function d(s, t) {
+      n.questions[s].answer = t.slice(0, u);
+    }
+    return (s, t) => (o(), l("div", v, [
+      t[1] || (t[1] = r("div", { class: "project-phasen-umstezen-header" }, [
+        r("h4", null, "Umstezen")
+      ], -1)),
+      r("div", S, [
+        t[0] || (t[0] = r("p", { class: "project-phasen-umstezen-description" }, " Von der Dienstleistersteuerung bis zur Meilensteinerreichung. ", -1)),
+        (o(!0), l(h, null, g(i(m), (e) => (o(), _(i(f), {
+          key: e.name,
+          id: e.name,
+          modelValue: n.questions[e.name].answer,
+          "onUpdate:modelValue": (a) => n.questions[e.name].answer = a,
+          label: e.text,
+          type: i(b),
+          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) => d(e.name, a),
+          maxlength: u
+        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
+        p(w)
+      ])
+    ]));
+  }
+}, B = /* @__PURE__ */ z(V, [["__scopeId", "data-v-b35066b7"]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,64 @@
+import { reactive as c, createElementBlock as l, openBlock as a, createElementVNode as s, createVNode as p, Fragment as h, renderList as g, unref as o, createBlock as k } from "vue";
+import { FormKit as w } from "@formkit/vue";
+import f from "../../../components/StepActionsSection.vue.js";
+import _ from "../TextArea/TextAreaDefinition.js";
+/* empty css                      */
+import b from "../../../../_virtual/_plugin-vue_export-helper.js";
+const j = { class: "project-phasen-weiterdenken" }, v = { class: "project-phasen-weiterdenken-content" }, d = 1e3, z = {
+  __name: "WeiterdenkenStep",
+  setup(S) {
+    const n = c({
+      questions: {
+        project_triggers: {
+          question: "Was sind Ihre wichtigsten Learnings aus dem Projekt? Was würden Sie beim nächsten Use Case anders machen?",
+          answer: ""
+        },
+        involved_stakeholders: {
+          question: "Wird die Wirksamkeit Ihres Projekts überwacht und wenn ja, wie? Ist der erwartete Nutzen eingetreten (z.B. ökologisch, sozial oder monetär)?",
+          answer: ""
+        },
+        data_collection_method: {
+          question: "Gibt es Pläne für eine Skalierung oder Weiterentwicklung? Wenn ja, wie sichern Sie die Finanzierung dafür?",
+          answer: ""
+        },
+        budget_planning: {
+          question: "Besonders wichtig für uns waren Förderprogramme, wie das Landesprogramm zur Digitalisierung im Bevölkerungsschutz. Dadurch konnten wir einen Großteil der Kosten für Software, Sensorik und externe Beratung abdecken. Gefehlt haben uns regelmäßige, themenspezifische Austauschformate oder Workshops mit anderen Kommunen, um voneinander zu lernen und Synergien besser nutzen zu können.",
+          answer: ""
+        }
+      }
+    }), u = Object.keys(n.questions).map((r) => ({
+      name: r,
+      text: n.questions[r].question
+    }));
+    function m(r, t) {
+      n.questions[r].answer = t.slice(0, d);
+    }
+    return (r, t) => (a(), l("div", j, [
+      t[1] || (t[1] = s("div", { class: "project-phasen-weiterdenken-header" }, [
+        s("h4", null, "Weiterdenken")
+      ], -1)),
+      s("div", v, [
+        t[0] || (t[0] = s("p", { class: "project-phasen-weiterdenken-description" }, " Von den Learnings bis zur Skalierung der Projektergebnisse. ", -1)),
+        (a(!0), l(h, null, g(o(u), (e) => (a(), k(o(w), {
+          key: e.name,
+          id: e.name,
+          modelValue: n.questions[e.name].answer,
+          "onUpdate:modelValue": (i) => n.questions[e.name].answer = i,
+          label: e.text,
+          type: o(_),
+          name: e.name,
+          validation: "length:0,1000",
+          hint: "true",
+          help: `${n.questions[e.name].answer.length || 0} von ${d} Zeichen`,
+          "count-hint": !0,
+          onInput: (i) => m(e.name, i),
+          maxlength: d
+        }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "label", "type", "name", "help", "onInput"]))), 128)),
+        p(f)
+      ])
+    ]));
+  }
+}, y = /* @__PURE__ */ b(z, [["__scopeId", "data-v-407407f4"]]);
+export {
+  y as default
+};

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

@@ -1,7 +1,7 @@
 import o from "./WipStep.vue2.js";
 /* empty css             */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3de21dc5"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-47cf5f4a"]]);
 export {
-  m as default
+  a as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as s, createElementBlock as c, openBlock as i, createElementVNode as e, createVNode as t, withCtx as r, toDisplayString as a } from "vue";
-import p from "../../components/StepActionsSection.vue.js";
+import { defineComponent as s, createElementBlock as c, openBlock as i, createElementVNode as e, createVNode as t, withCtx as p, toDisplayString as a } from "vue";
+import r from "../../components/StepActionsSection.vue.js";
 import l from "./Card.vue.js";
-const _ = { class: "wip-step" }, d = { class: "funny-section" }, m = { class: "wip-container copy-large-regular" }, f = { class: "funny-section" }, w = /* @__PURE__ */ s({
+const _ = { class: "wip-step dpiV3_page V3-typography" }, d = { class: "funny-section" }, m = { class: "wip-container copy-large-semi-bold" }, f = { class: "funny-section" }, V = /* @__PURE__ */ s({
   __name: "WipStep",
   props: {
     name: {
@@ -14,18 +14,18 @@ const _ = { class: "wip-step" }, d = { class: "funny-section" }, m = { class: "w
     return (u, h) => (i(), c("div", _, [
       e("section", d, [
         t(l, null, {
-          default: r(() => [
-            e("div", m, " WIP " + a(n.name), 1)
+          default: p(() => [
+            e("div", m, " WIP: " + a(n.name), 1)
           ]),
           _: 1
         })
       ]),
       e("section", f, [
-        t(p)
+        t(r)
       ])
     ]));
   }
 });
 export {
-  w as default
+  V as default
 };

package/dist/data-provider-interface/components/ProgressSteps.vue.js

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