@piveau/dpi 0.2.0-alpha.7 → 0.2.0-alpha.71

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

@@ -1,21 +1,34 @@
-import { defineComponent as ft, mergeModels as he, useModel as ht, unref as i, watch as ve, ref as O, computed as S, createElementBlock as p, openBlock as d, createElementVNode as s, createCommentVNode as F, createVNode as u, mergeProps as g, isRef as V, withCtx as k, Fragment as y, renderList as z, withDirectives as be, vModelCheckbox as we, createBlock as b } from "vue";
-import { toTypedSchema as T } 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 j, useFieldArray as x } from "vee-validate";
-import * as o from "zod";
-import vt from "../Autocomplete/AutocompleteVocab.vue.js";
+import { defineComponent as tn, mergeModels as pe, useModel as ln, unref as l, watch as N, ref as Z, computed as w, createElementBlock as p, openBlock as c, createElementVNode as i, createCommentVNode as S, createVNode as o, Fragment as g, mergeProps as O, isRef as A, withCtx as v, createTextVNode as on, renderList as P, createBlock as V, withDirectives as fe, vModelCheckbox as sn, vShow as rn } from "vue";
+import { PhLightbulb as an } from "@phosphor-icons/vue";
+import { toTypedSchema as he } 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 ve, useFieldArray as x } from "vee-validate";
+import * as s from "zod";
+import { useRuntimeEnv as un } from "../../../../composables/useRuntimeEnv.js";
+import { generateIsRequiredMsg as k, generateIsInvalidMsg as be } from "../../../../utils/twinbyUtils.js";
+import { useTwinbyUser as dn } from "../../../composables/useTwinbyUser.js";
+import cn from "../Autocomplete/AutocompleteVocab.vue.js";
 import f from "../ButtonV3.vue.js";
-import ge from "../Chip.vue.js";
-import w from "../InputField.vue.js";
-import ke from "../ListBox/Listbox.vue.js";
-import ye from "../TextAreaV3.vue.js";
-import H from "./ProcessStepInputCard.vue.js";
-import bt from "./RichOption.vue.js";
-const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "step-section" }, kt = { key: 0 }, yt = { class: "step-section-actions" }, St = { class: "step-section step-section--lg" }, Vt = {
+import mn from "../Card.vue.js";
+import pn from "../Chip.vue.js";
+import H from "../InputField/InputFieldVeeValidate.vue.js";
+import we from "../ListBox/ListboxVeeValidate.vue.js";
+import fn from "../TextArea/TextAreaVeeValidate.vue.js";
+import hn from "../TextAreaV3.vue.js";
+import vn from "./FunctionalityForm.vue.js";
+import U from "./ProcessStepInputCard.vue.js";
+import bn from "./RichOption.vue.js";
+const wn = { class: "dpi-project-process-step V3-typography" }, gn = { class: "step-section" }, kn = { class: "step-section-actions" }, yn = ["href"], zn = { class: "step-section" }, Sn = { class: "step-section" }, Vn = { class: "step-section step-section--lg" }, Hn = { class: "step-section" }, Bn = {
+  key: 0,
+  class: "step-section-actions"
+}, Pn = { class: "step-section" }, xn = {
   key: 0,
   class: "functionalities-container"
-}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, Ut = { class: "step-section-actions" }, $t = { class: "step-section" }, At = { key: 0 }, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, Se = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ve = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", C = 500, en = /* @__PURE__ */ ft({
+}, Un = ["id", "value"], In = { class: "step-section step-section--lg" }, $n = { style: { display: "flex", "justify-content": "flex-end" } }, Cn = { style: { display: "inline-flex", "justify-content": "flex-end" } }, Ln = { class: "step-section-actions" }, Dn = { class: "step-section" }, Fn = { class: "step-section-actions" }, Zn = { class: "step-section" }, An = { class: "step-section-actions" }, Wn = { class: "step-section" }, Rn = { class: "step-section-actions" }, _n = { class: "step-section-actions" }, Mn = {
+  key: 0,
+  class: "button-row"
+}, W = 500, ut = /* @__PURE__ */ tn({
   __name: "HardwareForm",
-  props: /* @__PURE__ */ he({
+  props: /* @__PURE__ */ pe({
     modelValue: {},
     initializeWith: {},
     exclude: { default: () => [] }
@@ -25,658 +38,612 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ he(["submit", "patch"], ["update:modelValue"]),
-  setup(K, { emit: ze }) {
-    var ne, ie, le, se, oe, re, ae, ue, de, ce;
-    const m = K, q = ze, Ie = ht(K, "modelValue"), B = !!m.modelValue, Fe = i(m.modelValue) || "", He = 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")
-    }), xe = o.array(He), Be = 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("")
+  emits: /* @__PURE__ */ pe(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(T, { emit: ge }) {
+    var ee, ne, te, ie, le, oe, se, re, ae, ue;
+    const m = T, R = ge, ke = ln(T, "modelValue"), B = !!m.modelValue, ye = l(m.modelValue) || "", ze = s.object({
+      lat: s.string().min(1, k("Latitude / Breite")),
+      lng: s.string().min(1, k("Longitude / Länge"))
+    }), Se = s.array(ze), Ve = s.object({
+      name: s.string().min(1, k("Name")).default(""),
+      url: s.string().min(1, k("URL")).url(be("URL")).default(""),
+      description: s.string().default("")
     });
-    function Q(n) {
-      return Array.isArray(n) ? n : n != null ? [n] : [];
+    function j(t) {
+      return Array.isArray(t) ? t : t != null ? [t] : [];
     }
-    const Ue = o.object({
-      id: o.string(),
-      description: o.string().optional(),
-      functionalities: o.array(o.string()).min(1),
-      forProperty: o.array(o.string()),
-      locations: xe,
-      depictions: o.array(o.string()),
-      references: o.array(Be),
-      isHostedBy: o.array(o.string()),
-      hosts: o.array(o.string())
-    }), {
-      defineField: U,
-      handleSubmit: $e,
-      resetForm: Ae,
-      errors: c
-    } = j({
-      validationSchema: T(Ue),
+    const He = s.object({
+      id: s.string(),
+      description: s.string().optional(),
+      functionalities: s.array(s.string()).min(1),
+      forProperty: s.array(s.string()),
+      locations: Se,
+      depictions: s.array(s.string().min(1, k("URL")).url(be("URL"))),
+      references: s.array(Ve),
+      isHostedBy: s.array(s.string().min(1, k("Host-Plattform"))),
+      hosts: s.array(s.string())
+    }), Be = [
+      ...[
+        "Mast",
+        "Ampel",
+        "Verkehrsschild",
+        "Gebäude",
+        "Straßenbelag",
+        "Brücke",
+        "Bushaltestelle",
+        "Dachfläche",
+        "Straßenmobiliar",
+        "Parkhaus",
+        "Kanaldeckel",
+        "Grünfläche"
+      ].sort((t, e) => t.localeCompare(e)),
+      "Sonstiges"
+    ], b = ve({
+      validationSchema: he(He),
       initialValues: {
         id: m.modelValue || "",
-        description: ((ne = m.initializeWith) == null ? void 0 : ne.description) || "",
-        functionalities: ((ie = m.initializeWith) == null ? void 0 : ie.functionalities) || [],
-        forProperty: ((le = m.initializeWith) == null ? void 0 : le.forProperty) || [],
-        locations: ((se = m.initializeWith) == null ? void 0 : se.locations) || [],
-        depictions: ((oe = m.initializeWith) == null ? void 0 : oe.depictions) || [],
-        references: ((re = m.initializeWith) == null ? void 0 : re.references) || [],
-        isHostedBy: Q((ae = m.initializeWith) == null ? void 0 : ae.isHostedBy),
-        hosts: Q((ue = m.initializeWith) == null ? void 0 : ue.hosts)
+        description: ((ee = m.initializeWith) == null ? void 0 : ee.description) || "",
+        functionalities: ((ne = m.initializeWith) == null ? void 0 : ne.functionalities) || [],
+        forProperty: ((te = m.initializeWith) == null ? void 0 : te.forProperty) || [],
+        locations: ((ie = m.initializeWith) == null ? void 0 : ie.locations) || [],
+        depictions: ((le = m.initializeWith) == null ? void 0 : le.depictions) || [],
+        references: ((oe = m.initializeWith) == null ? void 0 : oe.references) || [],
+        isHostedBy: j((se = m.initializeWith) == null ? void 0 : se.isHostedBy),
+        hosts: j((re = m.initializeWith) == null ? void 0 : re.hosts)
       },
       name: "hardwareForm"
-    }), [I, Ce] = U("id"), [v, De] = U("functionalities"), [h, Pe] = U("forProperty"), [Et, Ze] = U("description"), {
-      remove: We,
+    }), {
+      defineField: I,
+      handleSubmit: Pe,
+      resetForm: xe
+    } = b, [y, Ue] = I("id"), [z] = I("functionalities"), [h, Ie] = I("forProperty"), [$, $e] = I("description"), {
+      remove: Ce,
       push: Le,
-      fields: _e
+      fields: De
     } = x("locations"), {
-      remove: Ge,
-      push: Re,
-      fields: Ee
+      remove: Fe,
+      push: Ze,
+      fields: Ae
     } = x("depictions"), {
-      remove: Ne,
-      push: Me,
-      fields: Oe
+      remove: We,
+      push: Re,
+      fields: _e
     } = x("references"), {
-      remove: Te,
-      push: je,
-      fields: Ke
+      remove: Me,
+      push: Ee,
+      fields: G
     } = x("isHostedBy"), {
-      remove: qe,
-      push: Qe,
-      fields: Ye
+      remove: En,
+      push: Nn,
+      fields: On
     } = x("hosts");
-    ve(I, (n) => {
-      Ie.value = n || "";
+    N(y, (t) => {
+      ke.value = t || "";
     }, { immediate: !0 });
-    const D = O(null);
-    function Je(n) {
-      const t = {
-        id: String(n.id || ""),
-        name: typeof n.name == "string" ? n.name : "",
-        functionalities: Array.isArray(n.functionalities) ? n.functionalities : [],
-        forProperty: Array.isArray(n.forProperties) ? n.forProperties : [],
-        manufacturer: n.manufacturer,
-        description: n.description,
-        version: n.version,
-        unavailable: n.unavailable
+    const _ = Z(null);
+    function Ne(t) {
+      const e = {
+        id: String(t.id || ""),
+        name: typeof t.name == "string" ? t.name : "",
+        functionalities: Array.isArray(t.functionalities) ? t.functionalities : [],
+        forProperty: Array.isArray(t.forProperties) ? t.forProperties : [],
+        manufacturer: t.manufacturer,
+        description: t.description,
+        version: t.version,
+        unavailable: t.unavailable
       };
-      D.value = t;
+      _.value = e;
     }
-    const r = S(() => !!I.value), Y = S(() => {
-      var n;
-      return (((n = v.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), Xe = S(() => {
-      var n;
-      return ((n = D.value) == null ? void 0 : n.functionalities) ?? [];
-    }), et = S(() => {
-      var n;
-      return ((n = D.value) == null ? void 0 : n.forProperty) ?? [];
-    }), 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: Se,
-        path: ["functionalitySelect"]
-      }), t.addIssue({
-        code: o.ZodIssueCode.custom,
-        message: Se,
-        path: ["functionalityInput"]
-      }));
-    }), {
-      defineField: J,
-      handleSubmit: nt,
-      errors: P,
-      resetForm: Z
-    } = j({
-      validationSchema: T(tt),
-      initialValues: {
-        functionalitySelect: "",
-        functionalityInput: ""
-      }
-    }), 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: Ve,
-        path: ["zweckSelect"]
-      }), t.addIssue({
-        code: o.ZodIssueCode.custom,
-        message: Ve,
+    const r = w(() => !!y.value), K = w(() => {
+      var t;
+      return (((t = z.value) == null ? void 0 : t.length) ?? 0) > 0;
+    }), Oe = w(() => {
+      var t;
+      return ((t = _.value) == null ? void 0 : t.functionalities) ?? [];
+    }), Te = w(() => {
+      var t;
+      return [...((t = _.value) == null ? void 0 : t.forProperty) || []].sort((e, d) => e.localeCompare(d)) ?? [];
+    }), je = k("Zweck"), Ge = s.object({
+      zweckSelect: s.string().optional(),
+      zweckInput: s.string().optional()
+    }).superRefine((t, e) => {
+      const d = t.zweckSelect && t.zweckSelect.trim().length > 0, n = t.zweckInput && t.zweckInput.trim().length > 0;
+      !d && !n && e.addIssue({
+        code: s.ZodIssueCode.custom,
+        message: je,
         path: ["zweckInput"]
-      }));
-    }), {
-      defineField: X,
-      handleSubmit: lt,
-      errors: W,
-      resetForm: L
-    } = j({
-      validationSchema: T(it),
+      });
+    }), M = ve({
+      validationSchema: he(Ge),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
+    }), {
+      handleSubmit: Ke,
+      resetForm: C
+    } = M;
+    N(y, (t, e) => {
+      !!e && !!t && t !== e && (z.value = [], C(), h.value = []);
     });
-    ve(I, (n, t) => {
-      !!t && !!n && n !== t && (Z(), v.value = [], L(), h.value = []);
-    });
-    const [_, st] = J("functionalitySelect"), [G, ot] = J("functionalityInput"), ee = S(() => Array.from(v.value || [])), [R, rt] = X("zweckSelect"), [E, at] = X("zweckInput"), $ = S(() => h.value && h.value.length > 0), N = O(!!((ce = (de = m.initializeWith) == null ? void 0 : de.forProperty) != null && ce.length));
-    function ut() {
+    const E = Z(""), q = Z(""), L = w(() => h.value && h.value.length > 0), D = Z(!!((ue = (ae = m.initializeWith) == null ? void 0 : ae.forProperty) != null && ue.length));
+    function qe() {
       h.value = [];
     }
-    const te = $e((n) => {
-      const t = {
-        id: n.id,
-        description: n.description || "",
-        functionalities: Array.from(v.value || []).filter(Boolean),
-        forProperty: (n.forProperty || []).filter(Boolean),
-        locations: n.locations || [],
-        depictions: (n.depictions || []).filter(Boolean),
-        references: (n.references || []).map((e) => ({
-          name: (e == null ? void 0 : e.name) || "",
-          url: (e == null ? void 0 : e.url) || "",
-          description: (e == null ? void 0 : e.description) || ""
+    const Q = Pe((t) => {
+      const e = {
+        id: t.id,
+        description: t.description || "",
+        functionalities: Array.from(z.value || []).filter(Boolean),
+        forProperty: (t.forProperty || []).filter(Boolean),
+        locations: t.locations || [],
+        depictions: (t.depictions || []).filter(Boolean),
+        references: (t.references || []).map((d) => ({
+          name: (d == null ? void 0 : d.name) || "",
+          url: (d == null ? void 0 : d.url) || "",
+          description: (d == null ? void 0 : d.description) || ""
         })),
-        isHostedBy: (n.isHostedBy || []).filter(Boolean),
-        hosts: (n.hosts || []).filter(Boolean)
+        isHostedBy: (t.isHostedBy || []).filter(Boolean),
+        hosts: (t.hosts || []).filter(Boolean)
       };
-      B ? q("patch", {
-        id: Fe,
-        hardware: t
-      }) : q("submit", t), Z(), L(), Ae();
-    }), dt = nt((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)), Z();
-    }), ct = 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)), L();
-    }), M = O(""), pt = S(() => M.value.length);
-    function mt(n) {
+      B ? R("patch", {
+        id: ye,
+        hardware: e
+      }) : R("submit", e), C(), xe();
+    });
+    function Qe(t) {
+      return [
+        ...t,
+        {
+          id: "--hardware-in-request--",
+          name: "Hardware in Beantragung",
+          manufacturer: "",
+          description: "Platzhalter für Hardware, die Sie bei uns beantragt haben.",
+          unavailable: !1
+        }
+      ];
+    }
+    const J = Ke((t) => {
+      var d, n;
+      const e = t.zweckSelect || t.zweckInput;
+      e && e.trim().length > 0 && !((d = h.value) != null && d.includes(e)) && ((n = h.value) == null || n.push(e)), C();
+    });
+    function Je() {
+      C(), D.value = !1;
+    }
+    N(E, () => J());
+    const Xe = w(() => {
       var t;
-      return ((t = n.value.description) == null ? void 0 : t.length) ?? 0;
+      return ((t = $.value) == null ? void 0 : t.length) || 0;
+    });
+    function Ye(t) {
+      var e;
+      return ((e = t.value.description) == null ? void 0 : e.length) ?? 0;
     }
-    return (n, t) => (d(), p("div", wt, [
-      s("section", gt, [
-        B ? F("", !0) : (d(), p("h5", kt, "Wählen Sie eine bestehende Hardware")),
-        u(vt, g({
-          modelValue: i(I),
-          "onUpdate:modelValue": t[0] || (t[0] = (e) => V(I) ? I.value = e : null),
-          label: "Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen."
-        }, i(Ce), {
-          "base-url": "https://twin.bydata.de/api/hub/search",
-          resource: "hardware",
-          placeholder: "Hardware...",
-          name: "hardware",
-          "setup-fn": (e) => {
-            var l, a, A, pe, me, fe;
-            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),
-              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: (pe = (A = e == null ? void 0 : e.manufacturer) == null ? void 0 : A[0]) == null ? void 0 : pe.label,
-              description: ((me = e == null ? void 0 : e.description) == null ? void 0 : me.de) || ((fe = e == null ? void 0 : e.description) == null ? void 0 : fe.en),
-              version: e == null ? void 0 : e.version
-            };
-          },
-          onSelect: Je
-        }), {
-          option: k(({ option: e, active: l, selected: a, disabled: A }) => [
-            u(bt, {
-              name: e.name,
-              manufacturer: e.manufacturer,
-              description: e.description,
-              active: l,
-              selected: a,
-              disabled: A
-            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
-          ]),
-          _: 1
-        }, 16, ["modelValue", "setup-fn"]),
-        B ? F("", !0) : (d(), p(y, { key: 1 }, [
-          t[14] || (t[14] = s("h5", null, "oder", -1)),
-          t[15] || (t[15] = 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", yt, [
-            u(f, {
-              "button-text": "Zur Hardwarebeantragung",
-              size: "medium",
-              variant: "secondary"
+    const X = un(), { authToken: Y, username: en } = dn(), nn = w(() => {
+      var t;
+      return `${((t = X.typeform) == null ? void 0 : t.hardware) ?? "https://form.typeform.com/to/ayL37uiV"}#token=${Y.value}&account=${en.value}`;
+    });
+    return (t, e) => {
+      var d;
+      return c(), p("div", wn, [
+        i("section", gn, [
+          B ? S("", !0) : (c(), p(g, { key: 0 }, [
+            e[13] || (e[13] = i("h5", null, "Wählen Sie eine bestehende Hardware", -1)),
+            e[14] || (e[14] = i("p", null, " Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen. ", -1))
+          ], 64)),
+          o(cn, O({
+            modelValue: l(y),
+            "onUpdate:modelValue": e[0] || (e[0] = (n) => A(y) ? y.value = n : null),
+            label: B ? "Hardware auswählen" : ""
+          }, l(Ue), {
+            "base-url": ((d = l(X).api) == null ? void 0 : d.baseUrl) ?? "https://twin.bydata.de/api/hub/search",
+            resource: "hardware",
+            placeholder: "Wählen Sie eine Hardware.",
+            name: "hardware",
+            "setup-fn": (n) => {
+              var u, a, F, de, ce, me;
+              return {
+                id: n == null ? void 0 : n.id,
+                name: ((u = n == null ? void 0 : n.name) == null ? void 0 : u.de) || ((a = n == null ? void 0 : n.name) == null ? void 0 : a.en),
+                functionalities: (n == null ? void 0 : n.functionalities) || [],
+                forProperties: (n == null ? void 0 : n.measured_actuated_properties) || [],
+                unavailable: m.exclude.includes(n == null ? void 0 : n.id),
+                manufacturer: (de = (F = n == null ? void 0 : n.manufacturer) == null ? void 0 : F[0]) == null ? void 0 : de.label,
+                description: ((ce = n == null ? void 0 : n.description) == null ? void 0 : ce.de) || ((me = n == null ? void 0 : n.description) == null ? void 0 : me.en),
+                version: n == null ? void 0 : n.version
+              };
+            },
+            "post-process-fn": Qe,
+            "auth-token": l(Y),
+            onSelect: Ne
+          }), {
+            option: v(({ option: n, active: u, selected: a, disabled: F }) => [
+              o(bn, {
+                name: n.name,
+                manufacturer: n.manufacturer,
+                description: n.description,
+                active: u,
+                selected: a,
+                disabled: F
+              }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
+            ]),
+            _: 1
+          }, 16, ["modelValue", "label", "base-url", "setup-fn", "auth-token"]),
+          B ? S("", !0) : (c(), p(g, { key: 1 }, [
+            e[15] || (e[15] = i("h5", null, "oder", -1)),
+            e[16] || (e[16] = i("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)),
+            i("div", kn, [
+              i("a", {
+                href: nn.value,
+                target: "_blank"
+              }, [
+                o(f, {
+                  "button-text": "Zur Hardwarebeantragung",
+                  size: "medium",
+                  variant: "secondary"
+                })
+              ], 8, yn)
+            ])
+          ], 64))
+        ]),
+        i("section", zn, [
+          e[17] || (e[17] = i("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
+          e[18] || (e[18] = i("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)),
+          o(vn, {
+            modelValue: l(z),
+            "onUpdate:modelValue": e[1] || (e[1] = (n) => A(z) ? z.value = n : null),
+            options: Oe.value,
+            disabled: !r.value
+          }, null, 8, ["modelValue", "options", "disabled"])
+        ]),
+        i("section", Sn, [
+          e[21] || (e[21] = i("h5", null, "Beschreibung der Nutzung (optional)", -1)),
+          i("div", Vn, [
+            o(hn, O({
+              modelValue: l($),
+              "onUpdate:modelValue": e[2] || (e[2] = (n) => A($) ? $.value = n : null),
+              label: "",
+              placeholder: "Beschreiben Sie in ein paar Sätzen, wie Sie die Hardware eingesetzt haben.",
+              "is-disabled": !r.value
+            }, l($e), {
+              max: W,
+              validation: "required|length:0,500",
+              hint: "true",
+              "hint-message": `${Xe.value} von ${W} Zeichen`,
+              "count-hint": !0
+            }), null, 16, ["modelValue", "is-disabled", "hint-message"]),
+            o(mn, { variant: "default" }, {
+              icon: v(() => [
+                o(l(an), {
+                  size: 32,
+                  color: "#009fe3"
+                })
+              ]),
+              title: v(() => e[19] || (e[19] = [
+                on(" Beispiel ", -1)
+              ])),
+              default: v(() => [
+                e[20] || (e[20] = i("div", { class: "copy-large-regular" }, [
+                  i("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,
+              __: [20]
             })
           ])
-        ], 64))
-      ]),
-      s("section", St, [
-        t[16] || (t[16] = s("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
-        t[17] || (t[17] = 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)),
-        ee.value.length > 0 ? (d(), p("div", Vt, [
-          (d(!0), p(y, null, z(ee.value, (e, l) => (d(), p("div", {
-            key: l,
-            class: "functionalities"
-          }, [
-            be(s("input", g({
-              id: e,
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => V(v) ? v.value = a : null),
-              hidden: "",
-              value: e,
-              name: "selectedFunctionalities",
-              type: "checkbox"
-            }, { ref_for: !0 }, i(De)), null, 16, zt), [
-              [we, i(v)]
+        ]),
+        i("section", Hn, [
+          e[22] || (e[22] = i("h5", null, "Host-Plattform (optional)", -1)),
+          e[23] || (e[23] = i("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)),
+          (c(!0), p(g, null, P(l(G), (n, u) => (c(), V(U, {
+            key: n.key,
+            onDelete: (a) => l(Me)(u)
+          }, {
+            default: v(() => [
+              o(we, {
+                modelValue: n.value,
+                "onUpdate:modelValue": (a) => n.value = a,
+                name: `isHostedBy[${u}]`,
+                options: Be,
+                label: "Host-Plattform",
+                placeholder: "Wählen Sie eine Host-Plattform.",
+                disabled: !r.value,
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "disabled", "form"])
             ]),
-            u(ge, {
-              as: "label",
-              for: e,
-              text: e,
-              setup: {
-                "@type": "select",
-                "@icon": "suffix",
-                "@inTable": !1,
-                "@search": !1,
-                "@selected": !0
-              },
-              data: { "@value": e, URI: e }
-            }, null, 8, ["for", "text", "data"])
-          ]))), 128))
-        ])) : F("", !0),
-        u(ke, g({
-          modelValue: i(_),
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => V(_) ? _.value = e : null),
-          options: Xe.value,
-          "error-message": i(P).functionalitySelect,
-          label: "Funktionalitäten auswählen",
-          placeholder: "Wählen Sie eine Funktionalität.",
-          disabled: !r.value
-        }, i(st)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-        t[18] || (t[18] = s("h5", null, " oder ", -1)),
-        u(w, g({
-          modelValue: i(G),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => V(G) ? G.value = e : null),
-          error_message: i(P).functionalityInput,
-          "show-error": !!i(P).functionalityInput,
-          "add-on-text": !1,
-          "date-picker": !1,
-          "info-icon": !1,
-          "show-end-icon": !1,
-          "pre-icon": !1,
-          "is-disabled": !r.value,
-          label: "Funktionalitäten nennen",
-          placeholder: "Nennen Sie eine Funktionalität",
-          "initial-hint-text": !1
-        }, i(ot)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
-        s("div", It, [
-          u(f, {
-            "button-text": "Funktionalität hinzufügen",
-            size: "medium",
-            variant: "tertiary",
-            "icon-start": "plus",
-            disabled: !r.value,
-            onClick: i(dt)
-          }, null, 8, ["disabled", "onClick"])
-        ])
-      ]),
-      s("section", Ft, [
-        t[19] || (t[19] = s("h5", null, "Beschreibung der Nutzung (optional)", -1)),
-        t[20] || (t[20] = s("p", null, "Beschreiben Sie die ausgewählte Hardware.", -1)),
-        u(ye, g({
-          modelValue: M.value,
-          "onUpdate:modelValue": t[4] || (t[4] = (e) => M.value = e),
-          label: "Beschreibung",
-          placeholder: "Beschreiben Sie die Hardware",
-          "is-disabled": !r.value
-        }, i(Ze), {
-          max: C,
-          validation: "required|length:0,500",
-          hint: "true",
-          "hint-message": `${pt.value} von ${C} Zeichen`,
-          "count-hint": !0
-        }), null, 16, ["modelValue", "is-disabled", "hint-message"])
-      ]),
-      s("section", Ht, [
-        t[21] || (t[21] = s("h5", null, "Host-Plattform (optional)", -1)),
-        t[22] || (t[22] = 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(y, null, z(i(Ke), (e, l) => (d(), b(H, {
-          key: e.key,
-          onDelete: (a) => i(Te)(l)
-        }, {
-          default: k(() => [
-            u(w, {
-              modelValue: e.value,
-              "onUpdate:modelValue": (a) => e.value = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.value,
-              "input-type": "text",
-              label: "Host-Plattform",
-              placeholder: "Wählen Sie ein gehostetes Gerät.",
-              "initial-hint-text": !1
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled"])
-          ]),
-          _: 2
-        }, 1032, ["onDelete"]))), 128)),
-        s("div", xt, [
-          u(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(je)(""))
-          }, null, 8, ["disabled"])
-        ])
-      ]),
-      s("section", Bt, [
-        t[23] || (t[23] = s("h5", null, "Gehostete Geräte (optional)", -1)),
-        t[24] || (t[24] = s("p", null, "Falls die von Ihnen verwendete Hardware eine Plattform ist, geben Sie hier die Sensoren oder Aktuatoren an, die von dieser Plattform gehostet werden.", -1)),
-        (d(!0), p(y, null, z(i(Ye), (e, l) => (d(), b(H, {
-          key: e.key,
-          onDelete: (a) => i(qe)(l)
-        }, {
-          default: k(() => [
-            u(w, {
-              modelValue: e.value,
-              "onUpdate:modelValue": (a) => e.value = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.value,
-              "input-type": "text",
-              label: "Gehostetes Gerät",
-              placeholder: "Wählen Sie ein gehostetes Gerät.",
-              "initial-hint-text": !1
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled"])
-          ]),
-          _: 2
-        }, 1032, ["onDelete"]))), 128)),
-        s("div", Ut, [
-          u(f, {
-            "button-text": "Gehostetes Gerät hinzufügen",
-            size: "medium",
-            variant: "tertiary",
-            "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[6] || (t[6] = (e) => r.value && i(Qe)(""))
-          }, null, 8, ["disabled"])
-        ])
-      ]),
-      s("section", $t, [
-        t[26] || (t[26] = s("h5", null, "Zweck (optional)", -1)),
-        t[27] || (t[27] = s("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
-        $.value ? (d(), p("div", At, [
-          (d(!0), p(y, null, z(i(h), (e, l) => (d(), p("div", {
-            key: `zweck-${l}`,
-            class: "functionalities"
-          }, [
-            be(s("input", g({
-              id: `zweck-${e}`,
-              "onUpdate:modelValue": t[7] || (t[7] = (a) => V(h) ? h.value = a : null),
-              hidden: "",
-              value: e,
-              name: "selectedForProperties",
-              type: "checkbox"
-            }, { ref_for: !0 }, i(Pe)), null, 16, Ct), [
-              [we, i(h)]
+            _: 2
+          }, 1032, ["onDelete"]))), 128)),
+          l(G).length === 0 ? (c(), p("div", Bn, [
+            o(f, {
+              "button-text": "Host-Plattform hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              disabled: !r.value,
+              onClick: e[3] || (e[3] = (n) => r.value && l(Ee)(""))
+            }, null, 8, ["disabled"])
+          ])) : S("", !0)
+        ]),
+        S("", !0),
+        i("section", Pn, [
+          e[27] || (e[27] = i("h5", null, "Zweck (optional)", -1)),
+          e[28] || (e[28] = i("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
+          L.value ? (c(), p("div", xn, [
+            (c(!0), p(g, null, P(l(h), (n, u) => (c(), p("div", {
+              key: `zweck-${u}`,
+              class: "functionalities"
+            }, [
+              fe(i("input", O({
+                id: `zweck-${n}`,
+                "onUpdate:modelValue": e[5] || (e[5] = (a) => A(h) ? h.value = a : null),
+                hidden: "",
+                value: n,
+                name: "selectedForProperties",
+                type: "checkbox"
+              }, { ref_for: !0 }, l(Ie)), null, 16, Un), [
+                [sn, l(h)]
+              ]),
+              o(pn, {
+                as: "label",
+                for: `zweck-${n}`,
+                text: n,
+                setup: {
+                  "@type": "select",
+                  "@icon": "suffix",
+                  "@inTable": !1,
+                  "@search": !1,
+                  "@selected": !0
+                },
+                data: { "@value": n, URI: n },
+                "select-value": !0
+              }, null, 8, ["for", "text", "data"])
+            ]))), 128))
+          ])) : S("", !0),
+          fe(o(U, { onDelete: qe }, {
+            actions: v(() => [
+              i("div", In, [
+                i("div", $n, [
+                  o(f, {
+                    "button-text": "Zweck hinzufügen",
+                    size: "medium",
+                    variant: "tertiary",
+                    "icon-start": "plus",
+                    disabled: !r.value,
+                    onClick: l(J)
+                  }, null, 8, ["disabled", "onClick"])
+                ]),
+                i("div", Cn, [
+                  o(f, {
+                    "button-text": "Löschen",
+                    size: "small",
+                    variant: "tertiary",
+                    "icon-start": "trash",
+                    onClick: Je
+                  })
+                ])
+              ])
+            ]),
+            default: v(() => [
+              o(we, {
+                modelValue: E.value,
+                "onUpdate:modelValue": e[6] || (e[6] = (n) => E.value = n),
+                name: "zweckSelect",
+                options: Te.value,
+                label: "Zweck auswählen",
+                placeholder: "Wählen Sie einen Zweck.",
+                disabled: !r.value || L.value,
+                form: l(M)
+              }, null, 8, ["modelValue", "options", "disabled", "form"]),
+              e[26] || (e[26] = i("h5", null, "oder", -1)),
+              o(H, {
+                modelValue: q.value,
+                "onUpdate:modelValue": e[7] || (e[7] = (n) => q.value = n),
+                name: "zweckInput",
+                "add-on-text": !1,
+                "date-picker": !1,
+                "info-icon": !1,
+                "show-end-icon": !1,
+                "pre-icon": !1,
+                "is-disabled": !r.value || L.value,
+                label: "Zweck nennen",
+                placeholder: "Nennen Sie einen Zweck.",
+                "initial-hint-text": !1,
+                form: l(M)
+              }, null, 8, ["modelValue", "is-disabled", "form"])
             ]),
-            u(ge, {
-              as: "label",
-              for: `zweck-${e}`,
-              text: e,
-              setup: {
-                "@type": "select",
-                "@icon": "suffix",
-                "@inTable": !1,
-                "@search": !1,
-                "@selected": !0
-              },
-              data: { "@value": e, URI: e }
-            }, null, 8, ["for", "text", "data"])
-          ]))), 128))
-        ])) : F("", !0),
-        N.value && !$.value ? (d(), b(H, {
-          key: 1,
-          onDelete: ut
-        }, {
-          actions: k(() => [
-            u(f, {
+            _: 1,
+            __: [26]
+          }, 512), [
+            [rn, D.value && !L.value]
+          ]),
+          i("div", Ln, [
+            D.value ? S("", !0) : (c(), V(f, {
+              key: 0,
               "button-text": "Zweck hinzufügen",
               size: "medium",
               variant: "tertiary",
               "icon-start": "plus",
               disabled: !r.value,
-              onClick: i(ct)
+              onClick: e[8] || (e[8] = (n) => r.value && (D.value = !0))
+            }, null, 8, ["disabled"]))
+          ])
+        ]),
+        i("section", Dn, [
+          e[29] || (e[29] = i("h5", null, "Standort (optional)", -1)),
+          e[30] || (e[30] = i("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
+          (c(!0), p(g, null, P(l(De), (n, u) => (c(), V(U, {
+            key: n.key,
+            onDelete: (a) => l(Ce)(u)
+          }, {
+            default: v(() => [
+              o(H, {
+                modelValue: n.value.lat,
+                "onUpdate:modelValue": (a) => n.value.lat = a,
+                name: `locations[${u}].lat`,
+                "add-on-text": !1,
+                "date-picker": !1,
+                "info-icon": !1,
+                "show-end-icon": !1,
+                "pre-icon": !1,
+                "is-disabled": !r.value,
+                label: "Latitude / Breite",
+                placeholder: "Geben Sie die Ortskoordinate Latitude an.",
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"]),
+              o(H, {
+                modelValue: n.value.lng,
+                "onUpdate:modelValue": (a) => n.value.lng = a,
+                name: `locations[${u}].lng`,
+                "add-on-text": !1,
+                "date-picker": !1,
+                "info-icon": !1,
+                "show-end-icon": !1,
+                "pre-icon": !1,
+                "is-disabled": !r.value,
+                label: "Longitude / Länge",
+                placeholder: "Geben Sie die Ortskoordinate Longitude an.",
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"])
+            ]),
+            _: 2
+          }, 1032, ["onDelete"]))), 128)),
+          i("div", Fn, [
+            o(f, {
+              "button-text": "Standort hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              disabled: !r.value,
+              onClick: e[9] || (e[9] = (n) => r.value && l(Le)({ lat: "", lng: "" }))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        i("section", Zn, [
+          e[31] || (e[31] = i("h5", null, "Darstellungen (optional)", -1)),
+          e[32] || (e[32] = i("p", null, "Fügen Sie hier ein Bild der von Ihnen verwendeten Hardware ein. Dies sollte eine gültige Bild-URL sein.", -1)),
+          (c(!0), p(g, null, P(l(Ae), (n, u) => (c(), V(U, {
+            key: n.key,
+            onDelete: (a) => l(Fe)(u)
+          }, {
+            default: v(() => [
+              o(H, {
+                modelValue: n.value,
+                "onUpdate:modelValue": (a) => n.value = a,
+                name: `depictions[${u}]`,
+                "add-on-text": !1,
+                "date-picker": !1,
+                "info-icon": !1,
+                "show-end-icon": !1,
+                "pre-icon": !1,
+                "is-disabled": !r.value,
+                "input-type": "url",
+                label: "URL",
+                placeholder: "https://www.url.com",
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"])
+            ]),
+            _: 2
+          }, 1032, ["onDelete"]))), 128)),
+          i("div", An, [
+            o(f, {
+              "button-text": "Darstellung hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              disabled: !r.value,
+              onClick: e[10] || (e[10] = (n) => r.value && l(Ze)(""))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        i("section", Wn, [
+          e[33] || (e[33] = i("h5", null, "Weiterführende Links (optional)", -1)),
+          e[34] || (e[34] = i("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
+          (c(!0), p(g, null, P(l(_e), (n, u) => (c(), V(U, {
+            key: n.key,
+            onDelete: (a) => l(We)(u)
+          }, {
+            default: v(() => [
+              o(H, {
+                modelValue: n.value.name,
+                "onUpdate:modelValue": (a) => n.value.name = a,
+                name: `references[${u}].name`,
+                "add-on-text": !1,
+                "date-picker": !1,
+                "info-icon": !1,
+                "show-end-icon": !1,
+                "pre-icon": !1,
+                "is-disabled": !r.value,
+                label: "Name",
+                placeholder: "Benennen Sie den Link.",
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"]),
+              o(H, {
+                modelValue: n.value.url,
+                "onUpdate:modelValue": (a) => n.value.url = a,
+                name: `references[${u}].url`,
+                "add-on-text": !1,
+                "date-picker": !1,
+                "info-icon": !1,
+                "show-end-icon": !1,
+                "pre-icon": !1,
+                "is-disabled": !r.value,
+                "input-type": "url",
+                label: "URL",
+                placeholder: "https://www.url.com",
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"]),
+              o(fn, {
+                modelValue: n.value.description,
+                "onUpdate:modelValue": (a) => n.value.description = a,
+                name: `references[${u}].description`,
+                label: "Beschreibung (optional)",
+                placeholder: "Beschreiben Sie Ihren weiterführenden Link in ein paar Sätzen.",
+                "is-disabled": !r.value,
+                max: W,
+                hint: "true",
+                "hint-message": `${Ye(n)} von ${W} Zeichen`,
+                "count-hint": !0,
+                form: l(b)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "hint-message", "form"])
+            ]),
+            _: 2
+          }, 1032, ["onDelete"]))), 128)),
+          i("div", Rn, [
+            o(f, {
+              "button-text": "Link hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              disabled: !r.value,
+              onClick: e[11] || (e[11] = (n) => r.value && l(Re)({ name: "", url: "", description: "" }))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        i("section", _n, [
+          B ? (c(), p("div", Mn, [
+            o(f, {
+              "button-text": "Abbrechen",
+              variant: "tertiary",
+              onClick: e[12] || (e[12] = (n) => R("close"))
+            }),
+            o(f, {
+              "button-text": "Speichern",
+              disabled: !r.value || !K.value,
+              onClick: l(Q)
             }, null, 8, ["disabled", "onClick"])
-          ]),
-          default: k(() => [
-            u(ke, g({
-              modelValue: i(R),
-              "onUpdate:modelValue": t[8] || (t[8] = (e) => V(R) ? R.value = e : null),
-              options: et.value,
-              "error-message": i(W).zweckSelect,
-              label: "Zweck auswählen",
-              placeholder: "Wählen Sie einen Zweck.",
-              disabled: !r.value || $.value
-            }, i(rt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-            t[25] || (t[25] = s("h5", null, "oder", -1)),
-            u(w, g({
-              modelValue: i(E),
-              "onUpdate:modelValue": t[9] || (t[9] = (e) => V(E) ? E.value = e : null),
-              error_message: i(W).zweckInput,
-              "show-error": !!i(W).zweckInput,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.value || $.value,
-              label: "Zweck nennen",
-              placeholder: "Nennen Sie einen Zweck",
-              "initial-hint-text": !1
-            }, i(at)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
-          ]),
-          _: 1,
-          __: [25]
-        })) : F("", !0),
-        s("div", Dt, [
-          N.value ? F("", !0) : (d(), b(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 && (N.value = !0))
-          }, null, 8, ["disabled"]))
-        ])
-      ]),
-      s("section", Pt, [
-        t[28] || (t[28] = s("h5", null, "Standort (optional)", -1)),
-        t[29] || (t[29] = s("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
-        (d(!0), p(y, null, z(i(_e), (e, l) => (d(), b(H, {
-          key: e.key,
-          onDelete: (a) => i(We)(l)
-        }, {
-          default: k(() => [
-            u(w, {
-              modelValue: e.value.lat,
-              "onUpdate:modelValue": (a) => e.value.lat = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.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(w, {
-              modelValue: e.value.lng,
-              "onUpdate:modelValue": (a) => e.value.lng = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.value,
-              label: "Longitude / Länge",
-              "initial-hint-text": !!i(c)[`locations[${l}].lng`],
-              placeholder: "Geben Sie die Ortskoordinate Longitude an.",
-              "show-error": !!i(c)[`locations[${l}].lng`],
-              error_message: i(c)[`locations[${l}].lng`]
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled", "initial-hint-text", "show-error", "error_message"])
-          ]),
-          _: 2
-        }, 1032, ["onDelete"]))), 128)),
-        s("div", Zt, [
-          u(f, {
-            "button-text": "Hinzufügen",
-            size: "medium",
-            variant: "tertiary",
-            "icon-start": "plus",
-            disabled: !r.value,
-            onClick: t[11] || (t[11] = (e) => r.value && i(Le)({ lat: "", lng: "" }))
-          }, null, 8, ["disabled"])
-        ])
-      ]),
-      s("section", Wt, [
-        t[30] || (t[30] = s("h5", null, "Darstellungen (optional)", -1)),
-        t[31] || (t[31] = 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(y, null, z(i(Ee), (e, l) => (d(), b(H, {
-          key: e.key,
-          onDelete: (a) => i(Ge)(l)
-        }, {
-          default: k(() => [
-            u(w, {
-              modelValue: e.value,
-              "onUpdate:modelValue": (a) => e.value = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.value,
-              "input-type": "url",
-              label: "URL",
-              placeholder: "https://www.url.com",
-              "initial-hint-text": !1
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled"])
-          ]),
-          _: 2
-        }, 1032, ["onDelete"]))), 128)),
-        s("div", Lt, [
-          u(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(Re)(""))
-          }, null, 8, ["disabled"])
-        ])
-      ]),
-      s("section", _t, [
-        t[32] || (t[32] = s("h5", null, "Weiterführende Links (optional)", -1)),
-        t[33] || (t[33] = s("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
-        (d(!0), p(y, null, z(i(Oe), (e, l) => (d(), b(H, {
-          key: e.key,
-          onDelete: (a) => i(Ne)(l)
-        }, {
-          default: k(() => [
-            u(w, {
-              modelValue: e.value.name,
-              "onUpdate:modelValue": (a) => e.value.name = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.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(w, {
-              modelValue: e.value.url,
-              "onUpdate:modelValue": (a) => e.value.url = a,
-              "add-on-text": !1,
-              "date-picker": !1,
-              "info-icon": !1,
-              "show-end-icon": !1,
-              "pre-icon": !1,
-              "is-disabled": !r.value,
-              "input-type": "url",
-              label: "URL",
-              placeholder: "https://www.url.com",
-              error_message: i(c)[`references[${l}].url`],
-              "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(ye, {
-              modelValue: e.value.description,
-              "onUpdate:modelValue": (a) => e.value.description = a,
-              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: C,
-              validation: "required|length:0,500",
-              hint: "true",
-              "hint-message": `${mt(e)} von ${C} Zeichen`,
-              "count-hint": !0
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "error_message", "show-error", "initial-hint-text", "is-disabled", "hint-message"])
-          ]),
-          _: 2
-        }, 1032, ["onDelete"]))), 128)),
-        s("div", Gt, [
-          u(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(Me)({ name: "", url: "", description: "" }))
-          }, null, 8, ["disabled"])
+          ])) : (c(), V(f, {
+            key: 1,
+            "icon-start": "PlusSquare",
+            "button-text": "Hardware hinzufügen",
+            disabled: !r.value || !K.value,
+            onClick: l(Q)
+          }, null, 8, ["disabled", "onClick"]))
         ])
-      ]),
-      s("section", Rt, [
-        B ? (d(), b(f, {
-          key: 0,
-          "button-text": "Speichern",
-          disabled: !r.value || !Y.value,
-          onClick: i(te)
-        }, null, 8, ["disabled", "onClick"])) : (d(), b(f, {
-          key: 1,
-          "icon-start": "PlusSquare",
-          "button-text": "Hardware hinzufügen",
-          disabled: !r.value || !Y.value,
-          onClick: i(te)
-        }, null, 8, ["disabled", "onClick"]))
-      ])
-    ]));
+      ]);
+    };
   }
 });
 export {
-  en as default
+  ut as default
 };