@piveau/dpi 0.2.0-alpha.29 → 0.2.0-alpha.30

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

@@ -1,29 +1,31 @@
-import { defineComponent as vt, mergeModels as we, useModel as bt, unref as i, watch as O, ref as ge, computed as b, createElementBlock as m, openBlock as d, createElementVNode as o, createCommentVNode as w, createVNode as u, mergeProps as g, isRef as k, withCtx as y, Fragment as S, renderList as F, withDirectives as ke, vModelCheckbox as ye, createBlock as z } from "vue";
-import { toTypedSchema as j } 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 K, useFieldArray as H } from "vee-validate";
-import * as s from "zod";
-import { useTwinbyUser as wt } from "../../../composables/useTwinbyUser.js";
-import gt from "../Autocomplete/AutocompleteVocab.vue.js";
+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 { 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";
+import * as o from "zod";
+import { useTwinbyUser as St } from "../../../composables/useTwinbyUser.js";
+import zt from "../Autocomplete/AutocompleteVocab.vue.js";
 import f from "../ButtonV3.vue.js";
-import Se from "../Chip.vue.js";
+import Vt from "../Card.vue.js";
+import ze from "../Chip.vue.js";
 import V from "../InputField.vue.js";
-import q from "../ListBox/Listbox.vue.js";
-import ze from "../TextAreaV3.vue.js";
+import Y from "../ListBox/Listbox.vue.js";
+import Ve from "../TextAreaV3.vue.js";
 import B from "./ProcessStepInputCard.vue.js";
-import kt from "./RichOption.vue.js";
-const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "step-section" }, zt = { key: 0 }, Vt = { class: "step-section-actions" }, It = ["href"], Ft = { class: "step-section" }, Ht = {
+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 = {
   key: 0,
   class: "functionalities-container"
-}, Bt = ["id", "value"], $t = { class: "step-section-actions" }, xt = { class: "step-section" }, Ut = { class: "step-section" }, At = {
+}, Pt = ["id", "value"], Ut = { class: "step-section-actions" }, At = { class: "step-section" }, Dt = { class: "step-section step-section--lg" }, _t = { class: "step-section" }, Lt = {
   key: 0,
   class: "step-section-actions"
-}, Pt = { class: "step-section" }, Ct = {
+}, Zt = { class: "step-section" }, Wt = {
   key: 0,
   class: "functionalities-container"
-}, Dt = ["id", "value"], Zt = { class: "step-section-actions" }, Lt = { class: "step-section" }, _t = { class: "step-section-actions" }, Wt = { class: "step-section" }, Rt = { class: "step-section-actions" }, Et = { class: "step-section" }, Gt = { class: "step-section-actions" }, Nt = { class: "step-section-actions" }, Tt = {
+}, 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"
-}, Ve = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ie = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", D = 500, rn = /* @__PURE__ */ vt({
+}, 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({
   __name: "HardwareForm",
   props: /* @__PURE__ */ we({
     modelValue: {},
@@ -36,88 +38,90 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ we(["submit", "patch", "close"], ["update:modelValue"]),
-  setup(Q, { emit: Fe }) {
-    var oe, se, re, ae, ue, de, ce, me, pe, fe;
-    const p = Q, Z = Fe, He = bt(Q, "modelValue"), $ = !!p.modelValue, Be = i(p.modelValue) || "", $e = s.object({
-      lat: s.string().min(1, "Geben Sie einen Wert für die Breite ein"),
-      lng: s.string().min(1, "Geben Sie einen Wert für die Länge ein")
-    }), xe = s.array($e), Ue = s.object({
-      name: s.string().min(1, "Geben Sie einen Namen ein").default(""),
-      url: s.string().min(1, "Geben Sie eine URL ein").default(""),
-      description: s.string().min(1, "Geben Sie eine Beschreibung ein").default("")
+  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({
+      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({
+      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("")
     });
-    function Y(n) {
+    function X(n) {
       return Array.isArray(n) ? n : n != null ? [n] : [];
     }
-    const Ae = s.object({
-      id: s.string(),
-      description: s.string().optional(),
-      functionalities: s.array(s.string()).min(1),
-      forProperty: s.array(s.string()),
-      locations: xe,
-      depictions: s.array(s.string()),
-      references: s.array(Ue),
-      isHostedBy: s.array(s.string()),
-      hosts: s.array(s.string())
-    }), Pe = [
-      "Mast",
-      "Ampel",
-      "Verkehrsschild",
-      "Gebäude",
-      "Straßenbelag",
-      "Brücke",
-      "Bushaltestelle",
-      "Dachfläche",
-      "Straßenmobiliar",
-      "Parkhaus",
-      "Kanaldeckel",
-      "Grünfläche",
+    const Ue = o.object({
+      id: o.string(),
+      description: o.string().optional(),
+      functionalities: o.array(o.string()).min(1),
+      forProperty: o.array(o.string()),
+      locations: $e,
+      depictions: o.array(o.string()),
+      references: o.array(Pe),
+      isHostedBy: o.array(o.string()),
+      hosts: o.array(o.string())
+    }), Ae = [
+      ...[
+        "Mast",
+        "Ampel",
+        "Verkehrsschild",
+        "Gebäude",
+        "Straßenbelag",
+        "Brücke",
+        "Bushaltestelle",
+        "Dachfläche",
+        "Straßenmobiliar",
+        "Parkhaus",
+        "Kanaldeckel",
+        "Grünfläche"
+      ].sort((n, t) => n.localeCompare(t)),
       "Sonstiges"
     ], {
-      defineField: x,
-      handleSubmit: Ce,
-      resetForm: De,
+      defineField: C,
+      handleSubmit: De,
+      resetForm: _e,
       errors: c
-    } = K({
-      validationSchema: j(Ae),
+    } = Q({
+      validationSchema: q(Ue),
       initialValues: {
-        id: p.modelValue || "",
-        description: ((oe = p.initializeWith) == null ? void 0 : oe.description) || "",
-        functionalities: ((se = p.initializeWith) == null ? void 0 : se.functionalities) || [],
-        forProperty: ((re = p.initializeWith) == null ? void 0 : re.forProperty) || [],
-        locations: ((ae = p.initializeWith) == null ? void 0 : ae.locations) || [],
-        depictions: ((ue = p.initializeWith) == null ? void 0 : ue.depictions) || [],
-        references: ((de = p.initializeWith) == null ? void 0 : de.references) || [],
-        isHostedBy: Y((ce = p.initializeWith) == null ? void 0 : ce.isHostedBy),
-        hosts: Y((me = p.initializeWith) == null ? void 0 : me.hosts)
+        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)
       },
       name: "hardwareForm"
-    }), [I, Ze] = x("id"), [v, Le] = x("functionalities"), [h, _e] = x("forProperty"), [U, We] = x("description"), {
-      remove: Re,
-      push: Ee,
+    }), [I, Le] = C("id"), [b, Ze] = C("functionalities"), [h, We] = C("forProperty"), [$, Re] = C("description"), {
+      remove: Ee,
+      push: Ne,
       fields: Ge
-    } = H("locations"), {
-      remove: Ne,
-      push: Te,
-      fields: Me
-    } = H("depictions"), {
-      remove: Oe,
-      push: je,
-      fields: Ke
-    } = H("references"), {
-      remove: qe,
-      push: Qe,
-      fields: J
-    } = H("isHostedBy"), {
-      remove: Mt,
-      push: Ot,
-      fields: jt
-    } = H("hosts");
-    O(I, (n) => {
-      He.value = n || "";
+    } = x("locations"), {
+      remove: Te,
+      push: Me,
+      fields: Oe
+    } = x("depictions"), {
+      remove: je,
+      push: Ke,
+      fields: qe
+    } = x("references"), {
+      remove: Qe,
+      push: Ye,
+      fields: ee
+    } = x("isHostedBy"), {
+      remove: Xt,
+      push: en,
+      fields: tn
+    } = x("hosts");
+    K(I, (n) => {
+      xe.value = n || "";
     }, { immediate: !0 });
-    const L = ge(null);
-    function Ye(n) {
+    const W = ke(null);
+    function Je(n) {
       const t = {
         id: String(n.id || ""),
         name: typeof n.name == "string" ? n.name : "",
@@ -128,80 +132,84 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
         version: n.version,
         unavailable: n.unavailable
       };
-      L.value = t;
+      W.value = t;
     }
-    const r = b(() => !!I.value), X = b(() => {
+    const u = g(() => !!I.value), te = g(() => {
       var n;
-      return (((n = v.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), Je = b(() => {
+      return (((n = b.value) == null ? void 0 : n.length) ?? 0) > 0;
+    }), R = g(() => {
       var n;
-      return ((n = L.value) == null ? void 0 : n.functionalities) ?? [];
-    }), Xe = b(() => {
+      return ((n = W.value) == null ? void 0 : n.functionalities) ?? [];
+    }), Xe = g(() => {
       var n;
-      return ((n = L.value) == null ? void 0 : n.forProperty) ?? [];
-    }), et = s.object({
-      functionalitySelect: s.string().optional(),
-      functionalityInput: s.string().optional()
+      return [...((n = W.value) == null ? void 0 : n.forProperty) || []].sort((t, e) => t.localeCompare(e)) ?? [];
+    }), et = 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: s.ZodIssueCode.custom,
-        message: Ve,
+        code: o.ZodIssueCode.custom,
+        message: Ie,
         path: ["functionalitySelect"]
       }), t.addIssue({
-        code: s.ZodIssueCode.custom,
-        message: Ve,
+        code: o.ZodIssueCode.custom,
+        message: Ie,
         path: ["functionalityInput"]
       }));
     }), {
-      defineField: ee,
+      defineField: ne,
       handleSubmit: tt,
-      errors: _,
-      resetForm: W
-    } = K({
-      validationSchema: j(et),
+      errors: E,
+      resetForm: N
+    } = Q({
+      validationSchema: q(et),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
       }
-    }), nt = s.object({
-      zweckSelect: s.string().optional(),
-      zweckInput: s.string().optional()
+    }), nt = 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: s.ZodIssueCode.custom,
-        message: Ie,
+        code: o.ZodIssueCode.custom,
+        message: Fe,
         path: ["zweckSelect"]
       }), t.addIssue({
-        code: s.ZodIssueCode.custom,
-        message: Ie,
+        code: o.ZodIssueCode.custom,
+        message: Fe,
         path: ["zweckInput"]
       }));
     }), {
-      defineField: te,
+      defineField: ie,
       handleSubmit: it,
-      errors: R,
-      resetForm: E
-    } = K({
-      validationSchema: j(nt),
+      errors: G,
+      resetForm: P
+    } = Q({
+      validationSchema: q(nt),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
     });
-    O(I, (n, t) => {
-      !!t && !!n && n !== t && (W(), v.value = [], E(), h.value = []);
+    K(I, (n, t) => {
+      !!t && !!n && n !== t && (N(), b.value = [], P(), h.value = []);
     });
-    const [A, lt] = ee("functionalitySelect"), [G, ot] = ee("functionalityInput"), ne = b(() => Array.from(v.value || [])), [N, st] = te("zweckSelect"), [T, rt] = te("zweckInput"), P = b(() => h.value && h.value.length > 0), M = ge(!!((fe = (pe = p.initializeWith) == null ? void 0 : pe.forProperty) != null && fe.length));
-    function at() {
+    const [U, lt] = ne("functionalitySelect"), [T, st] = ne("functionalityInput"), M = g(() => Array.from(b.value || [])), ot = 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() {
       h.value = [];
     }
-    const ie = Ce((n) => {
+    const le = De((n) => {
       const t = {
         id: n.id,
         description: n.description || "",
-        functionalities: Array.from(v.value || []).filter(Boolean),
+        functionalities: Array.from(b.value || []).filter(Boolean),
         forProperty: (n.forProperty || []).filter(Boolean),
         locations: n.locations || [],
         depictions: (n.depictions || []).filter(Boolean),
@@ -213,19 +221,19 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
         isHostedBy: (n.isHostedBy || []).filter(Boolean),
         hosts: (n.hosts || []).filter(Boolean)
       };
-      $ ? Z("patch", {
+      H ? Z("patch", {
         id: Be,
         hardware: t
-      }) : Z("submit", t), W(), E(), De();
-    }), le = tt((n) => {
+      }) : Z("submit", t), N(), P(), _e();
+    }), se = tt((n) => {
       var e, l;
       const t = n.functionalitySelect || n.functionalityInput;
-      t && t.trim().length > 0 && !((e = v.value) != null && e.includes(t)) && ((l = v.value) == null || l.push(t)), W();
+      t && t.trim().length > 0 && !((e = b.value) != null && e.includes(t)) && ((l = b.value) == null || l.push(t)), N();
     });
-    O(A, (n) => {
-      n && n.trim().length > 0 && le();
+    K(U, (n) => {
+      n && n.trim().length > 0 && se();
     });
-    function ut(n) {
+    function dt(n) {
       return [
         ...n,
         {
@@ -237,95 +245,102 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
         }
       ];
     }
-    const dt = it((n) => {
+    const ct = it((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)), E();
-    }), ct = b(() => {
+      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;
+    }
+    const mt = g(() => {
       var n;
-      return ((n = U.value) == null ? void 0 : n.length) || 0;
+      return ((n = $.value) == null ? void 0 : n.length) || 0;
     });
-    function mt(n) {
+    function ft(n) {
       var t;
       return ((t = n.value.description) == null ? void 0 : t.length) ?? 0;
     }
-    const { authToken: pt, username: ft } = wt(), ht = b(() => `https://form.typeform.com/to/ayL37uiV#token=${pt.value}&account=${ft.value}`);
-    return (n, t) => (d(), m("div", yt, [
-      o("section", St, [
-        $ ? w("", !0) : (d(), m("h5", zt, "Wählen Sie eine bestehende Hardware")),
-        u(gt, g({
+    const { authToken: ht, username: vt } = St(), bt = g(() => `https://form.typeform.com/to/ayL37uiV#token=${ht.value}&account=${vt.value}`);
+    return (n, t) => (d(), p("div", Ft, [
+      s("section", Ht, [
+        H ? w("", !0) : (d(), p(k, { key: 0 }, [
+          t[15] || (t[15] = s("h5", null, "Wählen Sie eine bestehende Hardware", -1)),
+          t[16] || (t[16] = s("p", null, " Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen. ", -1))
+        ], 64)),
+        a(zt, y({
           modelValue: i(I),
-          "onUpdate:modelValue": t[0] || (t[0] = (e) => k(I) ? I.value = e : null),
-          label: "Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen."
-        }, i(Ze), {
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => S(I) ? I.value = e : null),
+          label: H ? "Hardware auswählen" : ""
+        }, i(Le), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "hardware",
-          placeholder: "Hardware...",
+          placeholder: "Wählen Sie eine Hardware.",
           name: "hardware",
           "setup-fn": (e) => {
-            var l, a, C, he, ve, be;
+            var l, r, _, ve, be, ge;
             return {
               id: e == null ? void 0 : e.id,
-              name: ((l = e == null ? void 0 : e.name) == null ? void 0 : l.de) || ((a = e == null ? void 0 : e.name) == null ? void 0 : a.en),
+              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: p.exclude.includes(e == null ? void 0 : e.id),
-              manufacturer: (he = (C = e == null ? void 0 : e.manufacturer) == null ? void 0 : C[0]) == null ? void 0 : he.label,
-              description: ((ve = e == null ? void 0 : e.description) == null ? void 0 : ve.de) || ((be = e == null ? void 0 : e.description) == null ? void 0 : be.en),
+              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),
               version: e == null ? void 0 : e.version
             };
           },
-          "post-process-fn": ut,
-          onSelect: Ye
+          "post-process-fn": dt,
+          onSelect: Je
         }), {
-          option: y(({ option: e, active: l, selected: a, disabled: C }) => [
-            u(kt, {
+          option: v(({ option: e, active: l, selected: r, disabled: _ }) => [
+            a(It, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
               active: l,
-              selected: a,
-              disabled: C
+              selected: r,
+              disabled: _
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
           _: 1
-        }, 16, ["modelValue", "setup-fn"]),
-        $ ? w("", !0) : (d(), m(S, { key: 1 }, [
-          t[15] || (t[15] = o("h5", null, "oder", -1)),
-          t[16] || (t[16] = o("p", null, " Sollte die verwendete Hardware noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Hardware in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Hardware-Datensatz ersetzen. ", -1)),
-          o("div", Vt, [
-            o("a", {
-              href: ht.value,
+        }, 16, ["modelValue", "label", "setup-fn"]),
+        H ? w("", !0) : (d(), p(k, { key: 1 }, [
+          t[17] || (t[17] = s("h5", null, "oder", -1)),
+          t[18] || (t[18] = s("p", null, " Sollte die verwendete Hardware noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Hardware in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Hardware-Datensatz ersetzen. ", -1)),
+          s("div", xt, [
+            s("a", {
+              href: bt.value,
               target: "_blank"
             }, [
-              u(f, {
+              a(f, {
                 "button-text": "Zur Hardwarebeantragung",
                 size: "medium",
                 variant: "secondary"
               })
-            ], 8, It)
+            ], 8, Bt)
           ])
         ], 64))
       ]),
-      o("section", Ft, [
-        t[17] || (t[17] = o("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
-        t[18] || (t[18] = o("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)),
-        ne.value.length > 0 ? (d(), m("div", Ht, [
-          (d(!0), m(S, null, F(ne.value, (e, l) => (d(), m("div", {
+      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", {
             key: l,
             class: "functionalities"
           }, [
-            ke(o("input", g({
+            ye(s("input", y({
               id: e,
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => k(v) ? v.value = a : null),
+              "onUpdate:modelValue": t[1] || (t[1] = (r) => S(b) ? b.value = r : null),
               hidden: "",
               value: e,
               name: "selectedFunctionalities",
               type: "checkbox"
-            }, { ref_for: !0 }, i(Le)), null, 16, Bt), [
-              [ye, i(v)]
+            }, { ref_for: !0 }, i(Ze)), null, 16, Pt), [
+              [Se, i(b)]
             ]),
-            u(Se, {
+            a(ze, {
               as: "label",
               for: e,
               text: e,
@@ -341,109 +356,128 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : w("", !0),
-        u(q, g({
-          modelValue: i(A),
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => k(A) ? A.value = e : null),
-          options: Je.value,
-          "error-message": i(_).functionalitySelect,
+        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,
           label: "Funktionalitäten auswählen",
           placeholder: "Wählen Sie eine Funktionalität.",
-          disabled: !r.value
+          disabled: !u.value
         }, i(lt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-        t[19] || (t[19] = o("h5", null, " oder ", -1)),
-        u(V, g({
-          modelValue: i(G),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => k(G) ? G.value = e : null),
-          error_message: i(_).functionalityInput,
-          "show-error": !!i(_).functionalityInput,
+        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,
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
           "show-end-icon": !1,
           "pre-icon": !1,
-          "is-disabled": !r.value,
+          "is-disabled": !u.value,
           label: "Funktionalitäten nennen",
-          placeholder: "Nennen Sie eine Funktionalität",
+          placeholder: "Nennen Sie eine Funktionalität.",
           "initial-hint-text": !1
-        }, i(ot)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
-        o("div", $t, [
-          u(f, {
+        }, i(st)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
+        s("div", Ut, [
+          a(f, {
             "button-text": "Funktionalität hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !r.value,
-            onClick: i(le)
+            disabled: !u.value,
+            onClick: i(se)
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
-      o("section", xt, [
-        t[20] || (t[20] = o("h5", null, "Beschreibung der Nutzung (optional)", -1)),
-        t[21] || (t[21] = o("p", null, "Beschreiben Sie die ausgewählte Hardware.", -1)),
-        u(ze, g({
-          modelValue: i(U),
-          "onUpdate:modelValue": t[4] || (t[4] = (e) => k(U) ? U.value = e : null),
-          label: "Beschreibung",
-          placeholder: "Beschreiben Sie die Hardware",
-          "is-disabled": !r.value
-        }, i(We), {
-          max: D,
-          validation: "required|length:0,500",
-          hint: "true",
-          "hint-message": `${ct.value} von ${D} Zeichen`,
-          "count-hint": !0
-        }), null, 16, ["modelValue", "is-disabled", "hint-message"])
+      s("section", At, [
+        t[24] || (t[24] = s("h5", null, "Beschreibung der Nutzung (optional)", -1)),
+        s("div", Dt, [
+          a(Ve, 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,
+            validation: "required|length:0,500",
+            hint: "true",
+            "hint-message": `${mt.value} von ${L} Zeichen`,
+            "count-hint": !0
+          }), null, 16, ["modelValue", "is-disabled", "hint-message"]),
+          a(Vt, { variant: "default" }, {
+            icon: v(() => [
+              a(i(yt), {
+                size: 32,
+                color: "#009fe3"
+              })
+            ]),
+            title: v(() => t[22] || (t[22] = [
+              kt(" Beispiel ", -1)
+            ])),
+            default: v(() => [
+              t[23] || (t[23] = s("div", { class: "copy-large-regular" }, [
+                s("p", null, " Der eingesetzte Pegelstandssensor misst kontinuierlich den Wasserstand der Elbe und überträgt die Daten für Prognoseberechnungen an das digitale Modell. ")
+              ], -1))
+            ]),
+            _: 1,
+            __: [23]
+          })
+        ])
       ]),
-      o("section", Ut, [
-        t[22] || (t[22] = o("h5", null, "Host-Plattform (optional)", -1)),
-        t[23] || (t[23] = o("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), m(S, null, F(i(J), (e, l) => (d(), z(B, {
+      s("section", _t, [
+        t[25] || (t[25] = s("h5", null, "Host-Plattform (optional)", -1)),
+        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: (a) => i(qe)(l)
+          onDelete: (r) => i(Qe)(l)
         }, {
-          default: y(() => [
-            u(q, {
+          default: v(() => [
+            a(Y, {
               modelValue: e.value,
-              "onUpdate:modelValue": (a) => e.value = a,
-              options: Pe,
+              "onUpdate:modelValue": (r) => e.value = r,
+              options: Ae,
               label: "Host-Plattform",
               placeholder: "Wählen Sie eine Host-Plattform.",
-              disabled: !r.value
+              disabled: !u.value
             }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        i(J).length === 0 ? (d(), m("div", At, [
-          u(f, {
+        i(ee).length === 0 ? (d(), p("div", Lt, [
+          a(f, {
             "button-text": "Host-Plattform hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[5] || (t[5] = (e) => r.value && i(Qe)(""))
+            disabled: !u.value,
+            onClick: t[5] || (t[5] = (e) => u.value && i(Ye)(""))
           }, null, 8, ["disabled"])
         ])) : w("", !0)
       ]),
       w("", !0),
-      o("section", Pt, [
-        t[27] || (t[27] = o("h5", null, "Zweck (optional)", -1)),
-        t[28] || (t[28] = o("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
-        P.value ? (d(), m("div", Ct, [
-          (d(!0), m(S, null, F(i(h), (e, l) => (d(), m("div", {
+      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(!0), p(k, null, F(i(h), (e, l) => (d(), p("div", {
             key: `zweck-${l}`,
             class: "functionalities"
           }, [
-            ke(o("input", g({
+            ye(s("input", y({
               id: `zweck-${e}`,
-              "onUpdate:modelValue": t[7] || (t[7] = (a) => k(h) ? h.value = a : null),
+              "onUpdate:modelValue": t[7] || (t[7] = (r) => S(h) ? h.value = r : null),
               hidden: "",
               value: e,
               name: "selectedForProperties",
               type: "checkbox"
-            }, { ref_for: !0 }, i(_e)), null, 16, Dt), [
-              [ye, i(h)]
+            }, { ref_for: !0 }, i(We)), null, 16, Rt), [
+              [Se, i(h)]
             ]),
-            u(Se, {
+            a(ze, {
               as: "label",
               for: `zweck-${e}`,
               text: e,
@@ -459,94 +493,107 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : w("", !0),
-        M.value && !P.value ? (d(), z(B, {
+        D.value && !A.value ? (d(), z(B, {
           key: 1,
-          onDelete: at
+          onDelete: ut
         }, {
-          actions: y(() => [
-            u(f, {
-              "button-text": "Zweck hinzufügen",
-              size: "medium",
-              variant: "tertiary",
-              "icon-start": "plus",
-              disabled: !r.value,
-              onClick: i(dt)
-            }, null, 8, ["disabled", "onClick"])
+          actions: v(() => [
+            s("div", Et, [
+              s("div", Nt, [
+                a(f, {
+                  "button-text": "Zweck hinzufügen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "plus",
+                  disabled: !u.value,
+                  onClick: i(ct)
+                }, null, 8, ["disabled", "onClick"])
+              ]),
+              s("div", Gt, [
+                a(f, {
+                  "button-text": "Löschen",
+                  size: "medium",
+                  variant: "tertiary",
+                  "icon-start": "trash",
+                  onClick: pt
+                })
+              ])
+            ])
           ]),
-          default: y(() => [
-            u(q, g({
-              modelValue: i(N),
-              "onUpdate:modelValue": t[8] || (t[8] = (e) => k(N) ? N.value = e : null),
+          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(R).zweckSelect,
+              "error-message": i(G).zweckSelect,
               label: "Zweck auswählen",
               placeholder: "Wählen Sie einen Zweck.",
-              disabled: !r.value || P.value
-            }, i(st)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-            t[26] || (t[26] = o("h5", null, "oder", -1)),
-            u(V, g({
-              modelValue: i(T),
-              "onUpdate:modelValue": t[9] || (t[9] = (e) => k(T) ? T.value = e : null),
-              error_message: i(R).zweckInput,
-              "show-error": !!i(R).zweckInput,
+              disabled: !u.value || A.value
+            }, i(rt)), 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,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value || P.value,
+              "is-disabled": !u.value || A.value,
               label: "Zweck nennen",
-              placeholder: "Nennen Sie einen Zweck",
+              placeholder: "Nennen Sie einen Zweck.",
               "initial-hint-text": !1
-            }, i(rt)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
+            }, i(at)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
           ]),
           _: 1,
-          __: [26]
+          __: [29]
         })) : w("", !0),
-        o("div", Zt, [
-          M.value ? w("", !0) : (d(), z(f, {
+        s("div", Tt, [
+          D.value ? w("", !0) : (d(), z(f, {
             key: 0,
             "button-text": "Zweck hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[10] || (t[10] = (e) => r.value && (M.value = !0))
+            disabled: !u.value,
+            onClick: t[10] || (t[10] = (e) => u.value && (D.value = !0))
           }, null, 8, ["disabled"]))
         ])
       ]),
-      o("section", Lt, [
-        t[29] || (t[29] = o("h5", null, "Standort (optional)", -1)),
-        t[30] || (t[30] = o("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
-        (d(!0), m(S, null, F(i(Ge), (e, l) => (d(), z(B, {
+      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, {
           key: e.key,
-          onDelete: (a) => i(Re)(l)
+          onDelete: (r) => i(Ee)(l)
         }, {
-          default: y(() => [
-            u(V, {
+          default: v(() => [
+            a(V, {
               modelValue: e.value.lat,
-              "onUpdate:modelValue": (a) => e.value.lat = a,
+              "onUpdate:modelValue": (r) => e.value.lat = r,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value,
+              "is-disabled": !u.value,
               "initial-hint-text": !!i(c)[`locations[${l}].lat`],
               label: "Latitude / Breite",
               placeholder: "Geben Sie die Ortskoordinate Latitude an.",
               "show-error": !!i(c)[`locations[${l}].lat`],
               error_message: i(c)[`locations[${l}].lat`]
             }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled", "initial-hint-text", "show-error", "error_message"]),
-            u(V, {
+            a(V, {
               modelValue: e.value.lng,
-              "onUpdate:modelValue": (a) => e.value.lng = a,
+              "onUpdate:modelValue": (r) => e.value.lng = r,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value,
+              "is-disabled": !u.value,
               label: "Longitude / Länge",
               "initial-hint-text": !!i(c)[`locations[${l}].lng`],
               placeholder: "Geben Sie die Ortskoordinate Longitude an.",
@@ -556,34 +603,34 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", _t, [
-          u(f, {
-            "button-text": "Hinzufügen",
+        s("div", Ot, [
+          a(f, {
+            "button-text": "Standort hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[11] || (t[11] = (e) => r.value && i(Ee)({ lat: "", lng: "" }))
+            disabled: !u.value,
+            onClick: t[11] || (t[11] = (e) => u.value && i(Ne)({ lat: "", lng: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Wt, [
-        t[31] || (t[31] = o("h5", null, "Darstellungen (optional)", -1)),
-        t[32] || (t[32] = o("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), m(S, null, F(i(Me), (e, l) => (d(), z(B, {
+      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, {
           key: e.key,
-          onDelete: (a) => i(Ne)(l)
+          onDelete: (r) => i(Te)(l)
         }, {
-          default: y(() => [
-            u(V, {
+          default: v(() => [
+            a(V, {
               modelValue: e.value,
-              "onUpdate:modelValue": (a) => e.value = a,
+              "onUpdate:modelValue": (r) => e.value = r,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value,
+              "is-disabled": !u.value,
               "input-type": "url",
               label: "URL",
               placeholder: "https://www.url.com",
@@ -592,49 +639,49 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Rt, [
-          u(f, {
+        s("div", Kt, [
+          a(f, {
             "button-text": "Darstellung hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[12] || (t[12] = (e) => r.value && i(Te)(""))
+            disabled: !u.value,
+            onClick: t[12] || (t[12] = (e) => u.value && i(Me)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Et, [
-        t[33] || (t[33] = o("h5", null, "Weiterführende Links (optional)", -1)),
-        t[34] || (t[34] = o("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
-        (d(!0), m(S, null, F(i(Ke), (e, l) => (d(), z(B, {
+      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, {
           key: e.key,
-          onDelete: (a) => i(Oe)(l)
+          onDelete: (r) => i(je)(l)
         }, {
-          default: y(() => [
-            u(V, {
+          default: v(() => [
+            a(V, {
               modelValue: e.value.name,
-              "onUpdate:modelValue": (a) => e.value.name = a,
+              "onUpdate:modelValue": (r) => e.value.name = r,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value,
+              "is-disabled": !u.value,
               label: "Name",
               placeholder: "Benennen Sie den Link.",
               error_message: i(c)[`references[${l}].name`],
               "show-error": !!i(c)[`references[${l}].name`],
               "initial-hint-text": !!i(c)[`references[${l}].name`]
             }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled", "error_message", "show-error", "initial-hint-text"]),
-            u(V, {
+            a(V, {
               modelValue: e.value.url,
-              "onUpdate:modelValue": (a) => e.value.url = a,
+              "onUpdate:modelValue": (r) => e.value.url = r,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value,
+              "is-disabled": !u.value,
               "input-type": "url",
               label: "URL",
               placeholder: "https://www.url.com",
@@ -642,58 +689,58 @@ const yt = { class: "dpi-project-process-step V3-typography" }, St = { 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"]),
-            u(ze, {
+            a(Ve, {
               modelValue: e.value.description,
-              "onUpdate:modelValue": (a) => e.value.description = a,
+              "onUpdate:modelValue": (r) => e.value.description = r,
               label: "Beschreibung",
               placeholder: "Beschreiben Sie Ihren weiterführenden Link in ein paar Sätzen.",
               error_message: i(c)[`references[${l}].description`],
               "show-error": !!i(c)[`references[${l}].description`],
               "initial-hint-text": !!i(c)[`references[${l}].description`],
-              "is-disabled": !r.value,
-              max: D,
+              "is-disabled": !u.value,
+              max: L,
               validation: "required|length:0,500",
               hint: "true",
-              "hint-message": `${mt(e)} von ${D} Zeichen`,
+              "hint-message": `${ft(e)} von ${L} Zeichen`,
               "count-hint": !0
             }, null, 8, ["modelValue", "onUpdate:modelValue", "error_message", "show-error", "initial-hint-text", "is-disabled", "hint-message"])
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Gt, [
-          u(f, {
+        s("div", Qt, [
+          a(f, {
             "button-text": "Link hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[13] || (t[13] = (e) => r.value && i(je)({ name: "", url: "", description: "" }))
+            disabled: !u.value,
+            onClick: t[13] || (t[13] = (e) => u.value && i(Ke)({ name: "", url: "", description: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Nt, [
-        $ ? (d(), m("div", Tt, [
-          u(f, {
+      s("section", Yt, [
+        H ? (d(), p("div", Jt, [
+          a(f, {
             "button-text": "Abbrechen",
             variant: "tertiary",
             onClick: t[14] || (t[14] = (e) => Z("close"))
           }),
-          u(f, {
+          a(f, {
             "button-text": "Speichern",
-            disabled: !r.value || !X.value,
-            onClick: i(ie)
+            disabled: !u.value || !te.value,
+            onClick: i(le)
           }, null, 8, ["disabled", "onClick"])
         ])) : (d(), z(f, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Hardware hinzufügen",
-          disabled: !r.value || !X.value,
-          onClick: i(ie)
+          disabled: !u.value || !te.value,
+          onClick: i(le)
         }, null, 8, ["disabled", "onClick"]))
       ])
     ]));
   }
 });
 export {
-  rn as default
+  bn as default
 };