@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

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

@@ -0,0 +1,720 @@
+import { defineComponent as wt, mergeModels as be, useModel as gt, unref as i, watch as O, ref as j, computed as w, createElementBlock as p, openBlock as d, createElementVNode as o, createCommentVNode as F, createVNode as u, mergeProps as g, isRef as z, withCtx as k, Fragment as y, renderList as V, withDirectives as we, vModelCheckbox as ge, createBlock as S } from "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 K, useFieldArray as x } from "vee-validate";
+import * as s from "zod";
+import { useTwinbyUser as kt } from "../../../composables/useTwinbyUser.js";
+import yt from "../Autocomplete/AutocompleteVocab.vue.js";
+import f from "../ButtonV3.vue.js";
+import ke from "../Chip.vue.js";
+import b from "../InputField.vue.js";
+import ye from "../ListBox/Listbox.vue.js";
+import Se from "../TextAreaV3.vue.js";
+import H from "./ProcessStepInputCard.vue.js";
+import St from "./RichOption.vue.js";
+const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "step-section" }, It = { key: 0 }, Ft = { class: "step-section-actions" }, Ht = ["href"], xt = { class: "step-section" }, Bt = {
+  key: 0,
+  class: "functionalities-container"
+}, $t = ["id", "value"], Ut = { class: "step-section-actions" }, At = { class: "step-section" }, Ct = { class: "step-section" }, Pt = { class: "step-section-actions" }, Dt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Lt = { class: "step-section" }, Wt = {
+  key: 0,
+  class: "functionalities-container"
+}, _t = ["id", "value"], Gt = { class: "step-section-actions" }, Rt = { class: "step-section" }, Et = { class: "step-section-actions" }, Nt = { class: "step-section" }, Tt = { class: "step-section-actions" }, Mt = { class: "step-section" }, Ot = { class: "step-section-actions" }, jt = { class: "step-section-actions" }, qt = {
+  key: 0,
+  class: "button-row"
+}, ze = "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.", P = 500, un = /* @__PURE__ */ wt({
+  __name: "HardwareForm",
+  props: /* @__PURE__ */ be({
+    modelValue: {},
+    initializeWith: {},
+    exclude: { default: () => [] }
+  }, {
+    modelValue: {
+      default: () => ""
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ be(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(Q, { emit: Ie }) {
+    var le, oe, se, re, ae, ue, de, ce, pe, me;
+    const m = Q, D = Ie, Fe = gt(Q, "modelValue"), B = !!m.modelValue, He = i(m.modelValue) || "", xe = 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")
+    }), Be = s.array(xe), $e = 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("")
+    });
+    function Y(n) {
+      return Array.isArray(n) ? n : n != null ? [n] : [];
+    }
+    const Ue = s.object({
+      id: s.string(),
+      description: s.string().optional(),
+      functionalities: s.array(s.string()).min(1),
+      forProperty: s.array(s.string()),
+      locations: Be,
+      depictions: s.array(s.string()),
+      references: s.array($e),
+      isHostedBy: s.array(s.string()),
+      hosts: s.array(s.string())
+    }), {
+      defineField: $,
+      handleSubmit: Ae,
+      resetForm: Ce,
+      errors: c
+    } = K({
+      validationSchema: q(Ue),
+      initialValues: {
+        id: m.modelValue || "",
+        description: ((le = m.initializeWith) == null ? void 0 : le.description) || "",
+        functionalities: ((oe = m.initializeWith) == null ? void 0 : oe.functionalities) || [],
+        forProperty: ((se = m.initializeWith) == null ? void 0 : se.forProperty) || [],
+        locations: ((re = m.initializeWith) == null ? void 0 : re.locations) || [],
+        depictions: ((ae = m.initializeWith) == null ? void 0 : ae.depictions) || [],
+        references: ((ue = m.initializeWith) == null ? void 0 : ue.references) || [],
+        isHostedBy: Y((de = m.initializeWith) == null ? void 0 : de.isHostedBy),
+        hosts: Y((ce = m.initializeWith) == null ? void 0 : ce.hosts)
+      },
+      name: "hardwareForm"
+    }), [I, Pe] = $("id"), [v, De] = $("functionalities"), [h, Ze] = $("forProperty"), [Kt, Le] = $("description"), {
+      remove: We,
+      push: _e,
+      fields: Ge
+    } = x("locations"), {
+      remove: Re,
+      push: Ee,
+      fields: Ne
+    } = x("depictions"), {
+      remove: Te,
+      push: Me,
+      fields: Oe
+    } = x("references"), {
+      remove: je,
+      push: qe,
+      fields: Ke
+    } = x("isHostedBy"), {
+      remove: Qe,
+      push: Ye,
+      fields: Je
+    } = x("hosts");
+    O(I, (n) => {
+      Fe.value = n || "";
+    }, { immediate: !0 });
+    const Z = j(null);
+    function Xe(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
+      };
+      Z.value = t;
+    }
+    const r = w(() => !!I.value), J = w(() => {
+      var n;
+      return (((n = v.value) == null ? void 0 : n.length) ?? 0) > 0;
+    }), et = w(() => {
+      var n;
+      return ((n = Z.value) == null ? void 0 : n.functionalities) ?? [];
+    }), tt = w(() => {
+      var n;
+      return ((n = Z.value) == null ? void 0 : n.forProperty) ?? [];
+    }), nt = s.object({
+      functionalitySelect: s.string().optional(),
+      functionalityInput: s.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: ze,
+        path: ["functionalitySelect"]
+      }), t.addIssue({
+        code: s.ZodIssueCode.custom,
+        message: ze,
+        path: ["functionalityInput"]
+      }));
+    }), {
+      defineField: X,
+      handleSubmit: it,
+      errors: L,
+      resetForm: W
+    } = K({
+      validationSchema: q(nt),
+      initialValues: {
+        functionalitySelect: "",
+        functionalityInput: ""
+      }
+    }), lt = s.object({
+      zweckSelect: s.string().optional(),
+      zweckInput: s.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: Ve,
+        path: ["zweckSelect"]
+      }), t.addIssue({
+        code: s.ZodIssueCode.custom,
+        message: Ve,
+        path: ["zweckInput"]
+      }));
+    }), {
+      defineField: ee,
+      handleSubmit: ot,
+      errors: _,
+      resetForm: G
+    } = K({
+      validationSchema: q(lt),
+      initialValues: {
+        zweckSelect: "",
+        zweckInput: ""
+      }
+    });
+    O(I, (n, t) => {
+      !!t && !!n && n !== t && (W(), v.value = [], G(), h.value = []);
+    });
+    const [U, st] = X("functionalitySelect"), [R, rt] = X("functionalityInput"), te = w(() => Array.from(v.value || [])), [E, at] = ee("zweckSelect"), [N, ut] = ee("zweckInput"), A = w(() => h.value && h.value.length > 0), T = j(!!((me = (pe = m.initializeWith) == null ? void 0 : pe.forProperty) != null && me.length));
+    function dt() {
+      h.value = [];
+    }
+    const ne = Ae((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) || ""
+        })),
+        isHostedBy: (n.isHostedBy || []).filter(Boolean),
+        hosts: (n.hosts || []).filter(Boolean)
+      };
+      B ? D("patch", {
+        id: He,
+        hardware: t
+      }) : D("submit", t), W(), G(), Ce();
+    }), ie = it((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();
+    });
+    O(U, (n) => {
+      n && n.trim().length > 0 && ie();
+    });
+    function ct(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 pt = ot((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)), G();
+    }), M = j(""), mt = w(() => M.value.length);
+    function ft(n) {
+      var t;
+      return ((t = n.value.description) == null ? void 0 : t.length) ?? 0;
+    }
+    const { authToken: ht, username: vt } = kt(), bt = w(() => `https://form.typeform.com/to/ayL37uiV#token=${ht.value}&account=${vt.value}`);
+    return (n, t) => (d(), p("div", zt, [
+      o("section", Vt, [
+        B ? F("", !0) : (d(), p("h5", It, "Wählen Sie eine bestehende Hardware")),
+        u(yt, g({
+          modelValue: i(I),
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => z(I) ? I.value = e : null),
+          label: "Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen."
+        }, i(Pe), {
+          "base-url": "https://twin.bydata.de/api/hub/search",
+          resource: "hardware",
+          placeholder: "Hardware...",
+          name: "hardware",
+          "setup-fn": (e) => {
+            var l, a, C, fe, he, ve;
+            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: (fe = (C = e == null ? void 0 : e.manufacturer) == null ? void 0 : C[0]) == null ? void 0 : fe.label,
+              description: ((he = e == null ? void 0 : e.description) == null ? void 0 : he.de) || ((ve = e == null ? void 0 : e.description) == null ? void 0 : ve.en),
+              version: e == null ? void 0 : e.version
+            };
+          },
+          "post-process-fn": ct,
+          onSelect: Xe
+        }), {
+          option: k(({ option: e, active: l, selected: a, disabled: C }) => [
+            u(St, {
+              name: e.name,
+              manufacturer: e.manufacturer,
+              description: e.description,
+              active: l,
+              selected: a,
+              disabled: C
+            }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
+          ]),
+          _: 1
+        }, 16, ["modelValue", "setup-fn"]),
+        B ? F("", !0) : (d(), p(y, { 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", Ft, [
+            o("a", {
+              href: bt.value,
+              target: "_blank"
+            }, [
+              u(f, {
+                "button-text": "Zur Hardwarebeantragung",
+                size: "medium",
+                variant: "secondary"
+              })
+            ], 8, Ht)
+          ])
+        ], 64))
+      ]),
+      o("section", xt, [
+        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)),
+        te.value.length > 0 ? (d(), p("div", Bt, [
+          (d(!0), p(y, null, V(te.value, (e, l) => (d(), p("div", {
+            key: l,
+            class: "functionalities"
+          }, [
+            we(o("input", g({
+              id: e,
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => z(v) ? v.value = a : null),
+              hidden: "",
+              value: e,
+              name: "selectedFunctionalities",
+              type: "checkbox"
+            }, { ref_for: !0 }, i(De)), null, 16, $t), [
+              [ge, i(v)]
+            ]),
+            u(ke, {
+              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))
+        ])) : F("", !0),
+        u(ye, g({
+          modelValue: i(U),
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => z(U) ? U.value = e : null),
+          options: et.value,
+          "error-message": i(L).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[19] || (t[19] = o("h5", null, " oder ", -1)),
+        u(b, g({
+          modelValue: i(R),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => z(R) ? R.value = e : null),
+          error_message: i(L).functionalityInput,
+          "show-error": !!i(L).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(rt)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
+        o("div", Ut, [
+          u(f, {
+            "button-text": "Funktionalität hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !r.value,
+            onClick: i(ie)
+          }, null, 8, ["disabled", "onClick"])
+        ])
+      ]),
+      o("section", At, [
+        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(Se, 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(Le), {
+          max: P,
+          validation: "required|length:0,500",
+          hint: "true",
+          "hint-message": `${mt.value} von ${P} Zeichen`,
+          "count-hint": !0
+        }), null, 16, ["modelValue", "is-disabled", "hint-message"])
+      ]),
+      o("section", Ct, [
+        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), p(y, null, V(i(Ke), (e, l) => (d(), S(H, {
+          key: e.key,
+          onDelete: (a) => i(je)(l)
+        }, {
+          default: k(() => [
+            u(b, {
+              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)),
+        o("div", Pt, [
+          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(qe)(""))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      o("section", Dt, [
+        t[24] || (t[24] = o("h5", null, "Gehostete Geräte (optional)", -1)),
+        t[25] || (t[25] = o("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, V(i(Je), (e, l) => (d(), S(H, {
+          key: e.key,
+          onDelete: (a) => i(Qe)(l)
+        }, {
+          default: k(() => [
+            u(b, {
+              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)),
+        o("div", Zt, [
+          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(Ye)(""))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      o("section", Lt, [
+        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)),
+        A.value ? (d(), p("div", Wt, [
+          (d(!0), p(y, null, V(i(h), (e, l) => (d(), p("div", {
+            key: `zweck-${l}`,
+            class: "functionalities"
+          }, [
+            we(o("input", g({
+              id: `zweck-${e}`,
+              "onUpdate:modelValue": t[7] || (t[7] = (a) => z(h) ? h.value = a : null),
+              hidden: "",
+              value: e,
+              name: "selectedForProperties",
+              type: "checkbox"
+            }, { ref_for: !0 }, i(Ze)), null, 16, _t), [
+              [ge, i(h)]
+            ]),
+            u(ke, {
+              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))
+        ])) : F("", !0),
+        T.value && !A.value ? (d(), S(H, {
+          key: 1,
+          onDelete: dt
+        }, {
+          actions: k(() => [
+            u(f, {
+              "button-text": "Zweck hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              disabled: !r.value,
+              onClick: i(pt)
+            }, null, 8, ["disabled", "onClick"])
+          ]),
+          default: k(() => [
+            u(ye, g({
+              modelValue: i(E),
+              "onUpdate:modelValue": t[8] || (t[8] = (e) => z(E) ? E.value = e : null),
+              options: tt.value,
+              "error-message": i(_).zweckSelect,
+              label: "Zweck auswählen",
+              placeholder: "Wählen Sie einen Zweck.",
+              disabled: !r.value || A.value
+            }, i(at)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+            t[26] || (t[26] = o("h5", null, "oder", -1)),
+            u(b, g({
+              modelValue: i(N),
+              "onUpdate:modelValue": t[9] || (t[9] = (e) => z(N) ? N.value = e : null),
+              error_message: i(_).zweckInput,
+              "show-error": !!i(_).zweckInput,
+              "add-on-text": !1,
+              "date-picker": !1,
+              "info-icon": !1,
+              "show-end-icon": !1,
+              "pre-icon": !1,
+              "is-disabled": !r.value || A.value,
+              label: "Zweck nennen",
+              placeholder: "Nennen Sie einen Zweck",
+              "initial-hint-text": !1
+            }, i(ut)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
+          ]),
+          _: 1,
+          __: [26]
+        })) : F("", !0),
+        o("div", Gt, [
+          T.value ? F("", !0) : (d(), S(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 && (T.value = !0))
+          }, null, 8, ["disabled"]))
+        ])
+      ]),
+      o("section", Rt, [
+        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), p(y, null, V(i(Ge), (e, l) => (d(), S(H, {
+          key: e.key,
+          onDelete: (a) => i(We)(l)
+        }, {
+          default: k(() => [
+            u(b, {
+              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(b, {
+              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)),
+        o("div", Et, [
+          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(_e)({ lat: "", lng: "" }))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      o("section", Nt, [
+        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), p(y, null, V(i(Ne), (e, l) => (d(), S(H, {
+          key: e.key,
+          onDelete: (a) => i(Re)(l)
+        }, {
+          default: k(() => [
+            u(b, {
+              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)),
+        o("div", Tt, [
+          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(Ee)(""))
+          }, null, 8, ["disabled"])
+        ])
+      ]),
+      o("section", Mt, [
+        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), p(y, null, V(i(Oe), (e, l) => (d(), S(H, {
+          key: e.key,
+          onDelete: (a) => i(Te)(l)
+        }, {
+          default: k(() => [
+            u(b, {
+              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(b, {
+              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(Se, {
+              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: P,
+              validation: "required|length:0,500",
+              hint: "true",
+              "hint-message": `${ft(e)} von ${P} 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", Ot, [
+          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"])
+        ])
+      ]),
+      o("section", jt, [
+        B ? (d(), p("div", qt, [
+          u(f, {
+            "button-text": "Abbrechen",
+            variant: "tertiary",
+            onClick: t[14] || (t[14] = (e) => D("close"))
+          }),
+          u(f, {
+            "button-text": "Speichern",
+            disabled: !r.value || !J.value,
+            onClick: i(ne)
+          }, null, 8, ["disabled", "onClick"])
+        ])) : (d(), S(f, {
+          key: 1,
+          "icon-start": "PlusSquare",
+          "button-text": "Hardware hinzufügen",
+          disabled: !r.value || !J.value,
+          onClick: i(ne)
+        }, null, 8, ["disabled", "onClick"]))
+      ])
+    ]));
+  }
+});
+export {
+  un as default
+};