@piveau/dpi 0.2.0-alpha.33 → 0.2.0-alpha.35

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

@@ -1,6 +1,6 @@
 import { ref as f, watch as N, createElementBlock as u, openBlock as i, createCommentVNode as o, createElementVNode as d, createBlock as v, toDisplayString as h, unref as n, normalizeStyle as S, normalizeClass as p, withDirectives as M, vModelDynamic as F, createVNode as W, withKeys as w, withModifiers as k, isRef as r } from "vue";
-import { PhInfo as q, PhMagnifyingGlass as X, PhQuestion as O, PhWarningCircle as H, PhCaretDown as Y, PhCaretUp as Z, PhCalendar as _, PhClock as ee } from "@phosphor-icons/vue";
-import G from "./TextButtonSmall.vue.js";
+import { PhInfo as j, PhMagnifyingGlass as X, PhQuestion as O, PhWarningCircle as H, PhCaretDown as Y, PhCaretUp as Z, PhCalendar as _, PhClock as ee } from "@phosphor-icons/vue";
+import q from "./TextButtonSmall.vue.js";
 /* empty css                                */
 /* empty css                                 */
 /* empty css                */
@@ -23,10 +23,10 @@ const le = { class: "dpiV3_input-field" }, ne = {
 }, pe = {
   key: 0,
   class: "dpiV3_hintText"
-}, xe = {
+}, ye = {
   key: 1,
   class: "dpiV3_errorText"
-}, ye = {
+}, xe = {
   key: 1,
   class: "dpiV3_InputFieldBase"
 }, Ve = { class: "dpiV3_Top_leading_text" }, be = { class: "dpiV3_Lebel" }, he = { class: "dpiV3_label" }, we = { class: "dpiV3_Input" }, ge = { class: "dpiV3_Text-Add-On" }, ke = { class: "dpiV3_Content-leading-Text" }, Te = ["type", "disabled", "placeholder"], me = { class: "dpiV3_Content-leading-Text" }, Ee = ["type", "disabled", "placeholder"], Be = { class: "dpiV3_Text-Add-On" }, Ie = {
@@ -127,24 +127,28 @@ const le = { class: "dpiV3_input-field" }, ne = {
     error_message: {
       type: String,
       default: "error"
+    },
+    inputStyle: {
+      type: Object,
+      default: () => ({})
     }
   },
   emits: ["update:modelValue", "deleteButtonClicked"],
-  setup(e, { emit: Q }) {
-    const c = e, L = Q;
-    let K = f("var(--neutral-60)"), x = f(!1), l = f(!1), g = f(!1);
+  setup(e, { emit: G }) {
+    const c = e, L = G;
+    let K = f("var(--neutral-60)"), y = f(!1), l = f(!1), g = f(!1);
     const V = f(null);
     let T = f(!1), s = f("inset 0 0 0 1px var(--neutral-30, #687178)"), m = f(!1), C = f(!1), b = f();
-    const $ = f(!1), y = f(c.modelValue);
+    const $ = f(!1), x = f(c.modelValue);
     N(
       () => c.modelValue,
       (D) => {
-        y.value = D;
+        x.value = D;
       }
-    ), N(y, (D) => {
+    ), N(x, (D) => {
       L("update:modelValue", D);
     });
-    function j() {
+    function Q() {
       V.value && V.value.showPicker();
     }
     function J() {
@@ -154,13 +158,13 @@ const le = { class: "dpiV3_input-field" }, ne = {
       L("deleteButtonClicked");
     }
     function E() {
-      T.value = !1, m.value = !0, x.value = !0, s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b.value = "none"), V.value;
+      T.value = !1, m.value = !0, y.value = !0, s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b.value = "none"), V.value;
     }
     function B() {
-      m.value = !1, x.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+      m.value = !1, y.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
     }
     function A() {
-      T.value = !0, x.value = !1, C.value && (s.value = "inset 0 0 0 1px var(--neutral-60, #687178)");
+      T.value = !0, y.value = !1, C.value && (s.value = "inset 0 0 0 1px var(--neutral-60, #687178)");
     }
     function P() {
       C.value = !0, s.value = "inset 0 0 0 1px var(--neutral-60, #687178)", c.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
@@ -169,7 +173,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       C.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)", c.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused, #687178)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function R() {
-      x.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
+      y.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function I() {
       s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none");
@@ -180,7 +184,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
           d("div", oe, [
             e.label ? (i(), u("label", ae, h(e.label), 1)) : o("", !0),
             d("span", de, [
-              e.infoIcon ? (i(), v(n(q), {
+              e.infoIcon ? (i(), v(n(j), {
                 key: 0,
                 weight: "fill",
                 class: "dpiV3_labelIcon",
@@ -192,7 +196,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               $.value ? (i(), u("span", se, h(e.tooltip_text), 1)) : o("", !0)
             ])
           ]),
-          e.defaultInput ? o("", !0) : (i(), v(G, {
+          e.defaultInput ? o("", !0) : (i(), v(q, {
             key: 0,
             "button-text": "löschen",
             class: "dpiV3_deleteButton",
@@ -204,8 +208,8 @@ const le = { class: "dpiV3_input-field" }, ne = {
           class: p(["dpiV3_Input_box", {
             dpiV3_disabled: e.isDisabled,
             "calendar-focused": n(T),
-            "error-state": e.showError && !n(x) && !n(g),
-            "focused-error-state": e.showError && n(x),
+            "error-state": e.showError && !n(y) && !n(g),
+            "focused-error-state": e.showError && n(y),
             "filled-error-state": e.showError && n(g)
           }]),
           style: S({ "box-shadow": n(s) }),
@@ -224,7 +228,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               key: 1,
               ref_key: "inputRef",
               ref: V,
-              "onUpdate:modelValue": t[3] || (t[3] = (a) => y.value = a),
+              "onUpdate:modelValue": t[3] || (t[3] = (a) => x.value = a),
               type: e.inputType,
               class: p(["dpiV3_Text", {
                 "error-state": e.showError,
@@ -236,13 +240,13 @@ const le = { class: "dpiV3_input-field" }, ne = {
               onBlur: B,
               onMousedown: I
             }, null, 42, re)), [
-              [F, y.value]
+              [F, x.value]
             ]),
             e.dropdown_dpiV3 ? M((i(), u("input", {
               key: 2,
               ref_key: "inputRef",
               ref: V,
-              "onUpdate:modelValue": t[4] || (t[4] = (a) => y.value = a),
+              "onUpdate:modelValue": t[4] || (t[4] = (a) => x.value = a),
               type: e.inputType,
               class: p(["dpiV3_Text", {
                 "error-state": e.showError,
@@ -255,7 +259,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               onBlur: B,
               onMousedown: I
             }, null, 42, ve)), [
-              [F, y.value]
+              [F, x.value]
             ]) : o("", !0),
             e.showEndIcon && !e.showError && !e.dropdown_dpiV3 ? (i(), v(n(O), {
               key: 3,
@@ -290,7 +294,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
             }, null, 8, ["color"]),
             d("div", {
               class: p(["dpiV3_Rectangle1", { dpiV3_Pressed: n(l) }]),
-              onClick: j,
+              onClick: Q,
               onFocus: k(A, ["stop"]),
               onMousedown: t[5] || (t[5] = (a) => r(l) ? l.value = !0 : l = !0),
               onMouseup: t[6] || (t[6] = (a) => r(l) ? l.value = !1 : l = !1),
@@ -332,15 +336,15 @@ const le = { class: "dpiV3_input-field" }, ne = {
         !e.showError && e.initialHintText ? (i(), u("div", pe, [
           d("span", null, h(e.supportingHintMessage), 1)
         ])) : o("", !0),
-        e.showError && e.initialHintText ? (i(), u("div", xe, [
+        e.showError && e.initialHintText ? (i(), u("div", ye, [
           d("span", null, h(e.error_message), 1)
         ])) : o("", !0)
       ])),
-      e.addOnText ? (i(), u("div", ye, [
+      e.addOnText ? (i(), u("div", xe, [
         d("div", Ve, [
           d("div", be, [
             d("label", he, h(e.label), 1),
-            e.infoIcon ? (i(), v(n(q), {
+            e.infoIcon ? (i(), v(n(j), {
               key: 0,
               weight: "fill",
               class: "dpiV3_labelIcon",
@@ -348,7 +352,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               color: "var(--neutral-60, #3D4952)"
             })) : o("", !0)
           ]),
-          e.defaultInput ? o("", !0) : (i(), v(G, {
+          e.defaultInput ? o("", !0) : (i(), v(q, {
             key: 0,
             "button-text": "löschen",
             class: "dpiV3_deleteButton",
@@ -370,8 +374,8 @@ const le = { class: "dpiV3_input-field" }, ne = {
             class: p(["dpiV3_Text_input", {
               dpiV3_input_disabled: e.isDisabled,
               "calendar-focused": n(T),
-              "error-state": e.showError && !n(x) && !n(g),
-              "focused-error-state": e.showError && n(x),
+              "error-state": e.showError && !n(y) && !n(g),
+              "focused-error-state": e.showError && n(y),
               "filled-error-state": e.showError && n(g)
             }]),
             style: S({
@@ -386,7 +390,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               M(d("input", {
                 ref_key: "inputRef",
                 ref: V,
-                "onUpdate:modelValue": t[20] || (t[20] = (a) => y.value = a),
+                "onUpdate:modelValue": t[20] || (t[20] = (a) => x.value = a),
                 type: e.inputType,
                 class: p(["dpiV3_Text", {
                   "error-state": e.showError,
@@ -398,7 +402,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
                 onBlur: B,
                 onMousedown: I
               }, null, 42, Te), [
-                [F, y.value]
+                [F, x.value]
               ])
             ]),
             e.showError ? (i(), v(n(H), {
@@ -419,8 +423,8 @@ const le = { class: "dpiV3_input-field" }, ne = {
             class: p(["dpiV3_Text_input-trailing", {
               dpiV3_input_disabled: e.isDisabled,
               "calendar-focused": n(T),
-              "error-state": e.showError && !n(x) && !n(g),
-              "focused-error-state": e.showError && n(x),
+              "error-state": e.showError && !n(y) && !n(g),
+              "focused-error-state": e.showError && n(y),
               "filled-error-state": e.showError && n(g)
             }]),
             style: S({
@@ -435,7 +439,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               M(d("input", {
                 ref_key: "inputRef",
                 ref: V,
-                "onUpdate:modelValue": t[21] || (t[21] = (a) => y.value = a),
+                "onUpdate:modelValue": t[21] || (t[21] = (a) => x.value = a),
                 type: e.inputType,
                 class: p(["dpiV3_Text", {
                   "error-state": e.showError,
@@ -447,7 +451,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
                 onBlur: B,
                 onMousedown: I
               }, null, 42, Ee), [
-                [F, y.value]
+                [F, x.value]
               ])
             ]),
             e.showError ? (i(), v(n(H), {
@@ -481,7 +485,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       ])) : o("", !0)
     ]));
   }
-}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-2de88bf7"]]);
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-6d2518f0"]]);
 export {
   Oe as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as h, computed as j, createElementBlock as f, openBlock as s, createElementVNode as t, createVNode as i, unref as l, withCtx as a, Fragment as k, renderList as y, createBlock as V, createTextVNode as D, createCommentVNode as L, withDirectives as U, vModelCheckbox as E } from "vue";
+import { defineComponent as B, ref as h, computed as j, createElementBlock as f, openBlock as o, createElementVNode as t, createVNode as i, unref as l, withCtx as a, Fragment as k, renderList as y, createBlock as V, createTextVNode as D, createCommentVNode as L, withDirectives as U, vModelCheckbox as E } from "vue";
 import { FormKit as r } from "@formkit/vue";
 import { PhLightbulb as $ } from "@phosphor-icons/vue";
 import A from "../../../../stories/components/LinkCard.vue.js";
@@ -10,22 +10,22 @@ import T from "../Card.vue.js";
 import W from "../Chip.vue.js";
 import M from "../InputField.vue.js";
 import S from "../InputField/InputFieldDefinition.js";
-import Z from "../TextArea/TextAreaDefinition.js";
-const q = { class: "dpiV3_page V3-typography" }, O = {
+import R from "../TextArea/TextAreaDefinition.js";
+const Z = { class: "dpiV3_page V3-typography" }, q = {
   id: "partners-section",
   class: "funny-section"
-}, R = { 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 required-skills" }, ee = {
+}, O = { class: "partner-cards-container" }, H = { class: "action-container" }, J = { class: "funny-section" }, Q = { class: "start-and-end" }, X = { class: "funny-section" }, Y = { class: "budget-field" }, ee = { class: "funny-section required-skills" }, te = {
   key: 0,
   style: { display: "flex", "flex-wrap": "wrap" }
-}, te = ["id", "value"], ne = ["for"], ie = { class: "action-container" }, le = {
+}, ne = ["id", "value"], ie = ["for"], le = { class: "action-container" }, ae = {
   id: "partners-section",
   class: "funny-section"
-}, ae = { class: "partner-cards-container" }, re = { class: "action-container" }, oe = {
+}, re = { class: "partner-cards-container" }, se = { class: "action-container" }, oe = {
   id: "partners-section",
   class: "funny-section"
-}, se = { class: "partner-cards-container" }, ue = { class: "action-container" }, de = 500, Ce = /* @__PURE__ */ B({
+}, ue = { class: "partner-cards-container" }, de = { class: "action-container" }, me = 500, we = /* @__PURE__ */ B({
   __name: "OptionalDataStep",
-  setup(me) {
+  setup(pe) {
     const x = h(""), C = h([]), w = h([]), _ = h([]), P = j(() => {
       var c;
       return ((c = x.value) == null ? void 0 : c.length) || 0;
@@ -37,17 +37,17 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
       }
     }
     const z = h("");
-    return (c, e) => (s(), f("div", q, [
-      e[23] || (e[23] = t("section", { class: "funny-section" }, [
+    return (c, e) => (o(), f("div", Z, [
+      e[24] || (e[24] = t("section", { class: "funny-section" }, [
         t("div", { class: "funny-flex" }, [
           t("h4", null, "Fügen Sie optionale Daten hinzu"),
           t("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)),
-      t("section", O, [
+      t("section", q, [
         e[9] || (e[9] = t("h5", null, " Partner ", -1)),
         e[10] || (e[10] = t("span", { class: "copy-large-regular" }, "Wenn Sie mit einem oder mehreren Partnern zusammengearbeitet haben, können Sie diese hier angeben.", -1)),
-        t("div", R, [
+        t("div", O, [
           i(l(r), {
             modelValue: C.value,
             "onUpdate:modelValue": e[0] || (e[0] = (n) => C.value = n),
@@ -55,8 +55,8 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
             name: "partners",
             dynamic: ""
           }, {
-            default: a(({ items: n, node: o, value: d }) => [
-              (s(!0), f(k, null, y(n, (m, p) => (s(), V(l(r), {
+            default: a(({ items: n, node: s, value: d }) => [
+              (o(!0), f(k, null, y(n, (m, p) => (o(), V(l(r), {
                 key: m,
                 type: "group",
                 index: p
@@ -69,7 +69,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(d.filter((F, b) => b !== p))
+                        onClick: () => s.input(d.filter((F, b) => b !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -83,7 +83,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => o.input(d.concat({}))
+                  onClick: (m) => s.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -124,31 +124,36 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
         ])
       ]),
       t("section", X, [
-        e[15] || (e[15] = t("h5", null, "Budget", -1)),
-        e[16] || (e[16] = t("div", { class: "budget" }, [
+        e[16] || (e[16] = t("h5", null, "Budget", -1)),
+        e[17] || (e[17] = t("div", { class: "budget" }, [
           t("span", { class: "copy-large-regular" }, " Bitte geben Sie hier das Gesamtbudget für Ihr Projekt an. ")
         ], -1)),
-        i(l(r), {
-          modelValue: z.value,
-          "onUpdate:modelValue": e[1] || (e[1] = (n) => z.value = n),
-          type: l(S),
-          name: "budget",
-          "trailing-text": !0,
-          trailing_text: "€",
-          "text-label": "Budget",
-          placeholder: "....Budget",
-          validation: "number",
-          "validation-visibility": "submit",
-          inputmode: "numeric",
-          pattern: "[0-9]*"
-        }, null, 8, ["modelValue", "type"]),
+        t("div", Y, [
+          i(l(r), {
+            modelValue: z.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (n) => z.value = n),
+            type: l(S),
+            name: "budget",
+            "trailing-text": !0,
+            trailing_text: "€",
+            classList: "budget-field-input",
+            "text-label": "Budget",
+            placeholder: "....",
+            inputStyle: { paddingRight: "50px" },
+            validation: "number",
+            "validation-visibility": "submit",
+            inputmode: "numeric",
+            pattern: "[0-9]*"
+          }, null, 8, ["modelValue", "type"]),
+          e[13] || (e[13] = t("div", { class: "euro-icon" }, " € ", -1))
+        ]),
         i(l(r), {
           id: "Förderung",
           modelValue: x.value,
           "onUpdate:modelValue": e[2] || (e[2] = (n) => x.value = n),
           class: "budgetArea",
           label: "Förderung (optional)",
-          type: l(Z),
+          type: l(R),
           name: "budgetDescription",
           "text-label": "Förderung (optional)",
           placeholder: "Beschreiben Sie welche Förderung Sie erhalten haben.",
@@ -156,7 +161,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
           validation: "length:0,500",
           "validation-visibility": "live",
           hint: "true",
-          help: `${P.value} von ${de} Zeichen`,
+          help: `${P.value} von ${me} Zeichen`,
           "count-hint": !0
         }, null, 8, ["modelValue", "type", "disabled", "help"]),
         i(T, { variant: "default" }, {
@@ -166,39 +171,39 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
               color: "#009fe3"
             })
           ]),
-          title: a(() => e[13] || (e[13] = [
+          title: a(() => e[14] || (e[14] = [
             D(" Information ", -1)
           ])),
           default: a(() => [
-            e[14] || (e[14] = t("div", { class: "copy-large-regular" }, [
+            e[15] || (e[15] = t("div", { class: "copy-large-regular" }, [
               t("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,
-          __: [14]
+          __: [15]
         })
       ]),
-      t("section", Y, [
-        e[17] || (e[17] = t("h5", null, "Erforderliche Fachkompetenzen", -1)),
-        e[18] || (e[18] = t("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)),
+      t("section", ee, [
+        e[18] || (e[18] = t("h5", null, "Erforderliche Fachkompetenzen", -1)),
+        e[19] || (e[19] = t("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[3] || (e[3] = (n) => u.value = n),
           type: "hidden",
           name: "requiredExpertise"
         }, null, 8, ["modelValue"]),
-        u.value.length > 0 ? (s(), f("div", ee, [
-          (s(!0), f(k, null, y(u.value, (n) => (s(), f("div", {
+        u.value.length > 0 ? (o(), f("div", te, [
+          (o(!0), f(k, null, y(u.value, (n) => (o(), f("div", {
             key: n,
             class: "label-chip"
           }, [
             U(t("input", {
               id: `hardware-${n}`,
-              "onUpdate:modelValue": e[4] || (e[4] = (o) => u.value = o),
+              "onUpdate:modelValue": e[4] || (e[4] = (s) => u.value = s),
               class: "label-chip__input",
               type: "checkbox",
               value: n
-            }, null, 8, te), [
+            }, null, 8, ne), [
               [E, u.value]
             ]),
             t("label", {
@@ -218,7 +223,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                   "@inTable": !1
                 }
               }, null, 8, ["text", "data"])
-            ], 8, ne)
+            ], 8, ie)
           ]))), 128))
         ])) : L("", !0),
         i(M, {
@@ -234,7 +239,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
           "show-end-icon": !1,
           "initial-hint-text": !1
         }, null, 8, ["modelValue"]),
-        t("div", ie, [
+        t("div", le, [
           i(g, {
             "button-text": "Fachkompetenz hinzufügen",
             size: "medium",
@@ -244,10 +249,10 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
           })
         ])
       ]),
-      t("section", le, [
-        e[19] || (e[19] = t("h5", null, " Screenshots ", -1)),
-        e[20] || (e[20] = t("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)),
-        t("div", ae, [
+      t("section", ae, [
+        e[20] || (e[20] = t("h5", null, " Screenshots ", -1)),
+        e[21] || (e[21] = t("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)),
+        t("div", re, [
           i(l(r), {
             modelValue: w.value,
             "onUpdate:modelValue": e[7] || (e[7] = (n) => w.value = n),
@@ -255,8 +260,8 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
             name: "references",
             dynamic: ""
           }, {
-            default: a(({ items: n, node: o, value: d }) => [
-              (s(!0), f(k, null, y(n, (m, p) => (s(), V(l(r), {
+            default: a(({ items: n, node: s, value: d }) => [
+              (o(!0), f(k, null, y(n, (m, p) => (o(), V(l(r), {
                 key: m,
                 type: "group",
                 index: p
@@ -269,7 +274,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(d.filter((F, b) => b !== p))
+                        onClick: () => s.input(d.filter((F, b) => b !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -277,13 +282,13 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", re, [
+              t("div", se, [
                 i(g, {
                   "button-text": "Screenshot hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => o.input(d.concat({}))
+                  onClick: (m) => s.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -292,9 +297,9 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
         ])
       ]),
       t("section", oe, [
-        e[21] || (e[21] = t("h5", null, " Weiterführende Links ", -1)),
-        e[22] || (e[22] = t("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)),
-        t("div", se, [
+        e[22] || (e[22] = t("h5", null, " Weiterführende Links ", -1)),
+        e[23] || (e[23] = t("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)),
+        t("div", ue, [
           i(l(r), {
             modelValue: _.value,
             "onUpdate:modelValue": e[8] || (e[8] = (n) => _.value = n),
@@ -302,8 +307,8 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
             name: "links",
             dynamic: ""
           }, {
-            default: a(({ items: n, node: o, value: d }) => [
-              (s(!0), f(k, null, y(n, (m, p) => (s(), V(l(r), {
+            default: a(({ items: n, node: s, value: d }) => [
+              (o(!0), f(k, null, y(n, (m, p) => (o(), V(l(r), {
                 key: m,
                 type: "group",
                 index: p
@@ -316,7 +321,7 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                         size: "small",
                         variant: "tertiary",
                         "icon-start": "trash",
-                        onClick: () => o.input(d.filter((F, b) => b !== p))
+                        onClick: () => s.input(d.filter((F, b) => b !== p))
                       }, null, 8, ["onClick"])
                     ]),
                     _: 2
@@ -324,13 +329,13 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
                 ]),
                 _: 2
               }, 1032, ["index"]))), 128)),
-              t("div", ue, [
+              t("div", de, [
                 i(g, {
                   "button-text": "Link hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
-                  onClick: (m) => o.input(d.concat({}))
+                  onClick: (m) => s.input(d.concat({}))
                 }, null, 8, ["onClick"])
               ])
             ]),
@@ -343,5 +348,5 @@ const q = { class: "dpiV3_page V3-typography" }, O = {
   }
 });
 export {
-  Ce as default
+  we as default
 };

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-db9967a5"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4cf8fd8c"]]);
 export {
-  p as default
+  m as default
 };

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

@@ -513,7 +513,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
               s("div", Gt, [
                 a(f, {
                   "button-text": "Löschen",
-                  size: "medium",
+                  size: "small",
                   variant: "tertiary",
                   "icon-start": "trash",
                   onClick: pt

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

@@ -1,7 +1,7 @@
 import o from "./ReviewStep.vue2.js";
 /* empty css                */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-73b38374"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09fc3c2b"]]);
 export {
-  m as default
+  c as default
 };