@piveau/dpi 0.2.0-alpha.31 → 0.2.0-alpha.32

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

@@ -1,4 +1,4 @@
-import { defineComponent as gt, mergeModels as we, useModel as wt, unref as i, watch as K, ref as ke, computed as g, createElementBlock as p, openBlock as d, createElementVNode as s, createCommentVNode as w, createVNode as a, Fragment as k, mergeProps as y, isRef as S, withCtx as v, renderList as F, withDirectives as ye, vModelCheckbox as Se, createTextVNode as kt, createBlock as z } from "vue";
+import { defineComponent as gt, mergeModels as ke, useModel as wt, unref as i, watch as Z, ref as ye, computed as g, createElementBlock as p, openBlock as d, createElementVNode as s, createCommentVNode as w, createVNode as a, Fragment as k, mergeProps as y, isRef as S, withCtx as v, renderList as F, withDirectives as Se, vModelCheckbox as ze, createTextVNode as kt, createBlock as z } from "vue";
 import { PhLightbulb as yt } from "@phosphor-icons/vue";
 import { toTypedSchema as q } 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 Q, useFieldArray as x } from "vee-validate";
@@ -7,10 +7,10 @@ import { useTwinbyUser as St } from "../../../composables/useTwinbyUser.js";
 import zt from "../Autocomplete/AutocompleteVocab.vue.js";
 import f from "../ButtonV3.vue.js";
 import Vt from "../Card.vue.js";
-import ze from "../Chip.vue.js";
+import Ve from "../Chip.vue.js";
 import V from "../InputField.vue.js";
 import Y from "../ListBox/Listbox.vue.js";
-import Ve from "../TextAreaV3.vue.js";
+import Ie from "../TextAreaV3.vue.js";
 import B from "./ProcessStepInputCard.vue.js";
 import It from "./RichOption.vue.js";
 const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = ["href"], Ct = { class: "step-section" }, $t = {
@@ -25,9 +25,9 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
 }, Rt = ["id", "value"], Et = { class: "step-section step-section--lg" }, Nt = { style: { display: "flex", "justify-content": "flex-end" } }, Gt = { style: { display: "inline-flex", "justify-content": "flex-end" } }, Tt = { class: "step-section-actions" }, Mt = { class: "step-section" }, Ot = { class: "step-section-actions" }, jt = { class: "step-section" }, Kt = { class: "step-section-actions" }, qt = { class: "step-section" }, Qt = { class: "step-section-actions" }, Yt = { class: "step-section-actions" }, Jt = {
   key: 0,
   class: "button-row"
-}, Ie = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Fe = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", L = 500, bn = /* @__PURE__ */ gt({
+}, Fe = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", He = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", W = 500, bn = /* @__PURE__ */ gt({
   __name: "HardwareForm",
-  props: /* @__PURE__ */ we({
+  props: /* @__PURE__ */ ke({
     modelValue: {},
     initializeWith: {},
     exclude: { default: () => [] }
@@ -37,13 +37,13 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ we(["submit", "patch", "close"], ["update:modelValue"]),
-  setup(J, { emit: He }) {
-    var oe, re, ae, ue, de, ce, pe, me, fe, he;
-    const m = J, Z = He, xe = wt(J, "modelValue"), H = !!m.modelValue, Be = i(m.modelValue) || "", Ce = o.object({
+  emits: /* @__PURE__ */ ke(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(J, { emit: xe }) {
+    var re, ae, ue, de, ce, pe, me, fe, he, ve;
+    const m = J, R = xe, Be = wt(J, "modelValue"), H = !!m.modelValue, Ce = i(m.modelValue) || "", $e = o.object({
       lat: o.string().min(1, "Geben Sie einen Wert für die Breite ein"),
       lng: o.string().min(1, "Geben Sie einen Wert für die Länge ein")
-    }), $e = o.array(Ce), Pe = o.object({
+    }), Pe = o.array($e), Ue = o.object({
       name: o.string().min(1, "Geben Sie einen Namen ein").default(""),
       url: o.string().min(1, "Geben Sie eine URL ein").default(""),
       description: o.string().min(1, "Geben Sie eine Beschreibung ein").default("")
@@ -51,17 +51,17 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
     function X(n) {
       return Array.isArray(n) ? n : n != null ? [n] : [];
     }
-    const Ue = o.object({
+    const Ae = o.object({
       id: o.string(),
       description: o.string().optional(),
       functionalities: o.array(o.string()).min(1),
       forProperty: o.array(o.string()),
-      locations: $e,
+      locations: Pe,
       depictions: o.array(o.string()),
-      references: o.array(Pe),
+      references: o.array(Ue),
       isHostedBy: o.array(o.string()),
       hosts: o.array(o.string())
-    }), Ae = [
+    }), De = [
       ...[
         "Mast",
         "Ampel",
@@ -79,49 +79,49 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
       "Sonstiges"
     ], {
       defineField: C,
-      handleSubmit: De,
-      resetForm: _e,
+      handleSubmit: _e,
+      resetForm: Le,
       errors: c
     } = Q({
-      validationSchema: q(Ue),
+      validationSchema: q(Ae),
       initialValues: {
         id: m.modelValue || "",
-        description: ((oe = m.initializeWith) == null ? void 0 : oe.description) || "",
-        functionalities: ((re = m.initializeWith) == null ? void 0 : re.functionalities) || [],
-        forProperty: ((ae = m.initializeWith) == null ? void 0 : ae.forProperty) || [],
-        locations: ((ue = m.initializeWith) == null ? void 0 : ue.locations) || [],
-        depictions: ((de = m.initializeWith) == null ? void 0 : de.depictions) || [],
-        references: ((ce = m.initializeWith) == null ? void 0 : ce.references) || [],
-        isHostedBy: X((pe = m.initializeWith) == null ? void 0 : pe.isHostedBy),
-        hosts: X((me = m.initializeWith) == null ? void 0 : me.hosts)
+        description: ((re = m.initializeWith) == null ? void 0 : re.description) || "",
+        functionalities: ((ae = m.initializeWith) == null ? void 0 : ae.functionalities) || [],
+        forProperty: ((ue = m.initializeWith) == null ? void 0 : ue.forProperty) || [],
+        locations: ((de = m.initializeWith) == null ? void 0 : de.locations) || [],
+        depictions: ((ce = m.initializeWith) == null ? void 0 : ce.depictions) || [],
+        references: ((pe = m.initializeWith) == null ? void 0 : pe.references) || [],
+        isHostedBy: X((me = m.initializeWith) == null ? void 0 : me.isHostedBy),
+        hosts: X((fe = m.initializeWith) == null ? void 0 : fe.hosts)
       },
       name: "hardwareForm"
-    }), [I, Le] = C("id"), [b, Ze] = C("functionalities"), [h, We] = C("forProperty"), [$, Re] = C("description"), {
-      remove: Ee,
-      push: Ne,
-      fields: Ge
+    }), [I, Ze] = C("id"), [b, We] = C("functionalities"), [h, Re] = C("forProperty"), [$, Ee] = C("description"), {
+      remove: Ne,
+      push: Ge,
+      fields: Te
     } = x("locations"), {
-      remove: Te,
-      push: Me,
-      fields: Oe
+      remove: Me,
+      push: Oe,
+      fields: je
     } = x("depictions"), {
-      remove: je,
-      push: Ke,
-      fields: qe
+      remove: Ke,
+      push: qe,
+      fields: Qe
     } = x("references"), {
-      remove: Qe,
-      push: Ye,
+      remove: Ye,
+      push: Je,
       fields: ee
     } = x("isHostedBy"), {
       remove: Xt,
       push: en,
       fields: tn
     } = x("hosts");
-    K(I, (n) => {
-      xe.value = n || "";
+    Z(I, (n) => {
+      Be.value = n || "";
     }, { immediate: !0 });
-    const W = ke(null);
-    function Je(n) {
+    const E = ye(null);
+    function Xe(n) {
       const t = {
         id: String(n.id || ""),
         name: typeof n.name == "string" ? n.name : "",
@@ -132,80 +132,80 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
         version: n.version,
         unavailable: n.unavailable
       };
-      W.value = t;
+      E.value = t;
     }
     const u = g(() => !!I.value), te = g(() => {
       var n;
       return (((n = b.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), R = g(() => {
+    }), N = g(() => {
       var n;
-      return ((n = W.value) == null ? void 0 : n.functionalities) ?? [];
-    }), Xe = g(() => {
+      return ((n = E.value) == null ? void 0 : n.functionalities) ?? [];
+    }), et = g(() => {
       var n;
-      return [...((n = W.value) == null ? void 0 : n.forProperty) || []].sort((t, e) => t.localeCompare(e)) ?? [];
-    }), et = o.object({
+      return [...((n = E.value) == null ? void 0 : n.forProperty) || []].sort((t, e) => t.localeCompare(e)) ?? [];
+    }), tt = o.object({
       functionalitySelect: o.string().optional(),
       functionalityInput: o.string().optional()
     }).superRefine((n, t) => {
       const e = n.functionalitySelect && n.functionalitySelect.trim().length > 0, l = n.functionalityInput && n.functionalityInput.trim().length > 0;
       !e && !l && (t.addIssue({
         code: o.ZodIssueCode.custom,
-        message: Ie,
+        message: Fe,
         path: ["functionalitySelect"]
       }), t.addIssue({
         code: o.ZodIssueCode.custom,
-        message: Ie,
+        message: Fe,
         path: ["functionalityInput"]
       }));
     }), {
       defineField: ne,
-      handleSubmit: tt,
-      errors: E,
-      resetForm: N
+      handleSubmit: nt,
+      errors: G,
+      resetForm: T
     } = Q({
-      validationSchema: q(et),
+      validationSchema: q(tt),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
       }
-    }), nt = o.object({
+    }), it = o.object({
       zweckSelect: o.string().optional(),
       zweckInput: o.string().optional()
     }).superRefine((n, t) => {
       const e = n.zweckSelect && n.zweckSelect.trim().length > 0, l = n.zweckInput && n.zweckInput.trim().length > 0;
       !e && !l && (t.addIssue({
         code: o.ZodIssueCode.custom,
-        message: Fe,
+        message: He,
         path: ["zweckSelect"]
       }), t.addIssue({
         code: o.ZodIssueCode.custom,
-        message: Fe,
+        message: He,
         path: ["zweckInput"]
       }));
     }), {
       defineField: ie,
-      handleSubmit: it,
-      errors: G,
+      handleSubmit: lt,
+      errors: M,
       resetForm: P
     } = Q({
-      validationSchema: q(nt),
+      validationSchema: q(it),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
     });
-    K(I, (n, t) => {
-      !!t && !!n && n !== t && (N(), b.value = [], P(), h.value = []);
+    Z(I, (n, t) => {
+      !!t && !!n && n !== t && (T(), b.value = [], P(), h.value = []);
     });
-    const [U, lt] = ne("functionalitySelect"), [T, st] = ne("functionalityInput"), M = g(() => Array.from(b.value || [])), ot = g(() => {
+    const [U, st] = ne("functionalitySelect"), [O, ot] = ne("functionalityInput"), j = g(() => Array.from(b.value || [])), rt = g(() => {
       var t, e;
-      const n = M.value.join(" ");
-      return (e = (t = R == null ? void 0 : R.value) == null ? void 0 : t.filter((l) => !n.includes(l))) == null ? void 0 : e.sort((l, r) => l.localeCompare(r));
-    }), [O, rt] = ie("zweckSelect"), [j, at] = ie("zweckInput"), A = g(() => h.value && h.value.length > 0), D = ke(!!((he = (fe = m.initializeWith) == null ? void 0 : fe.forProperty) != null && he.length));
-    function ut() {
+      const n = j.value.join(" ");
+      return (e = (t = N == null ? void 0 : N.value) == null ? void 0 : t.filter((l) => !n.includes(l))) == null ? void 0 : e.sort((l, r) => l.localeCompare(r));
+    }), [A, at] = ie("zweckSelect"), [K, ut] = ie("zweckInput"), D = g(() => h.value && h.value.length > 0), _ = ye(!!((ve = (he = m.initializeWith) == null ? void 0 : he.forProperty) != null && ve.length));
+    function dt() {
       h.value = [];
     }
-    const le = De((n) => {
+    const le = _e((n) => {
       const t = {
         id: n.id,
         description: n.description || "",
@@ -221,19 +221,19 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
         isHostedBy: (n.isHostedBy || []).filter(Boolean),
         hosts: (n.hosts || []).filter(Boolean)
       };
-      H ? Z("patch", {
-        id: Be,
+      H ? R("patch", {
+        id: Ce,
         hardware: t
-      }) : Z("submit", t), N(), P(), _e();
-    }), se = tt((n) => {
+      }) : R("submit", t), T(), P(), Le();
+    }), se = nt((n) => {
       var e, l;
       const t = n.functionalitySelect || n.functionalityInput;
-      t && t.trim().length > 0 && !((e = b.value) != null && e.includes(t)) && ((l = b.value) == null || l.push(t)), N();
+      t && t.trim().length > 0 && !((e = b.value) != null && e.includes(t)) && ((l = b.value) == null || l.push(t)), T();
     });
-    K(U, (n) => {
+    Z(U, (n) => {
       n && n.trim().length > 0 && se();
     });
-    function dt(n) {
+    function ct(n) {
       return [
         ...n,
         {
@@ -245,14 +245,15 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
         }
       ];
     }
-    const ct = it((n) => {
+    const oe = lt((n) => {
       var e, l;
       const t = n.zweckSelect || n.zweckInput;
       t && t.trim().length > 0 && !((e = h.value) != null && e.includes(t)) && ((l = h.value) == null || l.push(t)), P();
     });
     function pt() {
-      P(), D.value = !1;
+      P(), _.value = !1;
     }
+    Z(A, () => oe());
     const mt = g(() => {
       var n;
       return ((n = $.value) == null ? void 0 : n.length) || 0;
@@ -272,35 +273,35 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
           modelValue: i(I),
           "onUpdate:modelValue": t[0] || (t[0] = (e) => S(I) ? I.value = e : null),
           label: H ? "Hardware auswählen" : ""
-        }, i(Le), {
+        }, i(Ze), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "hardware",
           placeholder: "Wählen Sie eine Hardware.",
           name: "hardware",
           "setup-fn": (e) => {
-            var l, r, _, ve, be, ge;
+            var l, r, L, be, ge, we;
             return {
               id: e == null ? void 0 : e.id,
               name: ((l = e == null ? void 0 : e.name) == null ? void 0 : l.de) || ((r = e == null ? void 0 : e.name) == null ? void 0 : r.en),
               functionalities: (e == null ? void 0 : e.functionalities) || [],
               forProperties: (e == null ? void 0 : e.measured_actuated_properties) || [],
               unavailable: m.exclude.includes(e == null ? void 0 : e.id),
-              manufacturer: (ve = (_ = e == null ? void 0 : e.manufacturer) == null ? void 0 : _[0]) == null ? void 0 : ve.label,
-              description: ((be = e == null ? void 0 : e.description) == null ? void 0 : be.de) || ((ge = e == null ? void 0 : e.description) == null ? void 0 : ge.en),
+              manufacturer: (be = (L = e == null ? void 0 : e.manufacturer) == null ? void 0 : L[0]) == null ? void 0 : be.label,
+              description: ((ge = e == null ? void 0 : e.description) == null ? void 0 : ge.de) || ((we = e == null ? void 0 : e.description) == null ? void 0 : we.en),
               version: e == null ? void 0 : e.version
             };
           },
-          "post-process-fn": dt,
-          onSelect: Je
+          "post-process-fn": ct,
+          onSelect: Xe
         }), {
-          option: v(({ option: e, active: l, selected: r, disabled: _ }) => [
+          option: v(({ option: e, active: l, selected: r, disabled: L }) => [
             a(It, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
               active: l,
               selected: r,
-              disabled: _
+              disabled: L
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
           _: 1
@@ -325,22 +326,22 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
       s("section", Ct, [
         t[19] || (t[19] = s("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
         t[20] || (t[20] = s("p", null, " Beschreiben Sie, wie Sie die angegebene Hardware eingesetzt haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
-        M.value.length > 0 ? (d(), p("div", $t, [
-          (d(!0), p(k, null, F(M.value, (e, l) => (d(), p("div", {
+        j.value.length > 0 ? (d(), p("div", $t, [
+          (d(!0), p(k, null, F(j.value, (e, l) => (d(), p("div", {
             key: l,
             class: "functionalities"
           }, [
-            ye(s("input", y({
+            Se(s("input", y({
               id: e,
               "onUpdate:modelValue": t[1] || (t[1] = (r) => S(b) ? b.value = r : null),
               hidden: "",
               value: e,
               name: "selectedFunctionalities",
               type: "checkbox"
-            }, { ref_for: !0 }, i(Ze)), null, 16, Pt), [
-              [Se, i(b)]
+            }, { ref_for: !0 }, i(We)), null, 16, Pt), [
+              [ze, i(b)]
             ]),
-            a(ze, {
+            a(Ve, {
               as: "label",
               for: e,
               text: e,
@@ -359,18 +360,18 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
         a(Y, y({
           modelValue: i(U),
           "onUpdate:modelValue": t[2] || (t[2] = (e) => S(U) ? U.value = e : null),
-          options: ot.value,
-          "error-message": i(E).functionalitySelect,
+          options: rt.value,
+          "error-message": i(G).functionalitySelect,
           label: "Funktionalitäten auswählen",
           placeholder: "Wählen Sie eine Funktionalität.",
           disabled: !u.value
-        }, i(lt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+        }, i(st)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
         t[21] || (t[21] = s("h5", null, " oder ", -1)),
         a(V, y({
-          modelValue: i(T),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => S(T) ? T.value = e : null),
-          error_message: i(E).functionalityInput,
-          "show-error": !!i(E).functionalityInput,
+          modelValue: i(O),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => S(O) ? O.value = e : null),
+          error_message: i(G).functionalityInput,
+          "show-error": !!i(G).functionalityInput,
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -380,7 +381,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
           label: "Funktionalitäten nennen",
           placeholder: "Nennen Sie eine Funktionalität.",
           "initial-hint-text": !1
-        }, i(st)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
+        }, i(ot)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
         s("div", Ut, [
           a(f, {
             "button-text": "Funktionalität hinzufügen",
@@ -395,17 +396,17 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
       s("section", At, [
         t[24] || (t[24] = s("h5", null, "Beschreibung der Nutzung (optional)", -1)),
         s("div", Dt, [
-          a(Ve, y({
+          a(Ie, y({
             modelValue: i($),
             "onUpdate:modelValue": t[4] || (t[4] = (e) => S($) ? $.value = e : null),
             label: "",
             placeholder: "Beschreiben Sie in ein paar Sätzen, wie Sie die Hardware eingesetzt haben.",
             "is-disabled": !u.value
-          }, i(Re), {
-            max: L,
+          }, i(Ee), {
+            max: W,
             validation: "required|length:0,500",
             hint: "true",
-            "hint-message": `${mt.value} von ${L} Zeichen`,
+            "hint-message": `${mt.value} von ${W} Zeichen`,
             "count-hint": !0
           }), null, 16, ["modelValue", "is-disabled", "hint-message"]),
           a(Vt, { variant: "default" }, {
@@ -433,13 +434,13 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
         t[26] || (t[26] = s("p", null, "Falls die von Ihnen verwendete Hardware Sensoren oder Aktuatoren sind, geben Sie hier die Plattform oder physische Struktur an, welche diese hostet (z.B. Wetterstation, Lichtmast).", -1)),
         (d(!0), p(k, null, F(i(ee), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (r) => i(Qe)(l)
+          onDelete: (r) => i(Ye)(l)
         }, {
           default: v(() => [
             a(Y, {
               modelValue: e.value,
               "onUpdate:modelValue": (r) => e.value = r,
-              options: Ae,
+              options: De,
               label: "Host-Plattform",
               placeholder: "Wählen Sie eine Host-Plattform.",
               disabled: !u.value
@@ -454,7 +455,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !u.value,
-            onClick: t[5] || (t[5] = (e) => u.value && i(Ye)(""))
+            onClick: t[5] || (t[5] = (e) => u.value && i(Je)(""))
           }, null, 8, ["disabled"])
         ])) : w("", !0)
       ]),
@@ -462,22 +463,22 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
       s("section", Zt, [
         t[30] || (t[30] = s("h5", null, "Zweck (optional)", -1)),
         t[31] || (t[31] = s("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
-        A.value ? (d(), p("div", Wt, [
+        D.value ? (d(), p("div", Wt, [
           (d(!0), p(k, null, F(i(h), (e, l) => (d(), p("div", {
             key: `zweck-${l}`,
             class: "functionalities"
           }, [
-            ye(s("input", y({
+            Se(s("input", y({
               id: `zweck-${e}`,
               "onUpdate:modelValue": t[7] || (t[7] = (r) => S(h) ? h.value = r : null),
               hidden: "",
               value: e,
               name: "selectedForProperties",
               type: "checkbox"
-            }, { ref_for: !0 }, i(We)), null, 16, Rt), [
-              [Se, i(h)]
+            }, { ref_for: !0 }, i(Re)), null, 16, Rt), [
+              [ze, i(h)]
             ]),
-            a(ze, {
+            a(Ve, {
               as: "label",
               for: `zweck-${e}`,
               text: e,
@@ -493,9 +494,9 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : w("", !0),
-        D.value && !A.value ? (d(), z(B, {
+        _.value && !D.value ? (d(), z(B, {
           key: 1,
-          onDelete: ut
+          onDelete: dt
         }, {
           actions: v(() => [
             s("div", Et, [
@@ -506,7 +507,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
                   variant: "tertiary",
                   "icon-start": "plus",
                   disabled: !u.value,
-                  onClick: i(ct)
+                  onClick: i(oe)
                 }, null, 8, ["disabled", "onClick"])
               ]),
               s("div", Gt, [
@@ -522,52 +523,52 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
           ]),
           default: v(() => [
             a(Y, y({
-              modelValue: i(O),
-              "onUpdate:modelValue": t[8] || (t[8] = (e) => S(O) ? O.value = e : null),
-              options: Xe.value,
-              "error-message": i(G).zweckSelect,
+              modelValue: i(A),
+              "onUpdate:modelValue": t[8] || (t[8] = (e) => S(A) ? A.value = e : null),
+              options: et.value,
+              "error-message": i(M).zweckSelect,
               label: "Zweck auswählen",
               placeholder: "Wählen Sie einen Zweck.",
-              disabled: !u.value || A.value
-            }, i(rt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+              disabled: !u.value || D.value
+            }, i(at)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
             t[29] || (t[29] = s("h5", null, "oder", -1)),
             a(V, y({
-              modelValue: i(j),
-              "onUpdate:modelValue": t[9] || (t[9] = (e) => S(j) ? j.value = e : null),
-              error_message: i(G).zweckInput,
-              "show-error": !!i(G).zweckInput,
+              modelValue: i(K),
+              "onUpdate:modelValue": t[9] || (t[9] = (e) => S(K) ? K.value = e : null),
+              error_message: i(M).zweckInput,
+              "show-error": !!i(M).zweckInput,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !u.value || A.value,
+              "is-disabled": !u.value || D.value,
               label: "Zweck nennen",
               placeholder: "Nennen Sie einen Zweck.",
               "initial-hint-text": !1
-            }, i(at)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
+            }, i(ut)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
           ]),
           _: 1,
           __: [29]
         })) : w("", !0),
         s("div", Tt, [
-          D.value ? w("", !0) : (d(), z(f, {
+          _.value ? w("", !0) : (d(), z(f, {
             key: 0,
             "button-text": "Zweck hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !u.value,
-            onClick: t[10] || (t[10] = (e) => u.value && (D.value = !0))
+            onClick: t[10] || (t[10] = (e) => u.value && (_.value = !0))
           }, null, 8, ["disabled"]))
         ])
       ]),
       s("section", Mt, [
         t[32] || (t[32] = s("h5", null, "Standort (optional)", -1)),
         t[33] || (t[33] = s("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
-        (d(!0), p(k, null, F(i(Ge), (e, l) => (d(), z(B, {
+        (d(!0), p(k, null, F(i(Te), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (r) => i(Ee)(l)
+          onDelete: (r) => i(Ne)(l)
         }, {
           default: v(() => [
             a(V, {
@@ -610,16 +611,16 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !u.value,
-            onClick: t[11] || (t[11] = (e) => u.value && i(Ne)({ lat: "", lng: "" }))
+            onClick: t[11] || (t[11] = (e) => u.value && i(Ge)({ lat: "", lng: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
       s("section", jt, [
         t[34] || (t[34] = s("h5", null, "Darstellungen (optional)", -1)),
         t[35] || (t[35] = s("p", null, "Fügen Sie hier ein Bild der von Ihnen verwendeten Hardware ein. Dies sollte eine gültige Bild-URL sein.", -1)),
-        (d(!0), p(k, null, F(i(Oe), (e, l) => (d(), z(B, {
+        (d(!0), p(k, null, F(i(je), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (r) => i(Te)(l)
+          onDelete: (r) => i(Me)(l)
         }, {
           default: v(() => [
             a(V, {
@@ -646,16 +647,16 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !u.value,
-            onClick: t[12] || (t[12] = (e) => u.value && i(Me)(""))
+            onClick: t[12] || (t[12] = (e) => u.value && i(Oe)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
       s("section", qt, [
         t[36] || (t[36] = s("h5", null, "Weiterführende Links (optional)", -1)),
         t[37] || (t[37] = s("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
-        (d(!0), p(k, null, F(i(qe), (e, l) => (d(), z(B, {
+        (d(!0), p(k, null, F(i(Qe), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (r) => i(je)(l)
+          onDelete: (r) => i(Ke)(l)
         }, {
           default: v(() => [
             a(V, {
@@ -689,7 +690,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
               "show-error": !!i(c)[`references[${l}].url`],
               "initial-hint-text": !!i(c)[`references[${l}].url`]
             }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled", "error_message", "show-error", "initial-hint-text"]),
-            a(Ve, {
+            a(Ie, {
               modelValue: e.value.description,
               "onUpdate:modelValue": (r) => e.value.description = r,
               label: "Beschreibung",
@@ -698,10 +699,10 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
               "show-error": !!i(c)[`references[${l}].description`],
               "initial-hint-text": !!i(c)[`references[${l}].description`],
               "is-disabled": !u.value,
-              max: L,
+              max: W,
               validation: "required|length:0,500",
               hint: "true",
-              "hint-message": `${ft(e)} von ${L} Zeichen`,
+              "hint-message": `${ft(e)} von ${W} Zeichen`,
               "count-hint": !0
             }, null, 8, ["modelValue", "onUpdate:modelValue", "error_message", "show-error", "initial-hint-text", "is-disabled", "hint-message"])
           ]),
@@ -714,7 +715,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !u.value,
-            onClick: t[13] || (t[13] = (e) => u.value && i(Ke)({ name: "", url: "", description: "" }))
+            onClick: t[13] || (t[13] = (e) => u.value && i(qe)({ name: "", url: "", description: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
@@ -723,7 +724,7 @@ const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "s
           a(f, {
             "button-text": "Abbrechen",
             variant: "tertiary",
-            onClick: t[14] || (t[14] = (e) => Z("close"))
+            onClick: t[14] || (t[14] = (e) => R("close"))
           }),
           a(f, {
             "button-text": "Speichern",