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

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" }, 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/packages/dpi/src/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/packages/dpi/src/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 → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/RapModal.vue.js

@@ -10,7 +10,7 @@ import L from "./SectionItems/AdditionalsModal.vue.js";
 import "@formkit/core";
 import { useFormValues as J } from "../../composables/useDpiFormValues.js";
 /* empty css              */
-import j from "../../../_virtual/_plugin-vue_export-helper.js";
+import j from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const q = { class: "dpiV3_RapModalContainer" }, D = { class: "dpiV3_RapModalOuter" }, U = { class: "dpiV3_RapModalInner" }, Z = { class: "dpiV3_modalHead" }, A = { class: "dpiV3_closeButtonContainer" }, G = { class: "dpiV3_modalBody" }, K = { key: 0 }, Q = {
   key: 2,
   id: "essentials"

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/SectionItems/EssentialsModal.vue.js

@@ -3,7 +3,7 @@ import s from "../InputField.vue.js";
 import V from "../TextAreaV3.vue.js";
 import { useFormValues as b } from "../../../composables/useDpiFormValues.js";
 /* empty css                     */
-import I from "../../../../_virtual/_plugin-vue_export-helper.js";
+import I from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "dpiV3_innerRapModalWrapper" }, v = { class: "dpiV3_innerRapModalWrapper__section" }, M = { class: "dpiV3_innerRapModalWrapper__section" }, h = { class: "headline-5 gap3BottomAsMargin" }, P = { class: "dpiV3_innerRapModalWrapper__section" }, E = { class: "headline-5 gap3BottomAsMargin" }, $ = {
   __name: "EssentialsModal",
   props: /* @__PURE__ */ u({

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/SectionItems/FindabilityChips.vue.js

@@ -4,7 +4,7 @@ import { getDatasetCategories as x } from "../../services/dpiV3_apis.js";
 import C from "../Chip.vue.js";
 import { useFormValues as k } from "../../../composables/useDpiFormValues.js";
 /* empty css                      */
-import I from "../../../../_virtual/_plugin-vue_export-helper.js";
+import I from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
 const D = { class: "dpiV3_fChipWrap" }, F = {
   __name: "FindabilityChips",
   props: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/StateTag.vue.js

@@ -5,7 +5,7 @@ import l from "../img/Ellipse2Published.svg.js";
 import m from "../img/Ellipse2Warning.svg.js";
 import n from "../img/Ellipse2Error.svg.js";
 /* empty css              */
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const d = {
   name: "StateTag",
   props: {

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

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

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

@@ -0,0 +1,29 @@
+import { defineComponent as l, createElementBlock as a, openBlock as n, renderSlot as t, createElementVNode as o, createTextVNode as r, toDisplayString as s } from "vue";
+const i = { class: "summary-box" }, p = { class: "copy-large-regular" }, d = { class: "headline-5" }, _ = /* @__PURE__ */ l({
+  __name: "SummaryBox",
+  props: {
+    title: {},
+    text: {}
+  },
+  setup(c) {
+    return (e, u) => (n(), a("div", i, [
+      t(e.$slots, "title-wrapper", {}, () => [
+        o("div", p, [
+          t(e.$slots, "title", {}, () => [
+            r(s(e.title), 1)
+          ], !0)
+        ])
+      ], !0),
+      t(e.$slots, "content-wrapper", {}, () => [
+        o("div", d, [
+          t(e.$slots, "default", {}, () => [
+            r(s(e.text), 1)
+          ], !0)
+        ])
+      ], !0)
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/SwitchV3.vue.js

@@ -2,7 +2,7 @@
 import { PhCheck as C, PhX as v } from "@phosphor-icons/vue";
 import { resolveComponent as p, createElementBlock as f, openBlock as a, withDirectives as y, createElementVNode as o, vModelCheckbox as g, normalizeStyle as c, createCommentVNode as d, normalizeClass as k, createBlock as h } from "vue";
 /* empty css              */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
+import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const b = {
   name: "SwitchV3",
   components: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/TableRowV3.vue.js

@@ -1,13 +1,13 @@
-import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as H, createElementVNode as o, createBlock as m, createCommentVNode as g, withKeys as v, normalizeClass as L, withModifiers as b, unref as n, toDisplayString as x, isRef as T } from "vue";
+import { ref as u, watch as $, createElementBlock as N, openBlock as c, Fragment as F, createElementVNode as o, createBlock as v, createCommentVNode as g, withKeys as m, normalizeClass as H, withModifiers as b, unref as n, toDisplayString as x, isRef as T } from "vue";
 import _ from "./StateTag.vue.js";
-import j from "./Dropdown.vue.js";
-import q from "./ModalSimpleV3.vue.js";
-import F from "./Toast.vue.js";
+import L from "./Dropdown.vue.js";
+import j from "./ModalSimpleV3.vue.js";
+import q from "./Toast.vue.js";
 import { useStore as J } from "vuex";
 import { useRouter as O } from "vue-router";
 import { useDpiUtils as W } from "../../composables/useDpiUtils.js";
 /* empty css                */
-import G from "../../../_virtual/_plugin-vue_export-helper.js";
+import G from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 import { useDpiContext as S } from "../../composables/useDpiContext.js";
 const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescContainer" }, X = { class: "dpiV3_dsDesc" }, Y = { class: "dpiV3_TableRowStatus" }, Z = { class: "dpiV3_TableRowUpdated" }, ee = { class: "dpiV3_TableRowButtonWrap" }, te = {
   __name: "TableRowV3",
@@ -40,9 +40,9 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
       console.log(s.dataset), h.dispatch("auth/putDatasetToDraft", { id: t, catalog: e, title: a, description: U });
     }, M = (t, e) => {
       h.dispatch("auth/deleteUserDraftById", { id: t, catalog: e });
-    }, E = (t, e) => {
+    }, A = (t, e) => {
       h.dispatch("auth/publishUserDraftById", { id: t, catalog: e });
-    }, I = () => {
+    }, E = () => {
       f.value = !1, setTimeout(() => {
         l.value = !1;
       }, 2e3);
@@ -52,18 +52,20 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
         f.value || (l.value = !1);
       }, 2e3);
     });
-    const A = () => s.draft ? [
+    const I = () => s.draft ? [
+      { "@value": "Ansehen", selected: !1 },
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichen", selected: !1 },
       { "@value": "Löschen", selected: !1 }
     ] : [
+      { "@value": "Ansehen", selected: !1 },
       { "@value": "Bearbeiten", selected: !1 },
       { "@value": "Veröffentlichung aufheben", selected: !1 },
       { "@value": "Löschen", selected: !1 }
     ], K = (t) => {
       switch (t) {
         case "publishDataset":
-          E(s.id, s.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
+          A(s.id, s.catalogue), console.log("Datensatz wird veröffentlicht"), l.value = !0, d.value = {
             type: "success",
             text: "Der Datensatz wurde veröffentlicht",
             button: "Ansehen",
@@ -124,53 +126,53 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
       }
     };
     let p = u(!1);
-    const V = (t, e) => {
+    const k = (t, e) => {
       e ? p.value = !0 : p.value = !1;
-    }, k = (t) => {
+    }, V = (t) => {
       t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !0);
     }, y = (t) => {
       t.target.className != "dpiV3_more-button dpiV3_activeState" && (p.value = !1);
     };
-    return (t, e) => (c(), N(H, null, [
+    return (t, e) => (c(), N(F, null, [
       o("button", {
-        class: L(["dpiV3_tableRowWrapper", {
+        class: H(["dpiV3_tableRowWrapper", {
           dpiV3_pressedTableRow: n(p),
           tRowInDraft: s.fromDraft
         }]),
         onKeydown: [
-          e[3] || (e[3] = v(b((a) => k(a), ["prevent"]), ["space"])),
-          e[4] || (e[4] = v(b((a) => k(a), ["prevent"]), ["enter"]))
+          e[3] || (e[3] = m(b((a) => V(a), ["prevent"]), ["space"])),
+          e[4] || (e[4] = m(b((a) => V(a), ["prevent"]), ["enter"]))
         ],
         onKeyup: [
-          e[5] || (e[5] = v((a) => y(a), ["space"])),
-          e[6] || (e[6] = v((a) => y(a), ["enter"]))
+          e[5] || (e[5] = m((a) => y(a), ["space"])),
+          e[6] || (e[6] = m((a) => y(a), ["enter"]))
         ]
       }, [
         o("div", P, [
           o("div", {
             class: "dpiV3_tableRowContent",
-            onMousedown: e[0] || (e[0] = b((a) => V(a, !0), ["prevent"])),
-            onMouseup: e[1] || (e[1] = b((a) => V(a, !1), ["prevent"])),
+            onMousedown: e[0] || (e[0] = b((a) => k(a, !0), ["prevent"])),
+            onMouseup: e[1] || (e[1] = b((a) => k(a, !1), ["prevent"])),
             onClick: e[2] || (e[2] = (a) => w("Bearbeiten"))
           }, [
             o("div", Q, [
               o("span", X, x(s.text), 1)
             ]),
             o("div", Y, [
-              s.draft ? (c(), m(_, {
+              s.draft ? (c(), v(_, {
                 key: 1,
                 label: "Entwurf",
                 state: "draft"
-              })) : (c(), m(_, {
+              })) : (c(), v(_, {
                 key: 0,
-                label: "Veröffentlicht",
+                label: "Freigegeben",
                 state: "published"
               })),
               o("span", Z, " Updated am: " + x(s.date), 1)
             ])
           ], 32),
           o("div", ee, [
-            n(D).edit.fromDraft ? g("", !0) : (c(), m(j, {
+            n(D).edit.fromDraft ? g("", !0) : (c(), v(L, {
               key: 0,
               onClick: w,
               type: "moreButton",
@@ -178,12 +180,12 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
               text: {
                 support: "This is a supporting message"
               },
-              data: A()
+              data: I()
             }, null, 8, ["data"]))
           ])
         ])
       ], 34),
-      n(r) ? (c(), m(q, {
+      n(r) ? (c(), v(j, {
         key: 0,
         buttons: n(i).button,
         headerText: n(i).header,
@@ -192,7 +194,7 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
         action: n(i).action,
         onActionHandling: e[8] || (e[8] = (a) => K(a))
       }, null, 8, ["buttons", "headerText", "text", "action"])) : g("", !0),
-      n(l) ? (c(), m(F, {
+      n(l) ? (c(), v(q, {
         key: 1,
         type: n(d).type,
         text: n(d).text,
@@ -200,11 +202,11 @@ const P = { class: "dpiV3_tableRowInner" }, Q = { class: "dpiV3_TableRowDescCont
         button: n(d).button,
         action: n(d).action,
         onMouseenter: e[9] || (e[9] = (a) => T(f) ? f.value = !0 : f = !0),
-        onMouseleave: I
+        onMouseleave: E
       }, null, 8, ["type", "text", "button", "action"])) : g("", !0)
     ], 64));
   }
-}, pe = /* @__PURE__ */ G(te, [["__scopeId", "data-v-6f8807e5"]]);
+}, pe = /* @__PURE__ */ G(te, [["__scopeId", "data-v-4aa67196"]]);
 export {
   pe as default
 };

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/TextArea/TextAreaFormKit.vue.js

@@ -7,7 +7,7 @@ const _ = /* @__PURE__ */ k({
     maxlength: {}
   },
   setup(d) {
-    const t = d, a = t.maxlength || 500, s = o({
+    const t = d, a = t.maxlength || 1e3, s = o({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";

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

@@ -0,0 +1,154 @@
+import { ref as o, watch as V, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, toDisplayString as f, normalizeStyle as C, normalizeClass as h, unref as u, withDirectives as H, vModelText as z } from "vue";
+import A from "./TextButtonSmall.vue.js";
+/* empty css                                */
+/* empty css                                 */
+/* empty css                */
+import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_InputFieldBase" }, N = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, $ = ["disabled", "maxlength", "placeholder"], q = {
+  key: 1,
+  class: "dpiV3_errorText copy-small-regular"
+}, G = {
+  __name: "TextAreaV3",
+  props: {
+    text: {
+      type: Object,
+      default: () => {
+      }
+    },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    showError: {
+      type: Boolean,
+      default: !1
+    },
+    hintMessage: {
+      type: String,
+      default: ""
+    },
+    countHint: {
+      type: Boolean,
+      default: !1
+    },
+    label: {},
+    placeholder: {},
+    hint: {},
+    modelValue: { type: String, default: "" },
+    showDeleteButton: { type: Boolean, default: !1 },
+    errorMessage: {
+      type: String,
+      default: ""
+    },
+    max: {
+      type: String,
+      default: ""
+    },
+    help: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "deleteClicked"],
+  setup(e, { emit: g }) {
+    const n = e, v = g;
+    let s = o(!1), x = o(!1);
+    const m = o(null);
+    let w = o(!1), t = o("inset 0 0 0 1px var(--neutral-30, #687178)"), i = o(!1), b = o(!1);
+    const r = o(n.modelValue);
+    V(
+      () => n.modelValue,
+      (a) => {
+        r.value = a;
+      }
+    ), V(r, (a) => {
+      v("update:modelValue", a);
+    });
+    function _() {
+      v("deleteClicked");
+    }
+    function B() {
+      w.value = !1, i.value = !0, s.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+    }
+    function E() {
+      i.value = !1, s.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+    }
+    function I() {
+      b.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", i.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function M() {
+      b.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", i.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function F() {
+      s.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function k() {
+      t.value = "inset 0 0 0 2px var(--Focused)";
+    }
+    function D() {
+      const a = m.value;
+      a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight, 372)}px`;
+    }
+    return (a, y) => (d(), c("div", R, [
+      l("div", j, [
+        l("div", N, [
+          l("div", O, [
+            l("div", U, [
+              l("label", W, f(n.label), 1),
+              e.showDeleteButton ? (d(), T(A, {
+                key: 0,
+                "button-text": "löschen",
+                tabindex: "0",
+                onClick: _
+              })) : p("", !0)
+            ])
+          ]),
+          l("div", {
+            class: h(["dpiV3_Input", {
+              dpiV3_disabled: e.isDisabled,
+              "error-state": e.showError && !u(s) && !u(x),
+              "focused-error-state": e.showError && u(s),
+              "filled-error-state": e.showError && u(x)
+            }]),
+            style: C({ "box-shadow": u(t) }),
+            onMouseenter: I,
+            onMouseleave: M,
+            onMousedown: F
+          }, [
+            H(l("textarea", {
+              ref_key: "inputRef",
+              ref: m,
+              "onUpdate:modelValue": y[0] || (y[0] = (S) => r.value = S),
+              type: "text",
+              class: h(["dpiV3_textArea copy-large-regular", {
+                "error-state": e.showError,
+                dpiV3_input_disabled: e.isDisabled
+              }]),
+              disabled: e.isDisabled,
+              maxlength: e.max,
+              placeholder: e.placeholder,
+              onFocus: B,
+              onBlur: E,
+              onMousedown: k,
+              onInput: D
+            }, null, 42, $), [
+              [z, r.value]
+            ])
+          ], 38)
+        ]),
+        e.hint && !e.showError ? (d(), c("div", {
+          key: 0,
+          class: h(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": n.countHint, "copy-small-regular": !n.countHint }])
+        }, [
+          l("span", null, f(e.hintMessage), 1)
+        ], 2)) : p("", !0),
+        e.showError ? (d(), c("div", q, [
+          l("span", null, f(e.errorMessage), 1)
+        ])) : p("", !0)
+      ])
+    ]));
+  }
+}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-85b71c6c"]]);
+export {
+  Z as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/TextButtonLarge.vue.js

@@ -3,7 +3,7 @@ import { defineComponent as a, resolveComponent as d, createElementBlock as t, o
 /* empty css                                 */
 import { PhTrash as f } from "@phosphor-icons/vue";
 /* empty css                     */
-import y from "../../../_virtual/_plugin-vue_export-helper.js";
+import y from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const b = a({
   name: "TextButtonLarge",
   components: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/TextButtonSmall.vue.js

@@ -3,7 +3,7 @@ import { defineComponent as u, resolveComponent as l, createElementBlock as n, o
 /* empty css                                 */
 import { PhCaretLeft as P, PhCopySimple as b, PhTrash as C } from "@phosphor-icons/vue";
 /* empty css                     */
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
+import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const h = u({
   name: "TextButtonSmall",
   components: {

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/WipStep.vue.js

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

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/BasicInfosPage.vue.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const n = {};
 function r(c, t) {
   return "Grundlegende INFOS";

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/ContactPage.vue.js

@@ -4,7 +4,7 @@ import { useEditModeInfo as R } from "../composables/useDpiEditMode.js";
 import w from "../HappyFlowComponents/ui/InputField.vue.js";
 import B from "../HappyFlowComponents/ui/TextButtonSmall.vue.js";
 /* empty css                 */
-import W from "../../_virtual/_plugin-vue_export-helper.js";
+import W from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const N = { class: "dpiV3InnerComponentWrap" }, A = { class: "copy-large-regular" }, U = { class: "dpiV3AutoCompleteWrap" }, j = { class: "CardTips_internal" }, F = { class: "CardTips_Part" }, L = { class: "firstRow" }, O = { class: "icon_title copy-small-semi-bold" }, K = { class: "TextButton_small" }, Z = { class: "secondRow" }, q = { class: "copy-small-regular" }, G = { class: "CardTips_Part" }, H = { class: "firstRow" }, J = { class: "icon_title copy-small-semi-bold" }, Q = { class: "TextButton_small" }, X = { class: "secondRow" }, Y = { class: "copy-small-regular" }, ee = { class: "input-container" }, te = {
   key: 0,
   class: "dpiV3_errormsgWrapper"

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/components/CoveringPage.vue.js

@@ -1,4 +1,4 @@
-import e from "../../_virtual/_plugin-vue_export-helper.js";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const r = {};
 function n(c, o) {
   return "Covering Page";