@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.12

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

@@ -0,0 +1,696 @@
+import { defineComponent as ft, mergeModels as he, useModel as ht, unref as i, watch as ve, ref as T, computed as S, createElementBlock as p, openBlock as d, createElementVNode as s, createCommentVNode as F, createVNode as u, mergeProps as w, isRef as V, withCtx as g, Fragment as k, renderList as z, withDirectives as be, vModelCheckbox as we, createBlock as y } from "vue";
+import { toTypedSchema as j } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
+import { useForm as K, useFieldArray as x } from "vee-validate";
+import * as o from "zod";
+import vt from "../Autocomplete/AutocompleteVocab.vue.js";
+import f from "../ButtonV3.vue.js";
+import ge from "../Chip.vue.js";
+import b 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" }, Vt = {
+  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" }, $t = { class: "step-section-actions" }, Ut = { class: "step-section" }, At = {
+  key: 0,
+  class: "functionalities-container"
+}, 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" }, Et = {
+  key: 0,
+  class: "button-row"
+}, 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, tn = /* @__PURE__ */ ft({
+  __name: "HardwareForm",
+  props: /* @__PURE__ */ he({
+    modelValue: {},
+    initializeWith: {},
+    exclude: { default: () => [] }
+  }, {
+    modelValue: {
+      default: () => ""
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ he(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(q, { emit: ze }) {
+    var ne, ie, le, se, oe, re, ae, ue, de, ce;
+    const m = q, D = ze, Ie = ht(q, "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("")
+    });
+    function Q(n) {
+      return Array.isArray(n) ? n : n != null ? [n] : [];
+    }
+    const $e = 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: $,
+      handleSubmit: Ue,
+      resetForm: Ae,
+      errors: c
+    } = K({
+      validationSchema: j($e),
+      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)
+      },
+      name: "hardwareForm"
+    }), [I, Ce] = $("id"), [v, De] = $("functionalities"), [h, Pe] = $("forProperty"), [Nt, Ze] = $("description"), {
+      remove: We,
+      push: Le,
+      fields: _e
+    } = x("locations"), {
+      remove: Ge,
+      push: Re,
+      fields: Ee
+    } = x("depictions"), {
+      remove: Ne,
+      push: Me,
+      fields: Oe
+    } = x("references"), {
+      remove: Te,
+      push: je,
+      fields: Ke
+    } = x("isHostedBy"), {
+      remove: qe,
+      push: Qe,
+      fields: Ye
+    } = x("hosts");
+    ve(I, (n) => {
+      Ie.value = n || "";
+    }, { immediate: !0 });
+    const P = T(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
+      };
+      P.value = t;
+    }
+    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 = P.value) == null ? void 0 : n.functionalities) ?? [];
+    }), et = S(() => {
+      var n;
+      return ((n = P.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: Z,
+      resetForm: W
+    } = K({
+      validationSchema: j(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,
+        path: ["zweckInput"]
+      }));
+    }), {
+      defineField: X,
+      handleSubmit: lt,
+      errors: L,
+      resetForm: _
+    } = K({
+      validationSchema: j(it),
+      initialValues: {
+        zweckSelect: "",
+        zweckInput: ""
+      }
+    });
+    ve(I, (n, t) => {
+      !!t && !!n && n !== t && (W(), v.value = [], _(), h.value = []);
+    });
+    const [G, st] = J("functionalitySelect"), [R, ot] = J("functionalityInput"), ee = S(() => Array.from(v.value || [])), [E, rt] = X("zweckSelect"), [N, at] = X("zweckInput"), U = S(() => h.value && h.value.length > 0), M = T(!!((ce = (de = m.initializeWith) == null ? void 0 : de.forProperty) != null && ce.length));
+    function ut() {
+      h.value = [];
+    }
+    const te = Ue((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: Fe,
+        hardware: t
+      }) : D("submit", t), W(), _(), 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)), W();
+    }), 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)), _();
+    }), O = T(""), pt = S(() => O.value.length);
+    function mt(n) {
+      var t;
+      return ((t = n.value.description) == null ? void 0 : t.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, w({
+          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: g(({ 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(k, { key: 1 }, [
+          t[15] || (t[15] = s("h5", null, "oder", -1)),
+          t[16] || (t[16] = 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"
+            })
+          ])
+        ], 64))
+      ]),
+      s("section", St, [
+        t[17] || (t[17] = s("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
+        t[18] || (t[18] = 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(k, null, z(ee.value, (e, l) => (d(), p("div", {
+            key: l,
+            class: "functionalities"
+          }, [
+            be(s("input", w({
+              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)]
+            ]),
+            u(ge, {
+              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(ke, w({
+          modelValue: i(G),
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => V(G) ? G.value = e : null),
+          options: Xe.value,
+          "error-message": i(Z).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] = s("h5", null, " oder ", -1)),
+        u(b, w({
+          modelValue: i(R),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => V(R) ? R.value = e : null),
+          error_message: i(Z).functionalityInput,
+          "show-error": !!i(Z).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[20] || (t[20] = s("h5", null, "Beschreibung der Nutzung (optional)", -1)),
+        t[21] || (t[21] = s("p", null, "Beschreiben Sie die ausgewählte Hardware.", -1)),
+        u(ye, w({
+          modelValue: O.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (e) => O.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[22] || (t[22] = s("h5", null, "Host-Plattform (optional)", -1)),
+        t[23] || (t[23] = 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, z(i(Ke), (e, l) => (d(), y(H, {
+          key: e.key,
+          onDelete: (a) => i(Te)(l)
+        }, {
+          default: g(() => [
+            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)),
+        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[24] || (t[24] = s("h5", null, "Gehostete Geräte (optional)", -1)),
+        t[25] || (t[25] = 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(k, null, z(i(Ye), (e, l) => (d(), y(H, {
+          key: e.key,
+          onDelete: (a) => i(qe)(l)
+        }, {
+          default: g(() => [
+            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)),
+        s("div", $t, [
+          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", Ut, [
+        t[27] || (t[27] = s("h5", null, "Zweck (optional)", -1)),
+        t[28] || (t[28] = s("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
+        U.value ? (d(), p("div", At, [
+          (d(!0), p(k, null, z(i(h), (e, l) => (d(), p("div", {
+            key: `zweck-${l}`,
+            class: "functionalities"
+          }, [
+            be(s("input", w({
+              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)]
+            ]),
+            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 },
+              "select-value": !0
+            }, null, 8, ["for", "text", "data"])
+          ]))), 128))
+        ])) : F("", !0),
+        M.value && !U.value ? (d(), y(H, {
+          key: 1,
+          onDelete: ut
+        }, {
+          actions: g(() => [
+            u(f, {
+              "button-text": "Zweck hinzufügen",
+              size: "medium",
+              variant: "tertiary",
+              "icon-start": "plus",
+              disabled: !r.value,
+              onClick: i(ct)
+            }, null, 8, ["disabled", "onClick"])
+          ]),
+          default: g(() => [
+            u(ke, w({
+              modelValue: i(E),
+              "onUpdate:modelValue": t[8] || (t[8] = (e) => V(E) ? E.value = e : null),
+              options: et.value,
+              "error-message": i(L).zweckSelect,
+              label: "Zweck auswählen",
+              placeholder: "Wählen Sie einen Zweck.",
+              disabled: !r.value || U.value
+            }, i(rt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+            t[26] || (t[26] = s("h5", null, "oder", -1)),
+            u(b, w({
+              modelValue: i(N),
+              "onUpdate:modelValue": t[9] || (t[9] = (e) => V(N) ? N.value = e : null),
+              error_message: i(L).zweckInput,
+              "show-error": !!i(L).zweckInput,
+              "add-on-text": !1,
+              "date-picker": !1,
+              "info-icon": !1,
+              "show-end-icon": !1,
+              "pre-icon": !1,
+              "is-disabled": !r.value || U.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,
+          __: [26]
+        })) : F("", !0),
+        s("div", Dt, [
+          M.value ? F("", !0) : (d(), y(f, {
+            key: 0,
+            "button-text": "Zweck hinzufügen",
+            size: "medium",
+            variant: "tertiary",
+            "icon-start": "plus",
+            disabled: !r.value,
+            onClick: t[10] || (t[10] = (e) => r.value && (M.value = !0))
+          }, null, 8, ["disabled"]))
+        ])
+      ]),
+      s("section", Pt, [
+        t[29] || (t[29] = s("h5", null, "Standort (optional)", -1)),
+        t[30] || (t[30] = s("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
+        (d(!0), p(k, null, z(i(_e), (e, l) => (d(), y(H, {
+          key: e.key,
+          onDelete: (a) => i(We)(l)
+        }, {
+          default: g(() => [
+            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)),
+        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[31] || (t[31] = s("h5", null, "Darstellungen (optional)", -1)),
+        t[32] || (t[32] = 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, z(i(Ee), (e, l) => (d(), y(H, {
+          key: e.key,
+          onDelete: (a) => i(Ge)(l)
+        }, {
+          default: g(() => [
+            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)),
+        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[33] || (t[33] = s("h5", null, "Weiterführende Links (optional)", -1)),
+        t[34] || (t[34] = 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, z(i(Oe), (e, l) => (d(), y(H, {
+          key: e.key,
+          onDelete: (a) => i(Ne)(l)
+        }, {
+          default: g(() => [
+            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(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"])
+        ])
+      ]),
+      s("section", Rt, [
+        B ? (d(), p("div", Et, [
+          u(f, {
+            "button-text": "Abbrechen",
+            variant: "tertiary",
+            onClick: t[14] || (t[14] = (e) => D("close"))
+          }),
+          u(f, {
+            "button-text": "Speichern",
+            disabled: !r.value || !Y.value,
+            onClick: i(te)
+          }, null, 8, ["disabled", "onClick"])
+        ])) : (d(), y(f, {
+          key: 1,
+          "icon-start": "PlusSquare",
+          "button-text": "Hardware hinzufügen",
+          disabled: !r.value || !Y.value,
+          onClick: i(te)
+        }, null, 8, ["disabled", "onClick"]))
+      ])
+    ]));
+  }
+});
+export {
+  tn as default
+};