@piveau/dpi 0.2.0-alpha.22 → 0.2.0-alpha.24

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

@@ -1,28 +1,28 @@
-import { defineComponent as wt, mergeModels as ve, useModel as gt, unref as i, watch as O, ref as be, computed as w, createElementBlock as p, openBlock as d, createElementVNode as o, createCommentVNode as F, createVNode as u, mergeProps as g, isRef as k, withCtx as y, Fragment as S, renderList as V, withDirectives as we, vModelCheckbox as ge, createBlock as z } from "vue";
+import { defineComponent as vt, mergeModels as be, useModel as bt, unref as i, watch as O, ref as we, computed as b, createElementBlock as m, openBlock as d, createElementVNode as o, createCommentVNode as k, createVNode as u, mergeProps as w, isRef as g, withCtx as y, Fragment as S, renderList as F, withDirectives as ge, vModelCheckbox as ke, createBlock as z } from "vue";
 import { toTypedSchema as j } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
-import { useForm as q, useFieldArray as x } from "vee-validate";
+import { useForm as K, useFieldArray as H } from "vee-validate";
 import * as s from "zod";
-import { useTwinbyUser as kt } from "../../../composables/useTwinbyUser.js";
-import yt from "../Autocomplete/AutocompleteVocab.vue.js";
+import { useTwinbyUser as wt } from "../../../composables/useTwinbyUser.js";
+import gt 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 ye from "../Chip.vue.js";
+import V from "../InputField.vue.js";
+import q 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 = {
+import B from "./ProcessStepInputCard.vue.js";
+import kt from "./RichOption.vue.js";
+const yt = { class: "dpi-project-process-step V3-typography" }, St = { class: "step-section" }, zt = { key: 0 }, Vt = { class: "step-section-actions" }, It = ["href"], Ft = { class: "step-section" }, Ht = {
   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 = {
+}, Bt = ["id", "value"], $t = { class: "step-section-actions" }, xt = { class: "step-section" }, Ut = { class: "step-section" }, At = { class: "step-section-actions" }, Pt = { class: "step-section" }, Ct = {
   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 = {
+}, Dt = ["id", "value"], Zt = { class: "step-section-actions" }, Lt = { class: "step-section" }, _t = { class: "step-section-actions" }, Wt = { class: "step-section" }, Rt = { class: "step-section-actions" }, Et = { class: "step-section" }, Gt = { class: "step-section-actions" }, Nt = { class: "step-section-actions" }, Tt = {
   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.", D = 500, an = /* @__PURE__ */ wt({
+}, 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.", D = 500, rn = /* @__PURE__ */ vt({
   __name: "HardwareForm",
-  props: /* @__PURE__ */ ve({
+  props: /* @__PURE__ */ be({
     modelValue: {},
     initializeWith: {},
     exclude: { default: () => [] }
@@ -32,18 +32,18 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ve(["submit", "patch", "close"], ["update:modelValue"]),
-  setup(K, { emit: Ie }) {
-    var ie, le, oe, se, re, ae, ue, de, ce, pe;
-    const m = K, Z = Ie, Fe = gt(K, "modelValue"), B = !!m.modelValue, He = i(m.modelValue) || "", xe = s.object({
+  emits: /* @__PURE__ */ be(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(Q, { emit: Ie }) {
+    var le, oe, se, re, ae, ue, de, ce, me, pe;
+    const p = Q, Z = Ie, Fe = bt(Q, "modelValue"), $ = !!p.modelValue, He = i(p.modelValue) || "", Be = 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({
+    }), $e = s.array(Be), xe = 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 Q(n) {
+    function Y(n) {
       return Array.isArray(n) ? n : n != null ? [n] : [];
     }
     const Ue = s.object({
@@ -51,56 +51,70 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
       description: s.string().optional(),
       functionalities: s.array(s.string()).min(1),
       forProperty: s.array(s.string()),
-      locations: Be,
+      locations: $e,
       depictions: s.array(s.string()),
-      references: s.array($e),
+      references: s.array(xe),
       isHostedBy: s.array(s.string()),
       hosts: s.array(s.string())
-    }), {
-      defineField: $,
-      handleSubmit: Ae,
+    }), Ae = [
+      "Mast",
+      "Ampel",
+      "Verkehrsschild",
+      "Gebäude",
+      "Straßenbelag",
+      "Brücke",
+      "Bushaltestelle",
+      "Dachfläche",
+      "Straßenmobiliar",
+      "Parkhaus",
+      "Kanaldeckel",
+      "Grünfläche",
+      "Sonstiges"
+    ], {
+      defineField: x,
+      handleSubmit: Pe,
       resetForm: Ce,
       errors: c
-    } = q({
+    } = K({
       validationSchema: j(Ue),
       initialValues: {
-        id: m.modelValue || "",
-        description: ((ie = m.initializeWith) == null ? void 0 : ie.description) || "",
-        functionalities: ((le = m.initializeWith) == null ? void 0 : le.functionalities) || [],
-        forProperty: ((oe = m.initializeWith) == null ? void 0 : oe.forProperty) || [],
-        locations: ((se = m.initializeWith) == null ? void 0 : se.locations) || [],
-        depictions: ((re = m.initializeWith) == null ? void 0 : re.depictions) || [],
-        references: ((ae = m.initializeWith) == null ? void 0 : ae.references) || [],
-        isHostedBy: Q((ue = m.initializeWith) == null ? void 0 : ue.isHostedBy),
-        hosts: Q((de = m.initializeWith) == null ? void 0 : de.hosts)
+        id: p.modelValue || "",
+        description: ((le = p.initializeWith) == null ? void 0 : le.description) || "",
+        functionalities: ((oe = p.initializeWith) == null ? void 0 : oe.functionalities) || [],
+        forProperty: ((se = p.initializeWith) == null ? void 0 : se.forProperty) || [],
+        locations: ((re = p.initializeWith) == null ? void 0 : re.locations) || [],
+        depictions: ((ae = p.initializeWith) == null ? void 0 : ae.depictions) || [],
+        references: ((ue = p.initializeWith) == null ? void 0 : ue.references) || [],
+        isHostedBy: Y((de = p.initializeWith) == null ? void 0 : de.isHostedBy),
+        hosts: Y((ce = p.initializeWith) == null ? void 0 : ce.hosts)
       },
       name: "hardwareForm"
-    }), [I, Pe] = $("id"), [v, De] = $("functionalities"), [h, Ze] = $("forProperty"), [U, Le] = $("description"), {
+    }), [I, De] = x("id"), [v, Ze] = x("functionalities"), [h, Le] = x("forProperty"), [U, _e] = x("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: Re,
+      fields: Ee
+    } = H("locations"), {
+      remove: Ge,
+      push: Ne,
+      fields: Te
+    } = H("depictions"), {
+      remove: Me,
+      push: Oe,
+      fields: je
+    } = H("references"), {
+      remove: Ke,
       push: qe,
-      fields: Ke
-    } = x("isHostedBy"), {
-      remove: Qe,
-      push: Ye,
-      fields: Je
-    } = x("hosts");
+      fields: Qe
+    } = H("isHostedBy"), {
+      remove: Mt,
+      push: Ot,
+      fields: jt
+    } = H("hosts");
     O(I, (n) => {
       Fe.value = n || "";
     }, { immediate: !0 });
-    const L = be(null);
-    function Xe(n) {
+    const L = we(null);
+    function Ye(n) {
       const t = {
         id: String(n.id || ""),
         name: typeof n.name == "string" ? n.name : "",
@@ -113,16 +127,16 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
       };
       L.value = t;
     }
-    const r = w(() => !!I.value), Y = w(() => {
+    const r = b(() => !!I.value), J = b(() => {
       var n;
       return (((n = v.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), et = w(() => {
+    }), Je = b(() => {
       var n;
       return ((n = L.value) == null ? void 0 : n.functionalities) ?? [];
-    }), tt = w(() => {
+    }), Xe = b(() => {
       var n;
       return ((n = L.value) == null ? void 0 : n.forProperty) ?? [];
-    }), nt = s.object({
+    }), et = s.object({
       functionalitySelect: s.string().optional(),
       functionalityInput: s.string().optional()
     }).superRefine((n, t) => {
@@ -137,17 +151,17 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
         path: ["functionalityInput"]
       }));
     }), {
-      defineField: J,
-      handleSubmit: it,
-      errors: W,
-      resetForm: _
-    } = q({
-      validationSchema: j(nt),
+      defineField: X,
+      handleSubmit: tt,
+      errors: _,
+      resetForm: W
+    } = K({
+      validationSchema: j(et),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
       }
-    }), lt = s.object({
+    }), nt = s.object({
       zweckSelect: s.string().optional(),
       zweckInput: s.string().optional()
     }).superRefine((n, t) => {
@@ -162,25 +176,25 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
         path: ["zweckInput"]
       }));
     }), {
-      defineField: X,
-      handleSubmit: ot,
-      errors: G,
-      resetForm: R
-    } = q({
-      validationSchema: j(lt),
+      defineField: ee,
+      handleSubmit: it,
+      errors: R,
+      resetForm: E
+    } = K({
+      validationSchema: j(nt),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
     });
     O(I, (n, t) => {
-      !!t && !!n && n !== t && (_(), v.value = [], R(), h.value = []);
+      !!t && !!n && n !== t && (W(), v.value = [], E(), h.value = []);
     });
-    const [A, st] = J("functionalitySelect"), [E, rt] = J("functionalityInput"), ee = w(() => Array.from(v.value || [])), [N, at] = X("zweckSelect"), [T, ut] = X("zweckInput"), C = w(() => h.value && h.value.length > 0), M = be(!!((pe = (ce = m.initializeWith) == null ? void 0 : ce.forProperty) != null && pe.length));
-    function dt() {
+    const [A, lt] = X("functionalitySelect"), [G, ot] = X("functionalityInput"), te = b(() => Array.from(v.value || [])), [N, st] = ee("zweckSelect"), [T, rt] = ee("zweckInput"), P = b(() => h.value && h.value.length > 0), M = we(!!((pe = (me = p.initializeWith) == null ? void 0 : me.forProperty) != null && pe.length));
+    function at() {
       h.value = [];
     }
-    const te = Ae((n) => {
+    const ne = Pe((n) => {
       const t = {
         id: n.id,
         description: n.description || "",
@@ -196,19 +210,19 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
         isHostedBy: (n.isHostedBy || []).filter(Boolean),
         hosts: (n.hosts || []).filter(Boolean)
       };
-      B ? Z("patch", {
+      $ ? Z("patch", {
         id: He,
         hardware: t
-      }) : Z("submit", t), _(), R(), Ce();
-    }), ne = it((n) => {
+      }) : Z("submit", t), W(), E(), Ce();
+    }), ie = tt((n) => {
       var e, l;
       const t = n.functionalitySelect || n.functionalityInput;
-      t && t.trim().length > 0 && !((e = v.value) != null && e.includes(t)) && ((l = v.value) == null || l.push(t)), _();
+      t && t.trim().length > 0 && !((e = v.value) != null && e.includes(t)) && ((l = v.value) == null || l.push(t)), W();
     });
     O(A, (n) => {
-      n && n.trim().length > 0 && ne();
+      n && n.trim().length > 0 && ie();
     });
-    function ct(n) {
+    function ut(n) {
       return [
         ...n,
         {
@@ -220,65 +234,65 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
         }
       ];
     }
-    const pt = ot((n) => {
+    const dt = 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)), R();
-    }), mt = w(() => {
+      t && t.trim().length > 0 && !((e = h.value) != null && e.includes(t)) && ((l = h.value) == null || l.push(t)), E();
+    }), ct = b(() => {
       var n;
       return ((n = U.value) == null ? void 0 : n.length) || 0;
     });
-    function ft(n) {
+    function mt(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({
+    const { authToken: pt, username: ft } = wt(), ht = b(() => `https://form.typeform.com/to/ayL37uiV#token=${pt.value}&account=${ft.value}`);
+    return (n, t) => (d(), m("div", yt, [
+      o("section", St, [
+        $ ? k("", !0) : (d(), m("h5", zt, "Wählen Sie eine bestehende Hardware")),
+        u(gt, w({
           modelValue: i(I),
-          "onUpdate:modelValue": t[0] || (t[0] = (e) => k(I) ? I.value = e : null),
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => g(I) ? I.value = e : null),
           label: "Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen."
-        }, i(Pe), {
+        }, i(De), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "hardware",
           placeholder: "Hardware...",
           name: "hardware",
           "setup-fn": (e) => {
-            var l, a, P, me, fe, he;
+            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: (me = (P = e == null ? void 0 : e.manufacturer) == null ? void 0 : P[0]) == null ? void 0 : me.label,
-              description: ((fe = e == null ? void 0 : e.description) == null ? void 0 : fe.de) || ((he = e == null ? void 0 : e.description) == null ? void 0 : he.en),
+              unavailable: p.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
+          "post-process-fn": ut,
+          onSelect: Ye
         }), {
-          option: y(({ option: e, active: l, selected: a, disabled: P }) => [
-            u(St, {
+          option: y(({ option: e, active: l, selected: a, disabled: C }) => [
+            u(kt, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
               active: l,
               selected: a,
-              disabled: P
+              disabled: C
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        B ? F("", !0) : (d(), p(S, { key: 1 }, [
+        $ ? k("", !0) : (d(), m(S, { key: 1 }, [
           t[15] || (t[15] = o("h5", null, "oder", -1)),
           t[16] || (t[16] = o("p", null, " Sollte die verwendete Hardware noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Hardware in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Hardware-Datensatz ersetzen. ", -1)),
-          o("div", Ft, [
+          o("div", Vt, [
             o("a", {
-              href: bt.value,
+              href: ht.value,
               target: "_blank"
             }, [
               u(f, {
@@ -286,29 +300,29 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
                 size: "medium",
                 variant: "secondary"
               })
-            ], 8, Ht)
+            ], 8, It)
           ])
         ], 64))
       ]),
-      o("section", xt, [
+      o("section", Ft, [
         t[17] || (t[17] = o("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
         t[18] || (t[18] = o("p", null, " Beschreiben Sie, wie Sie die angegebene Hardware eingesetzt haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
-        ee.value.length > 0 ? (d(), p("div", Bt, [
-          (d(!0), p(S, null, V(ee.value, (e, l) => (d(), p("div", {
+        te.value.length > 0 ? (d(), m("div", Ht, [
+          (d(!0), m(S, null, F(te.value, (e, l) => (d(), m("div", {
             key: l,
             class: "functionalities"
           }, [
-            we(o("input", g({
+            ge(o("input", w({
               id: e,
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => k(v) ? v.value = a : null),
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => g(v) ? v.value = a : null),
               hidden: "",
               value: e,
               name: "selectedFunctionalities",
               type: "checkbox"
-            }, { ref_for: !0 }, i(De)), null, 16, $t), [
-              [ge, i(v)]
+            }, { ref_for: !0 }, i(Ze)), null, 16, Bt), [
+              [ke, i(v)]
             ]),
-            u(ke, {
+            u(ye, {
               as: "label",
               for: e,
               text: e,
@@ -323,22 +337,22 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
               "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : F("", !0),
-        u(ye, g({
+        ])) : k("", !0),
+        u(q, w({
           modelValue: i(A),
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => k(A) ? A.value = e : null),
-          options: et.value,
-          "error-message": i(W).functionalitySelect,
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => g(A) ? A.value = e : null),
+          options: Je.value,
+          "error-message": i(_).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"]),
+        }, i(lt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
         t[19] || (t[19] = o("h5", null, " oder ", -1)),
-        u(b, g({
-          modelValue: i(E),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => k(E) ? E.value = e : null),
-          error_message: i(W).functionalityInput,
-          "show-error": !!i(W).functionalityInput,
+        u(V, w({
+          modelValue: i(G),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => g(G) ? G.value = e : null),
+          error_message: i(_).functionalityInput,
+          "show-error": !!i(_).functionalityInput,
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -348,61 +362,55 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
           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, [
+        }, i(ot)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
+        o("div", $t, [
           u(f, {
             "button-text": "Funktionalität hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !r.value,
-            onClick: i(ne)
+            onClick: i(ie)
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
-      o("section", At, [
+      o("section", xt, [
         t[20] || (t[20] = o("h5", null, "Beschreibung der Nutzung (optional)", -1)),
         t[21] || (t[21] = o("p", null, "Beschreiben Sie die ausgewählte Hardware.", -1)),
-        u(Se, g({
+        u(Se, w({
           modelValue: i(U),
-          "onUpdate:modelValue": t[4] || (t[4] = (e) => k(U) ? U.value = e : null),
+          "onUpdate:modelValue": t[4] || (t[4] = (e) => g(U) ? U.value = e : null),
           label: "Beschreibung",
           placeholder: "Beschreiben Sie die Hardware",
           "is-disabled": !r.value
-        }, i(Le), {
+        }, i(_e), {
           max: D,
           validation: "required|length:0,500",
           hint: "true",
-          "hint-message": `${mt.value} von ${D} Zeichen`,
+          "hint-message": `${ct.value} von ${D} Zeichen`,
           "count-hint": !0
         }), null, 16, ["modelValue", "is-disabled", "hint-message"])
       ]),
-      o("section", Ct, [
+      o("section", Ut, [
         t[22] || (t[22] = o("h5", null, "Host-Plattform (optional)", -1)),
         t[23] || (t[23] = o("p", null, "Falls die von Ihnen verwendete Hardware Sensoren oder Aktuatoren sind, geben Sie hier die Plattform oder physische Struktur an, welche diese hostet (z.B. Wetterstation, Lichtmast).", -1)),
-        (d(!0), p(S, null, V(i(Ke), (e, l) => (d(), z(H, {
+        (d(!0), m(S, null, F(i(Qe), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (a) => i(je)(l)
+          onDelete: (a) => i(Ke)(l)
         }, {
           default: y(() => [
-            u(b, {
+            u(q, {
               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",
+              options: Ae,
               label: "Host-Plattform",
-              placeholder: "Wählen Sie ein gehostetes Gerät.",
-              "initial-hint-text": !1
-            }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled"])
+              placeholder: "Wählen Sie eine Host-Plattform.",
+              disabled: !r.value
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Pt, [
+        o("div", At, [
           u(f, {
             "button-text": "Host-Plattform hinzufügen",
             size: "medium",
@@ -413,61 +421,26 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
           }, 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(S, null, V(i(Je), (e, l) => (d(), z(H, {
-          key: e.key,
-          onDelete: (a) => i(Qe)(l)
-        }, {
-          default: y(() => [
-            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, [
+      k("", !0),
+      o("section", Pt, [
         t[27] || (t[27] = o("h5", null, "Zweck (optional)", -1)),
         t[28] || (t[28] = o("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
-        C.value ? (d(), p("div", Wt, [
-          (d(!0), p(S, null, V(i(h), (e, l) => (d(), p("div", {
+        P.value ? (d(), m("div", Ct, [
+          (d(!0), m(S, null, F(i(h), (e, l) => (d(), m("div", {
             key: `zweck-${l}`,
             class: "functionalities"
           }, [
-            we(o("input", g({
+            ge(o("input", w({
               id: `zweck-${e}`,
-              "onUpdate:modelValue": t[7] || (t[7] = (a) => k(h) ? h.value = a : null),
+              "onUpdate:modelValue": t[7] || (t[7] = (a) => g(h) ? h.value = a : null),
               hidden: "",
               value: e,
               name: "selectedForProperties",
               type: "checkbox"
-            }, { ref_for: !0 }, i(Ze)), null, 16, _t), [
-              [ge, i(h)]
+            }, { ref_for: !0 }, i(Le)), null, 16, Dt), [
+              [ke, i(h)]
             ]),
-            u(ke, {
+            u(ye, {
               as: "label",
               for: `zweck-${e}`,
               text: e,
@@ -482,10 +455,10 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
               "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : F("", !0),
-        M.value && !C.value ? (d(), z(H, {
+        ])) : k("", !0),
+        M.value && !P.value ? (d(), z(B, {
           key: 1,
-          onDelete: dt
+          onDelete: at
         }, {
           actions: y(() => [
             u(f, {
@@ -494,41 +467,41 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
               variant: "tertiary",
               "icon-start": "plus",
               disabled: !r.value,
-              onClick: i(pt)
+              onClick: i(dt)
             }, null, 8, ["disabled", "onClick"])
           ]),
           default: y(() => [
-            u(ye, g({
+            u(q, w({
               modelValue: i(N),
-              "onUpdate:modelValue": t[8] || (t[8] = (e) => k(N) ? N.value = e : null),
-              options: tt.value,
-              "error-message": i(G).zweckSelect,
+              "onUpdate:modelValue": t[8] || (t[8] = (e) => g(N) ? N.value = e : null),
+              options: Xe.value,
+              "error-message": i(R).zweckSelect,
               label: "Zweck auswählen",
               placeholder: "Wählen Sie einen Zweck.",
-              disabled: !r.value || C.value
-            }, i(at)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+              disabled: !r.value || P.value
+            }, i(st)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
             t[26] || (t[26] = o("h5", null, "oder", -1)),
-            u(b, g({
+            u(V, w({
               modelValue: i(T),
-              "onUpdate:modelValue": t[9] || (t[9] = (e) => k(T) ? T.value = e : null),
-              error_message: i(G).zweckInput,
-              "show-error": !!i(G).zweckInput,
+              "onUpdate:modelValue": t[9] || (t[9] = (e) => g(T) ? T.value = e : null),
+              error_message: i(R).zweckInput,
+              "show-error": !!i(R).zweckInput,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value || C.value,
+              "is-disabled": !r.value || P.value,
               label: "Zweck nennen",
               placeholder: "Nennen Sie einen Zweck",
               "initial-hint-text": !1
-            }, i(ut)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
+            }, i(rt)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
           ]),
           _: 1,
           __: [26]
-        })) : F("", !0),
-        o("div", Gt, [
-          M.value ? F("", !0) : (d(), z(f, {
+        })) : k("", !0),
+        o("div", Zt, [
+          M.value ? k("", !0) : (d(), z(f, {
             key: 0,
             "button-text": "Zweck hinzufügen",
             size: "medium",
@@ -539,15 +512,15 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
           }, null, 8, ["disabled"]))
         ])
       ]),
-      o("section", Rt, [
+      o("section", Lt, [
         t[29] || (t[29] = o("h5", null, "Standort (optional)", -1)),
         t[30] || (t[30] = o("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
-        (d(!0), p(S, null, V(i(Ge), (e, l) => (d(), z(H, {
+        (d(!0), m(S, null, F(i(Ee), (e, l) => (d(), z(B, {
           key: e.key,
           onDelete: (a) => i(We)(l)
         }, {
           default: y(() => [
-            u(b, {
+            u(V, {
               modelValue: e.value.lat,
               "onUpdate:modelValue": (a) => e.value.lat = a,
               "add-on-text": !1,
@@ -562,7 +535,7 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
               "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, {
+            u(V, {
               modelValue: e.value.lng,
               "onUpdate:modelValue": (a) => e.value.lng = a,
               "add-on-text": !1,
@@ -580,26 +553,26 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Et, [
+        o("div", _t, [
           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: "" }))
+            onClick: t[11] || (t[11] = (e) => r.value && i(Re)({ lat: "", lng: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Nt, [
+      o("section", Wt, [
         t[31] || (t[31] = o("h5", null, "Darstellungen (optional)", -1)),
         t[32] || (t[32] = o("p", null, "Fügen Sie hier ein Bild der von Ihnen verwendeten Hardware ein. Dies sollte eine gültige Bild-URL sein.", -1)),
-        (d(!0), p(S, null, V(i(Ne), (e, l) => (d(), z(H, {
+        (d(!0), m(S, null, F(i(Te), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (a) => i(Re)(l)
+          onDelete: (a) => i(Ge)(l)
         }, {
           default: y(() => [
-            u(b, {
+            u(V, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
               "add-on-text": !1,
@@ -616,26 +589,26 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Tt, [
+        o("div", Rt, [
           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)(""))
+            onClick: t[12] || (t[12] = (e) => r.value && i(Ne)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Mt, [
+      o("section", Et, [
         t[33] || (t[33] = o("h5", null, "Weiterführende Links (optional)", -1)),
         t[34] || (t[34] = o("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
-        (d(!0), p(S, null, V(i(Oe), (e, l) => (d(), z(H, {
+        (d(!0), m(S, null, F(i(je), (e, l) => (d(), z(B, {
           key: e.key,
-          onDelete: (a) => i(Te)(l)
+          onDelete: (a) => i(Me)(l)
         }, {
           default: y(() => [
-            u(b, {
+            u(V, {
               modelValue: e.value.name,
               "onUpdate:modelValue": (a) => e.value.name = a,
               "add-on-text": !1,
@@ -650,7 +623,7 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
               "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, {
+            u(V, {
               modelValue: e.value.url,
               "onUpdate:modelValue": (a) => e.value.url = a,
               "add-on-text": !1,
@@ -678,25 +651,25 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
               max: D,
               validation: "required|length:0,500",
               hint: "true",
-              "hint-message": `${ft(e)} von ${D} Zeichen`,
+              "hint-message": `${mt(e)} von ${D} 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, [
+        o("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: "" }))
+            onClick: t[13] || (t[13] = (e) => r.value && i(Oe)({ name: "", url: "", description: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", jt, [
-        B ? (d(), p("div", qt, [
+      o("section", Nt, [
+        $ ? (d(), m("div", Tt, [
           u(f, {
             "button-text": "Abbrechen",
             variant: "tertiary",
@@ -704,20 +677,20 @@ const zt = { class: "dpi-project-process-step V3-typography" }, Vt = { class: "s
           }),
           u(f, {
             "button-text": "Speichern",
-            disabled: !r.value || !Y.value,
-            onClick: i(te)
+            disabled: !r.value || !J.value,
+            onClick: i(ne)
           }, null, 8, ["disabled", "onClick"])
         ])) : (d(), z(f, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Hardware hinzufügen",
-          disabled: !r.value || !Y.value,
-          onClick: i(te)
+          disabled: !r.value || !J.value,
+          onClick: i(ne)
         }, null, 8, ["disabled", "onClick"]))
       ])
     ]));
   }
 });
 export {
-  an as default
+  rn as default
 };