@piveau/dpi 0.2.0-alpha.19 → 0.2.0-alpha.20

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

@@ -1,30 +1,28 @@
-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 o, createCommentVNode as x, 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 H } from "vee-validate";
+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 vt from "../Autocomplete/AutocompleteVocab.vue.js";
+import { useTwinbyUser as kt } from "../../../composables/useTwinbyUser.js";
+import yt from "../Autocomplete/AutocompleteVocab.vue.js";
 import f from "../ButtonV3.vue.js";
-import ge from "../Chip.vue.js";
+import ke from "../Chip.vue.js";
 import b from "../InputField.vue.js";
-import ke from "../ListBox/Listbox.vue.js";
-import ye from "../TextAreaV3.vue.js";
-import F 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 = {
-  href: "https://form.typeform.com/to/ayL37uiV#token=xxxxx&account=xxxxx",
-  target: "_blank"
-}, Vt = { class: "step-section" }, zt = {
+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"
-}, It = ["id", "value"], xt = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, Bt = { class: "step-section-actions" }, $t = { class: "step-section" }, Ut = { class: "step-section-actions" }, At = { class: "step-section" }, Ct = {
+}, $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"
-}, Dt = ["id", "value"], Pt = { class: "step-section-actions" }, Zt = { class: "step-section" }, Lt = { class: "step-section-actions" }, Wt = { class: "step-section" }, _t = { class: "step-section-actions" }, Gt = { class: "step-section" }, Rt = { class: "step-section-actions" }, Et = { class: "step-section-actions" }, Nt = {
+}, _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"
-}, 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, nn = /* @__PURE__ */ ft({
+}, 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__ */ he({
+  props: /* @__PURE__ */ be({
     modelValue: {},
     initializeWith: {},
     exclude: { default: () => [] }
@@ -34,75 +32,75 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ he(["submit", "patch", "close"], ["update:modelValue"]),
-  setup(q, { emit: ze }) {
-    var ne, ie, le, oe, se, re, ae, ue, de, ce;
-    const m = q, D = ze, Ie = ht(q, "modelValue"), B = !!m.modelValue, xe = i(m.modelValue) || "", Fe = s.object({
+  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")
-    }), He = s.array(Fe), Be = s.object({
+    }), 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 Q(n) {
+    function Y(n) {
       return Array.isArray(n) ? n : n != null ? [n] : [];
     }
-    const $e = s.object({
+    const Ue = s.object({
       id: s.string(),
       description: s.string().optional(),
       functionalities: s.array(s.string()).min(1),
       forProperty: s.array(s.string()),
-      locations: He,
+      locations: Be,
       depictions: s.array(s.string()),
-      references: s.array(Be),
+      references: s.array($e),
       isHostedBy: s.array(s.string()),
       hosts: s.array(s.string())
     }), {
       defineField: $,
-      handleSubmit: Ue,
-      resetForm: Ae,
+      handleSubmit: Ae,
+      resetForm: Ce,
       errors: c
     } = K({
-      validationSchema: j($e),
+      validationSchema: q(Ue),
       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: ((oe = m.initializeWith) == null ? void 0 : oe.locations) || [],
-        depictions: ((se = m.initializeWith) == null ? void 0 : se.depictions) || [],
-        references: ((re = m.initializeWith) == null ? void 0 : re.references) || [],
-        isHostedBy: Q((ae = m.initializeWith) == null ? void 0 : ae.isHostedBy),
-        hosts: Q((ue = m.initializeWith) == null ? void 0 : ue.hosts)
+        description: ((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, Ce] = $("id"), [v, De] = $("functionalities"), [h, Pe] = $("forProperty"), [Mt, Ze] = $("description"), {
-      remove: Le,
-      push: We,
-      fields: _e
-    } = H("locations"), {
-      remove: Ge,
-      push: Re,
-      fields: Ee
-    } = H("depictions"), {
-      remove: Ne,
+    }), [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
-    } = H("references"), {
-      remove: Te,
-      push: je,
+    } = x("references"), {
+      remove: je,
+      push: qe,
       fields: Ke
-    } = H("isHostedBy"), {
-      remove: qe,
-      push: Qe,
-      fields: Ye
-    } = H("hosts");
-    ve(I, (n) => {
-      Ie.value = n || "";
+    } = x("isHostedBy"), {
+      remove: Qe,
+      push: Ye,
+      fields: Je
+    } = x("hosts");
+    O(I, (n) => {
+      Fe.value = n || "";
     }, { immediate: !0 });
-    const P = T(null);
-    function Je(n) {
+    const Z = j(null);
+    function Xe(n) {
       const t = {
         id: String(n.id || ""),
         name: typeof n.name == "string" ? n.name : "",
@@ -113,43 +111,43 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         version: n.version,
         unavailable: n.unavailable
       };
-      P.value = t;
+      Z.value = t;
     }
-    const r = S(() => !!I.value), Y = S(() => {
+    const r = w(() => !!I.value), J = w(() => {
       var n;
       return (((n = v.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), Xe = S(() => {
+    }), et = w(() => {
       var n;
-      return ((n = P.value) == null ? void 0 : n.functionalities) ?? [];
-    }), et = S(() => {
+      return ((n = Z.value) == null ? void 0 : n.functionalities) ?? [];
+    }), tt = w(() => {
       var n;
-      return ((n = P.value) == null ? void 0 : n.forProperty) ?? [];
-    }), tt = s.object({
+      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: Se,
+        message: ze,
         path: ["functionalitySelect"]
       }), t.addIssue({
         code: s.ZodIssueCode.custom,
-        message: Se,
+        message: ze,
         path: ["functionalityInput"]
       }));
     }), {
-      defineField: J,
-      handleSubmit: nt,
-      errors: Z,
-      resetForm: L
+      defineField: X,
+      handleSubmit: it,
+      errors: L,
+      resetForm: W
     } = K({
-      validationSchema: j(tt),
+      validationSchema: q(nt),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
       }
-    }), it = s.object({
+    }), lt = s.object({
       zweckSelect: s.string().optional(),
       zweckInput: s.string().optional()
     }).superRefine((n, t) => {
@@ -164,25 +162,25 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         path: ["zweckInput"]
       }));
     }), {
-      defineField: X,
-      handleSubmit: lt,
-      errors: W,
-      resetForm: _
+      defineField: ee,
+      handleSubmit: ot,
+      errors: _,
+      resetForm: G
     } = K({
-      validationSchema: j(it),
+      validationSchema: q(lt),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
     });
-    ve(I, (n, t) => {
-      !!t && !!n && n !== t && (L(), v.value = [], _(), h.value = []);
+    O(I, (n, t) => {
+      !!t && !!n && n !== t && (W(), v.value = [], G(), h.value = []);
     });
-    const [G, ot] = J("functionalitySelect"), [R, st] = 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() {
+    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 te = Ue((n) => {
+    const ne = Ae((n) => {
       const t = {
         id: n.id,
         description: n.description || "",
@@ -199,94 +197,115 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         hosts: (n.hosts || []).filter(Boolean)
       };
       B ? D("patch", {
-        id: xe,
+        id: He,
         hardware: t
-      }) : D("submit", t), L(), _(), Ae();
-    }), dt = nt((n) => {
+      }) : 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)), L();
-    }), ct = lt((n) => {
+      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)), _();
-    }), O = T(""), pt = S(() => O.value.length);
-    function mt(n) {
+      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;
     }
-    return (n, t) => (d(), p("div", wt, [
-      o("section", gt, [
-        B ? x("", !0) : (d(), p("h5", kt, "Wählen Sie eine bestehende Hardware")),
-        u(vt, w({
+    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) => V(I) ? I.value = e : null),
+          "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(Ce), {
+        }, i(Pe), {
           "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;
+            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: (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),
+              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
             };
           },
-          onSelect: Je
+          "post-process-fn": ct,
+          onSelect: Xe
         }), {
-          option: g(({ option: e, active: l, selected: a, disabled: A }) => [
-            u(bt, {
+          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: A
+              disabled: C
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        B ? x("", !0) : (d(), p(k, { key: 1 }, [
+        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", yt, [
-            o("a", St, [
+          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", Vt, [
+      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)),
-        ee.value.length > 0 ? (d(), p("div", zt, [
-          (d(!0), p(k, null, z(ee.value, (e, l) => (d(), p("div", {
+        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"
           }, [
-            be(o("input", w({
+            we(o("input", g({
               id: e,
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => V(v) ? v.value = a : null),
+              "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, It), [
-              [we, i(v)]
+            }, { ref_for: !0 }, i(De)), null, 16, $t), [
+              [ge, i(v)]
             ]),
-            u(ge, {
+            u(ke, {
               as: "label",
               for: e,
               text: e,
@@ -301,22 +320,22 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : x("", !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,
+        ])) : 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(ot)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+        }, i(st)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
         t[19] || (t[19] = o("h5", null, " oder ", -1)),
-        u(b, w({
+        u(b, g({
           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,
+          "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,
@@ -326,43 +345,43 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           label: "Funktionalitäten nennen",
           placeholder: "Nennen Sie eine Funktionalität",
           "initial-hint-text": !1
-        }, i(st)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"]),
-        o("div", xt, [
+        }, 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(dt)
+            onClick: i(ie)
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
-      o("section", Ft, [
+      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(ye, w({
-          modelValue: O.value,
-          "onUpdate:modelValue": t[4] || (t[4] = (e) => O.value = e),
+        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(Ze), {
-          max: C,
+        }, i(Le), {
+          max: P,
           validation: "required|length:0,500",
           hint: "true",
-          "hint-message": `${pt.value} von ${C} Zeichen`,
+          "hint-message": `${mt.value} von ${P} Zeichen`,
           "count-hint": !0
         }), null, 16, ["modelValue", "is-disabled", "hint-message"])
       ]),
-      o("section", Ht, [
+      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(k, null, z(i(Ke), (e, l) => (d(), y(F, {
+        (d(!0), p(y, null, V(i(Ke), (e, l) => (d(), S(H, {
           key: e.key,
-          onDelete: (a) => i(Te)(l)
+          onDelete: (a) => i(je)(l)
         }, {
-          default: g(() => [
+          default: k(() => [
             u(b, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
@@ -380,25 +399,25 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Bt, [
+        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(je)(""))
+            onClick: t[5] || (t[5] = (e) => r.value && i(qe)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", $t, [
+      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(k, null, z(i(Ye), (e, l) => (d(), y(F, {
+        (d(!0), p(y, null, V(i(Je), (e, l) => (d(), S(H, {
           key: e.key,
-          onDelete: (a) => i(qe)(l)
+          onDelete: (a) => i(Qe)(l)
         }, {
-          default: g(() => [
+          default: k(() => [
             u(b, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
@@ -416,36 +435,36 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Ut, [
+        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(Qe)(""))
+            onClick: t[6] || (t[6] = (e) => r.value && i(Ye)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", At, [
+      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)),
-        U.value ? (d(), p("div", Ct, [
-          (d(!0), p(k, null, z(i(h), (e, l) => (d(), p("div", {
+        A.value ? (d(), p("div", Wt, [
+          (d(!0), p(y, null, V(i(h), (e, l) => (d(), p("div", {
             key: `zweck-${l}`,
             class: "functionalities"
           }, [
-            be(o("input", w({
+            we(o("input", g({
               id: `zweck-${e}`,
-              "onUpdate:modelValue": t[7] || (t[7] = (a) => V(h) ? h.value = a : null),
+              "onUpdate:modelValue": t[7] || (t[7] = (a) => z(h) ? h.value = a : null),
               hidden: "",
               value: e,
               name: "selectedForProperties",
               type: "checkbox"
-            }, { ref_for: !0 }, i(Pe)), null, 16, Dt), [
-              [we, i(h)]
+            }, { ref_for: !0 }, i(Ze)), null, 16, _t), [
+              [ge, i(h)]
             ]),
-            u(ge, {
+            u(ke, {
               as: "label",
               for: `zweck-${e}`,
               text: e,
@@ -460,71 +479,71 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : x("", !0),
-        M.value && !U.value ? (d(), y(F, {
+        ])) : F("", !0),
+        T.value && !A.value ? (d(), S(H, {
           key: 1,
-          onDelete: ut
+          onDelete: dt
         }, {
-          actions: g(() => [
+          actions: k(() => [
             u(f, {
               "button-text": "Zweck hinzufügen",
               size: "medium",
               variant: "tertiary",
               "icon-start": "plus",
               disabled: !r.value,
-              onClick: i(ct)
+              onClick: i(pt)
             }, null, 8, ["disabled", "onClick"])
           ]),
-          default: g(() => [
-            u(ke, w({
+          default: k(() => [
+            u(ye, g({
               modelValue: i(E),
-              "onUpdate:modelValue": t[8] || (t[8] = (e) => V(E) ? E.value = e : null),
-              options: et.value,
-              "error-message": i(W).zweckSelect,
+              "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 || U.value
-            }, i(rt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+              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, w({
+            u(b, g({
               modelValue: i(N),
-              "onUpdate:modelValue": t[9] || (t[9] = (e) => V(N) ? N.value = e : null),
-              error_message: i(W).zweckInput,
-              "show-error": !!i(W).zweckInput,
+              "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 || U.value,
+              "is-disabled": !r.value || A.value,
               label: "Zweck nennen",
               placeholder: "Nennen Sie einen Zweck",
               "initial-hint-text": !1
-            }, i(at)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
+            }, i(ut)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
           ]),
           _: 1,
           __: [26]
-        })) : x("", !0),
-        o("div", Pt, [
-          M.value ? x("", !0) : (d(), y(f, {
+        })) : 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 && (M.value = !0))
+            onClick: t[10] || (t[10] = (e) => r.value && (T.value = !0))
           }, null, 8, ["disabled"]))
         ])
       ]),
-      o("section", Zt, [
+      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(k, null, z(i(_e), (e, l) => (d(), y(F, {
+        (d(!0), p(y, null, V(i(Ge), (e, l) => (d(), S(H, {
           key: e.key,
-          onDelete: (a) => i(Le)(l)
+          onDelete: (a) => i(We)(l)
         }, {
-          default: g(() => [
+          default: k(() => [
             u(b, {
               modelValue: e.value.lat,
               "onUpdate:modelValue": (a) => e.value.lat = a,
@@ -558,25 +577,25 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", Lt, [
+        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(We)({ lat: "", lng: "" }))
+            onClick: t[11] || (t[11] = (e) => r.value && i(_e)({ lat: "", lng: "" }))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Wt, [
+      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(k, null, z(i(Ee), (e, l) => (d(), y(F, {
+        (d(!0), p(y, null, V(i(Ne), (e, l) => (d(), S(H, {
           key: e.key,
-          onDelete: (a) => i(Ge)(l)
+          onDelete: (a) => i(Re)(l)
         }, {
-          default: g(() => [
+          default: k(() => [
             u(b, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
@@ -594,25 +613,25 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        o("div", _t, [
+        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(Re)(""))
+            onClick: t[12] || (t[12] = (e) => r.value && i(Ee)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Gt, [
+      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(k, null, z(i(Oe), (e, l) => (d(), y(F, {
+        (d(!0), p(y, null, V(i(Oe), (e, l) => (d(), S(H, {
           key: e.key,
-          onDelete: (a) => i(Ne)(l)
+          onDelete: (a) => i(Te)(l)
         }, {
-          default: g(() => [
+          default: k(() => [
             u(b, {
               modelValue: e.value.name,
               "onUpdate:modelValue": (a) => e.value.name = a,
@@ -644,7 +663,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               "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, {
+            u(Se, {
               modelValue: e.value.description,
               "onUpdate:modelValue": (a) => e.value.description = a,
               label: "Beschreibung",
@@ -653,16 +672,16 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               "show-error": !!i(c)[`references[${l}].description`],
               "initial-hint-text": !!i(c)[`references[${l}].description`],
               "is-disabled": !r.value,
-              max: C,
+              max: P,
               validation: "required|length:0,500",
               hint: "true",
-              "hint-message": `${mt(e)} von ${C} Zeichen`,
+              "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", Rt, [
+        o("div", Ot, [
           u(f, {
             "button-text": "Link hinzufügen",
             size: "medium",
@@ -673,8 +692,8 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           }, null, 8, ["disabled"])
         ])
       ]),
-      o("section", Et, [
-        B ? (d(), p("div", Nt, [
+      o("section", jt, [
+        B ? (d(), p("div", qt, [
           u(f, {
             "button-text": "Abbrechen",
             variant: "tertiary",
@@ -682,20 +701,20 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { 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(), y(f, {
+        ])) : (d(), S(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 {
-  nn as default
+  un as default
 };