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

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

@@ -0,0 +1,746 @@
+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 Vt from "../Card.vue.js";
+import ze from "../Chip.vue.js";
+import V from "../InputField.vue.js";
+import Y from "../ListBox/Listbox.vue.js";
+import Ve from "../TextAreaV3.vue.js";
+import B from "./ProcessStepInputCard.vue.js";
+import It from "./RichOption.vue.js";
+const Ft = { class: "dpi-project-process-step V3-typography" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = ["href"], Ct = { class: "step-section" }, $t = {
+  key: 0,
+  class: "functionalities-container"
+}, 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"
+}, Zt = { class: "step-section" }, Wt = {
+  key: 0,
+  class: "functionalities-container"
+}, Rt = ["id", "value"], Et = { class: "step-section step-section--lg" }, Nt = { style: { display: "flex", "justify-content": "flex-end" } }, Gt = { style: { display: "inline-flex", "justify-content": "flex-end" } }, Tt = { class: "step-section-actions" }, Mt = { class: "step-section" }, Ot = { class: "step-section-actions" }, jt = { class: "step-section" }, Kt = { class: "step-section-actions" }, qt = { class: "step-section" }, Qt = { class: "step-section-actions" }, Yt = { class: "step-section-actions" }, Jt = {
+  key: 0,
+  class: "button-row"
+}, Ie = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Fe = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", L = 500, bn = /* @__PURE__ */ gt({
+  __name: "HardwareForm",
+  props: /* @__PURE__ */ we({
+    modelValue: {},
+    initializeWith: {},
+    exclude: { default: () => [] }
+  }, {
+    modelValue: {
+      default: () => ""
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ we(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(J, { emit: He }) {
+    var oe, re, ae, ue, de, ce, pe, me, fe, he;
+    const m = J, Z = He, xe = wt(J, "modelValue"), H = !!m.modelValue, Be = i(m.modelValue) || "", Ce = o.object({
+      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 X(n) {
+      return Array.isArray(n) ? n : n != null ? [n] : [];
+    }
+    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: C,
+      handleSubmit: De,
+      resetForm: _e,
+      errors: c
+    } = Q({
+      validationSchema: q(Ue),
+      initialValues: {
+        id: m.modelValue || "",
+        description: ((oe = m.initializeWith) == null ? void 0 : oe.description) || "",
+        functionalities: ((re = m.initializeWith) == null ? void 0 : re.functionalities) || [],
+        forProperty: ((ae = m.initializeWith) == null ? void 0 : ae.forProperty) || [],
+        locations: ((ue = m.initializeWith) == null ? void 0 : ue.locations) || [],
+        depictions: ((de = m.initializeWith) == null ? void 0 : de.depictions) || [],
+        references: ((ce = m.initializeWith) == null ? void 0 : ce.references) || [],
+        isHostedBy: X((pe = m.initializeWith) == null ? void 0 : pe.isHostedBy),
+        hosts: X((me = m.initializeWith) == null ? void 0 : me.hosts)
+      },
+      name: "hardwareForm"
+    }), [I, Le] = C("id"), [b, Ze] = C("functionalities"), [h, We] = C("forProperty"), [$, Re] = C("description"), {
+      remove: Ee,
+      push: Ne,
+      fields: Ge
+    } = 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 W = ke(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
+      };
+      W.value = t;
+    }
+    const u = g(() => !!I.value), te = g(() => {
+      var n;
+      return (((n = b.value) == null ? void 0 : n.length) ?? 0) > 0;
+    }), R = g(() => {
+      var n;
+      return ((n = W.value) == null ? void 0 : n.functionalities) ?? [];
+    }), Xe = g(() => {
+      var n;
+      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: o.ZodIssueCode.custom,
+        message: Ie,
+        path: ["functionalitySelect"]
+      }), t.addIssue({
+        code: o.ZodIssueCode.custom,
+        message: Ie,
+        path: ["functionalityInput"]
+      }));
+    }), {
+      defineField: ne,
+      handleSubmit: tt,
+      errors: E,
+      resetForm: N
+    } = Q({
+      validationSchema: q(et),
+      initialValues: {
+        functionalitySelect: "",
+        functionalityInput: ""
+      }
+    }), 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: o.ZodIssueCode.custom,
+        message: Fe,
+        path: ["zweckSelect"]
+      }), t.addIssue({
+        code: o.ZodIssueCode.custom,
+        message: Fe,
+        path: ["zweckInput"]
+      }));
+    }), {
+      defineField: ie,
+      handleSubmit: it,
+      errors: G,
+      resetForm: P
+    } = Q({
+      validationSchema: q(nt),
+      initialValues: {
+        zweckSelect: "",
+        zweckInput: ""
+      }
+    });
+    K(I, (n, t) => {
+      !!t && !!n && n !== t && (N(), b.value = [], P(), h.value = []);
+    });
+    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 le = De((n) => {
+      const t = {
+        id: n.id,
+        description: n.description || "",
+        functionalities: Array.from(b.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) || ""
+        })),
+        isHostedBy: (n.isHostedBy || []).filter(Boolean),
+        hosts: (n.hosts || []).filter(Boolean)
+      };
+      H ? Z("patch", {
+        id: Be,
+        hardware: t
+      }) : Z("submit", t), N(), P(), _e();
+    }), se = tt((n) => {
+      var e, l;
+      const t = n.functionalitySelect || n.functionalityInput;
+      t && t.trim().length > 0 && !((e = b.value) != null && e.includes(t)) && ((l = b.value) == null || l.push(t)), N();
+    });
+    K(U, (n) => {
+      n && n.trim().length > 0 && se();
+    });
+    function dt(n) {
+      return [
+        ...n,
+        {
+          id: "--hardware-in-request--",
+          name: "Hardware in Beantragung",
+          manufacturer: "",
+          description: "Platzhalter für Hardware, die Sie bei uns beantragt haben.",
+          unavailable: !1
+        }
+      ];
+    }
+    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)), P();
+    });
+    function pt() {
+      P(), D.value = !1;
+    }
+    const mt = g(() => {
+      var n;
+      return ((n = $.value) == null ? void 0 : n.length) || 0;
+    });
+    function ft(n) {
+      var t;
+      return ((t = n.value.description) == null ? void 0 : t.length) ?? 0;
+    }
+    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) => 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: "Wählen Sie eine Hardware.",
+          name: "hardware",
+          "setup-fn": (e) => {
+            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) || ((r = e == null ? void 0 : e.name) == null ? void 0 : r.en),
+              functionalities: (e == null ? void 0 : e.functionalities) || [],
+              forProperties: (e == null ? void 0 : e.measured_actuated_properties) || [],
+              unavailable: m.exclude.includes(e == null ? void 0 : e.id),
+              manufacturer: (ve = (_ = e == null ? void 0 : e.manufacturer) == null ? void 0 : _[0]) == null ? void 0 : ve.label,
+              description: ((be = e == null ? void 0 : e.description) == null ? void 0 : be.de) || ((ge = e == null ? void 0 : e.description) == null ? void 0 : ge.en),
+              version: e == null ? void 0 : e.version
+            };
+          },
+          "post-process-fn": dt,
+          onSelect: Je
+        }), {
+          option: v(({ option: e, active: l, selected: r, disabled: _ }) => [
+            a(It, {
+              name: e.name,
+              manufacturer: e.manufacturer,
+              description: e.description,
+              active: l,
+              selected: r,
+              disabled: _
+            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
+          ]),
+          _: 1
+        }, 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"
+            }, [
+              a(f, {
+                "button-text": "Zur Hardwarebeantragung",
+                size: "medium",
+                variant: "secondary"
+              })
+            ], 8, Bt)
+          ])
+        ], 64))
+      ]),
+      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"
+          }, [
+            ye(s("input", y({
+              id: e,
+              "onUpdate:modelValue": t[1] || (t[1] = (r) => S(b) ? b.value = r : null),
+              hidden: "",
+              value: e,
+              name: "selectedFunctionalities",
+              type: "checkbox"
+            }, { ref_for: !0 }, i(Ze)), null, 16, Pt), [
+              [Se, i(b)]
+            ]),
+            a(ze, {
+              as: "label",
+              for: e,
+              text: e,
+              setup: {
+                "@type": "select",
+                "@icon": "suffix",
+                "@inTable": !1,
+                "@search": !1,
+                "@selected": !0
+              },
+              data: { "@value": e, URI: e },
+              "select-value": !0
+            }, null, 8, ["for", "text", "data"])
+          ]))), 128))
+        ])) : w("", !0),
+        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: !u.value
+        }, i(lt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+        t[21] || (t[21] = s("h5", null, " oder ", -1)),
+        a(V, y({
+          modelValue: i(T),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => S(T) ? T.value = e : null),
+          error_message: i(E).functionalityInput,
+          "show-error": !!i(E).functionalityInput,
+          "add-on-text": !1,
+          "date-picker": !1,
+          "info-icon": !1,
+          "show-end-icon": !1,
+          "pre-icon": !1,
+          "is-disabled": !u.value,
+          label: "Funktionalitäten nennen",
+          placeholder: "Nennen Sie eine Funktionalität.",
+          "initial-hint-text": !1
+        }, i(st)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
+        s("div", Ut, [
+          a(f, {
+            "button-text": "Funktionalität hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !u.value,
+            onClick: i(se)
+          }, null, 8, ["disabled", "onClick"])
+        ])
+      ]),
+      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]
+          })
+        ])
+      ]),
+      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: (r) => i(Qe)(l)
+        }, {
+          default: v(() => [
+            a(Y, {
+              modelValue: e.value,
+              "onUpdate:modelValue": (r) => e.value = r,
+              options: Ae,
+              label: "Host-Plattform",
+              placeholder: "Wählen Sie eine Host-Plattform.",
+              disabled: !u.value
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+          ]),
+          _: 2
+        }, 1032, ["onDelete"]))), 128)),
+        i(ee).length === 0 ? (d(), p("div", Lt, [
+          a(f, {
+            "button-text": "Host-Plattform hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !u.value,
+            onClick: t[5] || (t[5] = (e) => u.value && i(Ye)(""))
+          }, null, 8, ["disabled"])
+        ])) : w("", !0)
+      ]),
+      w("", !0),
+      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"
+          }, [
+            ye(s("input", y({
+              id: `zweck-${e}`,
+              "onUpdate:modelValue": t[7] || (t[7] = (r) => S(h) ? h.value = r : null),
+              hidden: "",
+              value: e,
+              name: "selectedForProperties",
+              type: "checkbox"
+            }, { ref_for: !0 }, i(We)), null, 16, Rt), [
+              [Se, i(h)]
+            ]),
+            a(ze, {
+              as: "label",
+              for: `zweck-${e}`,
+              text: e,
+              setup: {
+                "@type": "select",
+                "@icon": "suffix",
+                "@inTable": !1,
+                "@search": !1,
+                "@selected": !0
+              },
+              data: { "@value": e, URI: e },
+              "select-value": !0
+            }, null, 8, ["for", "text", "data"])
+          ]))), 128))
+        ])) : w("", !0),
+        D.value && !A.value ? (d(), z(B, {
+          key: 1,
+          onDelete: ut
+        }, {
+          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: v(() => [
+            a(Y, y({
+              modelValue: i(O),
+              "onUpdate:modelValue": t[8] || (t[8] = (e) => S(O) ? O.value = e : null),
+              options: Xe.value,
+              "error-message": i(G).zweckSelect,
+              label: "Zweck auswählen",
+              placeholder: "Wählen Sie einen Zweck.",
+              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": !u.value || A.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,
+          __: [29]
+        })) : w("", !0),
+        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: !u.value,
+            onClick: t[10] || (t[10] = (e) => u.value && (D.value = !0))
+          }, null, 8, ["disabled"]))
+        ])
+      ]),
+      s("section", Mt, [
+        t[32] || (t[32] = s("h5", null, "Standort (optional)", -1)),
+        t[33] || (t[33] = s("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
+        (d(!0), p(k, null, F(i(Ge), (e, l) => (d(), z(B, {
+          key: e.key,
+          onDelete: (r) => i(Ee)(l)
+        }, {
+          default: v(() => [
+            a(V, {
+              modelValue: e.value.lat,
+              "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": !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"]),
+            a(V, {
+              modelValue: e.value.lng,
+              "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": !u.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", Ot, [
+          a(f, {
+            "button-text": "Standort hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !u.value,
+            onClick: t[11] || (t[11] = (e) => u.value && i(Ne)({ lat: "", lng: "" }))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      s("section", jt, [
+        t[34] || (t[34] = s("h5", null, "Darstellungen (optional)", -1)),
+        t[35] || (t[35] = s("p", null, "Fügen Sie hier ein Bild der von Ihnen verwendeten Hardware ein. Dies sollte eine gültige Bild-URL sein.", -1)),
+        (d(!0), p(k, null, F(i(Oe), (e, l) => (d(), z(B, {
+          key: e.key,
+          onDelete: (r) => i(Te)(l)
+        }, {
+          default: v(() => [
+            a(V, {
+              modelValue: e.value,
+              "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": !u.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", Kt, [
+          a(f, {
+            "button-text": "Darstellung hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !u.value,
+            onClick: t[12] || (t[12] = (e) => u.value && i(Me)(""))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      s("section", qt, [
+        t[36] || (t[36] = s("h5", null, "Weiterführende Links (optional)", -1)),
+        t[37] || (t[37] = s("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
+        (d(!0), p(k, null, F(i(qe), (e, l) => (d(), z(B, {
+          key: e.key,
+          onDelete: (r) => i(je)(l)
+        }, {
+          default: v(() => [
+            a(V, {
+              modelValue: e.value.name,
+              "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": !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"]),
+            a(V, {
+              modelValue: e.value.url,
+              "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": !u.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"]),
+            a(Ve, {
+              modelValue: e.value.description,
+              "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": !u.value,
+              max: L,
+              validation: "required|length:0,500",
+              hint: "true",
+              "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)),
+        s("div", Qt, [
+          a(f, {
+            "button-text": "Link hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !u.value,
+            onClick: t[13] || (t[13] = (e) => u.value && i(Ke)({ name: "", url: "", description: "" }))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      s("section", Yt, [
+        H ? (d(), p("div", Jt, [
+          a(f, {
+            "button-text": "Abbrechen",
+            variant: "tertiary",
+            onClick: t[14] || (t[14] = (e) => Z("close"))
+          }),
+          a(f, {
+            "button-text": "Speichern",
+            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: !u.value || !te.value,
+          onClick: i(le)
+        }, null, 8, ["disabled", "onClick"]))
+      ])
+    ]));
+  }
+});
+export {
+  bn as default
+};