@piveau/dpi 0.2.0-alpha.40 → 0.2.0-alpha.42

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

@@ -1,33 +1,33 @@
-import { defineComponent as Ye, mergeModels as ce, useModel as en, unref as l, watch as N, ref as L, computed as w, createElementBlock as m, openBlock as d, createElementVNode as i, createCommentVNode as g, createVNode as r, Fragment as k, mergeProps as E, isRef as Z, withCtx as h, createTextVNode as nn, renderList as B, createBlock as y, withDirectives as tn, vModelCheckbox as ln } from "vue";
-import { PhLightbulb as on } from "@phosphor-icons/vue";
+import { defineComponent as en, mergeModels as de, useModel as nn, unref as l, watch as N, ref as F, computed as b, createElementBlock as m, openBlock as d, createElementVNode as i, createCommentVNode as z, createVNode as s, Fragment as w, mergeProps as E, isRef as Z, withCtx as h, createTextVNode as tn, renderList as B, createBlock as S, withDirectives as ce, vModelCheckbox as ln, vShow as on } from "vue";
+import { PhLightbulb as sn } from "@phosphor-icons/vue";
 import { toTypedSchema as me } 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 pe, useFieldArray as P } from "vee-validate";
-import * as s from "zod";
-import { generateIsRequiredMsg as b, URL_MSG as fe } from "../../../../utils/twinbyUtils.js";
-import { useTwinbyUser as sn } from "../../../composables/useTwinbyUser.js";
-import rn from "../Autocomplete/AutocompleteVocab.vue.js";
+import * as r from "zod";
+import { generateIsRequiredMsg as g, generateIsInvalidMsg as fe } from "../../../../utils/twinbyUtils.js";
+import { useTwinbyUser as rn } from "../../../composables/useTwinbyUser.js";
+import an from "../Autocomplete/AutocompleteVocab.vue.js";
 import p from "../ButtonV3.vue.js";
-import an from "../Card.vue.js";
-import un from "../Chip.vue.js";
+import un from "../Card.vue.js";
+import dn from "../Chip.vue.js";
 import V from "../InputField/InputFieldVeeValidate.vue.js";
 import he from "../ListBox/ListboxVeeValidate.vue.js";
-import dn from "../TextArea/TextAreaVeeValidate.vue.js";
-import cn from "../TextAreaV3.vue.js";
-import mn from "./FunctionalityForm.vue.js";
+import cn from "../TextArea/TextAreaVeeValidate.vue.js";
+import mn from "../TextAreaV3.vue.js";
+import pn from "./FunctionalityForm.vue.js";
 import x from "./ProcessStepInputCard.vue.js";
-import pn from "./RichOption.vue.js";
-const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "step-section" }, vn = { class: "step-section-actions" }, bn = ["href"], wn = { class: "step-section" }, gn = { class: "step-section" }, kn = { class: "step-section step-section--lg" }, yn = { class: "step-section" }, zn = {
+import fn from "./RichOption.vue.js";
+const hn = { class: "dpi-project-process-step V3-typography" }, vn = { class: "step-section" }, bn = { class: "step-section-actions" }, wn = ["href"], gn = { class: "step-section" }, kn = { class: "step-section" }, yn = { class: "step-section step-section--lg" }, zn = { class: "step-section" }, Sn = {
   key: 0,
   class: "step-section-actions"
-}, Sn = { class: "step-section" }, Vn = {
+}, Vn = { class: "step-section" }, Hn = {
   key: 0,
   class: "functionalities-container"
-}, Hn = ["id", "value"], Bn = { class: "step-section step-section--lg" }, Pn = { style: { display: "flex", "justify-content": "flex-end" } }, xn = { style: { display: "inline-flex", "justify-content": "flex-end" } }, Cn = { class: "step-section-actions" }, In = { class: "step-section" }, Un = { class: "step-section-actions" }, $n = { class: "step-section" }, Dn = { class: "step-section-actions" }, Fn = { class: "step-section" }, Ln = { class: "step-section-actions" }, Zn = { class: "step-section-actions" }, An = {
+}, Bn = ["id", "value"], Pn = { class: "step-section step-section--lg" }, xn = { style: { display: "flex", "justify-content": "flex-end" } }, Un = { style: { display: "inline-flex", "justify-content": "flex-end" } }, In = { class: "step-section-actions" }, Cn = { class: "step-section" }, $n = { class: "step-section-actions" }, Ln = { class: "step-section" }, Dn = { class: "step-section-actions" }, Fn = { class: "step-section" }, Zn = { class: "step-section-actions" }, An = { class: "step-section-actions" }, Wn = {
   key: 0,
   class: "button-row"
-}, A = 500, lt = /* @__PURE__ */ Ye({
+}, A = 500, ot = /* @__PURE__ */ en({
   __name: "HardwareForm",
-  props: /* @__PURE__ */ ce({
+  props: /* @__PURE__ */ de({
     modelValue: {},
     initializeWith: {},
     exclude: { default: () => [] }
@@ -37,30 +37,30 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ce(["submit", "patch", "close"], ["update:modelValue"]),
-  setup(G, { emit: ve }) {
-    var X, Y, ee, ne, te, ie, le, oe, se, re;
-    const c = G, W = ve, be = en(G, "modelValue"), H = !!c.modelValue, we = l(c.modelValue) || "", ge = s.object({
-      lat: s.string().min(1, b("Latitude / Breite")),
-      lng: s.string().min(1, b("Longitude / Länge"))
-    }), ke = s.array(ge), ye = s.object({
-      name: s.string().min(1, b("Name")).default(""),
-      url: s.string().min(1, b("URL")).url(fe).default(""),
-      description: s.string().min(1, b("Beschreibung")).default("")
+  emits: /* @__PURE__ */ de(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(O, { emit: ve }) {
+    var J, X, Y, ee, ne, te, ie, le, oe, se;
+    const c = O, W = ve, be = nn(O, "modelValue"), H = !!c.modelValue, we = l(c.modelValue) || "", ge = r.object({
+      lat: r.string().min(1, g("Latitude / Breite")),
+      lng: r.string().min(1, g("Longitude / Länge"))
+    }), ke = r.array(ge), ye = r.object({
+      name: r.string().min(1, g("Name")).default(""),
+      url: r.string().min(1, g("URL")).url(fe("URL")).default(""),
+      description: r.string().default("")
     });
-    function O(t) {
+    function T(t) {
       return Array.isArray(t) ? t : t != null ? [t] : [];
     }
-    const ze = s.object({
-      id: s.string(),
-      description: s.string().optional(),
-      functionalities: s.array(s.string()).min(1),
-      forProperty: s.array(s.string()),
+    const ze = r.object({
+      id: r.string(),
+      description: r.string().optional(),
+      functionalities: r.array(r.string()).min(1),
+      forProperty: r.array(r.string()),
       locations: ke,
-      depictions: s.array(s.string().min(1, b("URL")).url(fe)),
-      references: s.array(ye),
-      isHostedBy: s.array(s.string().min(1, b("Host-Plattform"))),
-      hosts: s.array(s.string())
+      depictions: r.array(r.string().min(1, g("URL")).url(fe("URL"))),
+      references: r.array(ye),
+      isHostedBy: r.array(r.string().min(1, g("Host-Plattform"))),
+      hosts: r.array(r.string())
     }), Se = [
       ...[
         "Mast",
@@ -81,45 +81,45 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
       validationSchema: me(ze),
       initialValues: {
         id: c.modelValue || "",
-        description: ((X = c.initializeWith) == null ? void 0 : X.description) || "",
-        functionalities: ((Y = c.initializeWith) == null ? void 0 : Y.functionalities) || [],
-        forProperty: ((ee = c.initializeWith) == null ? void 0 : ee.forProperty) || [],
-        locations: ((ne = c.initializeWith) == null ? void 0 : ne.locations) || [],
-        depictions: ((te = c.initializeWith) == null ? void 0 : te.depictions) || [],
-        references: ((ie = c.initializeWith) == null ? void 0 : ie.references) || [],
-        isHostedBy: O((le = c.initializeWith) == null ? void 0 : le.isHostedBy),
-        hosts: O((oe = c.initializeWith) == null ? void 0 : oe.hosts)
+        description: ((J = c.initializeWith) == null ? void 0 : J.description) || "",
+        functionalities: ((X = c.initializeWith) == null ? void 0 : X.functionalities) || [],
+        forProperty: ((Y = c.initializeWith) == null ? void 0 : Y.forProperty) || [],
+        locations: ((ee = c.initializeWith) == null ? void 0 : ee.locations) || [],
+        depictions: ((ne = c.initializeWith) == null ? void 0 : ne.depictions) || [],
+        references: ((te = c.initializeWith) == null ? void 0 : te.references) || [],
+        isHostedBy: T((ie = c.initializeWith) == null ? void 0 : ie.isHostedBy),
+        hosts: T((le = c.initializeWith) == null ? void 0 : le.hosts)
       },
       name: "hardwareForm"
     }), {
-      defineField: C,
+      defineField: U,
       handleSubmit: Ve,
       resetForm: He
-    } = v, [z, Be] = C("id"), [S] = C("functionalities"), [f, Pe] = C("forProperty"), [I, xe] = C("description"), {
-      remove: Ce,
+    } = v, [k, Be] = U("id"), [y] = U("functionalities"), [f, Pe] = U("forProperty"), [I, xe] = U("description"), {
+      remove: Ue,
       push: Ie,
-      fields: Ue
+      fields: Ce
     } = P("locations"), {
       remove: $e,
-      push: De,
-      fields: Fe
+      push: Le,
+      fields: De
     } = P("depictions"), {
-      remove: Le,
+      remove: Fe,
       push: Ze,
       fields: Ae
     } = P("references"), {
       remove: We,
       push: Re,
-      fields: T
+      fields: j
     } = P("isHostedBy"), {
-      remove: Wn,
-      push: Rn,
-      fields: _n
+      remove: Rn,
+      push: _n,
+      fields: Mn
     } = P("hosts");
-    N(z, (t) => {
+    N(k, (t) => {
       be.value = t || "";
     }, { immediate: !0 });
-    const R = L(null);
+    const R = F(null);
     function _e(t) {
       const n = {
         id: String(t.id || ""),
@@ -133,51 +133,47 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
       };
       R.value = n;
     }
-    const a = w(() => !!z.value), j = w(() => {
+    const a = b(() => !!k.value), G = b(() => {
       var t;
-      return (((t = S.value) == null ? void 0 : t.length) ?? 0) > 0;
-    }), Me = w(() => {
+      return (((t = y.value) == null ? void 0 : t.length) ?? 0) > 0;
+    }), Me = b(() => {
       var t;
       return ((t = R.value) == null ? void 0 : t.functionalities) ?? [];
-    }), Ne = w(() => {
+    }), Ne = b(() => {
       var t;
       return [...((t = R.value) == null ? void 0 : t.forProperty) || []].sort((n, e) => n.localeCompare(e)) ?? [];
-    }), K = b("Zweck"), Ee = s.object({
-      zweckSelect: s.string().optional(),
-      zweckInput: s.string().optional()
+    }), Ee = g("Zweck"), Oe = r.object({
+      zweckSelect: r.string().optional(),
+      zweckInput: r.string().optional()
     }).superRefine((t, n) => {
       const e = t.zweckSelect && t.zweckSelect.trim().length > 0, o = t.zweckInput && t.zweckInput.trim().length > 0;
-      !e && !o && (n.addIssue({
-        code: s.ZodIssueCode.custom,
-        message: K,
-        path: ["zweckSelect"]
-      }), n.addIssue({
-        code: s.ZodIssueCode.custom,
-        message: K,
+      !e && !o && n.addIssue({
+        code: r.ZodIssueCode.custom,
+        message: Ee,
         path: ["zweckInput"]
-      }));
+      });
     }), _ = pe({
-      validationSchema: me(Ee),
+      validationSchema: me(Oe),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
     }), {
-      handleSubmit: Ge,
-      resetForm: U
+      handleSubmit: Te,
+      resetForm: C
     } = _;
-    N(z, (t, n) => {
-      !!n && !!t && t !== n && (S.value = [], U(), f.value = []);
+    N(k, (t, n) => {
+      !!n && !!t && t !== n && (y.value = [], C(), f.value = []);
     });
-    const M = L(""), q = L(""), $ = w(() => f.value && f.value.length > 0), D = L(!!((re = (se = c.initializeWith) == null ? void 0 : se.forProperty) != null && re.length));
-    function Oe() {
+    const M = F(""), K = F(""), $ = b(() => f.value && f.value.length > 0), L = F(!!((se = (oe = c.initializeWith) == null ? void 0 : oe.forProperty) != null && se.length));
+    function je() {
       f.value = [];
     }
-    const Q = Ve((t) => {
+    const q = Ve((t) => {
       const n = {
         id: t.id,
         description: t.description || "",
-        functionalities: Array.from(S.value || []).filter(Boolean),
+        functionalities: Array.from(y.value || []).filter(Boolean),
         forProperty: (t.forProperty || []).filter(Boolean),
         locations: t.locations || [],
         depictions: (t.depictions || []).filter(Boolean),
@@ -192,9 +188,9 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
       H ? W("patch", {
         id: we,
         hardware: n
-      }) : W("submit", n), U(), He();
+      }) : W("submit", n), C(), He();
     });
-    function Te(t) {
+    function Ge(t) {
       return [
         ...t,
         {
@@ -206,33 +202,33 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
         }
       ];
     }
-    const J = Ge((t) => {
+    const Q = Te((t) => {
       var e, o;
       const n = t.zweckSelect || t.zweckInput;
-      n && n.trim().length > 0 && !((e = f.value) != null && e.includes(n)) && ((o = f.value) == null || o.push(n)), U();
+      n && n.trim().length > 0 && !((e = f.value) != null && e.includes(n)) && ((o = f.value) == null || o.push(n)), C();
     });
-    function je() {
-      U(), D.value = !1;
+    function Ke() {
+      C(), L.value = !1;
     }
-    N(M, () => J());
-    const Ke = w(() => {
+    N(M, () => Q());
+    const qe = b(() => {
       var t;
       return ((t = I.value) == null ? void 0 : t.length) || 0;
     });
-    function qe(t) {
+    function Qe(t) {
       var n;
       return ((n = t.value.description) == null ? void 0 : n.length) ?? 0;
     }
-    const { authToken: Qe, username: Je } = sn(), Xe = w(() => `https://form.typeform.com/to/ayL37uiV#token=${Qe.value}&account=${Je.value}`);
-    return (t, n) => (d(), m("div", fn, [
-      i("section", hn, [
-        H ? g("", !0) : (d(), m(k, { key: 0 }, [
+    const { authToken: Je, username: Xe } = rn(), Ye = b(() => `https://form.typeform.com/to/ayL37uiV#token=${Je.value}&account=${Xe.value}`);
+    return (t, n) => (d(), m("div", hn, [
+      i("section", vn, [
+        H ? z("", !0) : (d(), m(w, { key: 0 }, [
           n[13] || (n[13] = i("h5", null, "Wählen Sie eine bestehende Hardware", -1)),
           n[14] || (n[14] = i("p", null, " Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen. ", -1))
         ], 64)),
-        r(rn, E({
-          modelValue: l(z),
-          "onUpdate:modelValue": n[0] || (n[0] = (e) => Z(z) ? z.value = e : null),
+        s(an, E({
+          modelValue: l(k),
+          "onUpdate:modelValue": n[0] || (n[0] = (e) => Z(k) ? k.value = e : null),
           label: H ? "Hardware auswählen" : ""
         }, l(Be), {
           "base-url": "https://twin.bydata.de/api/hub/search",
@@ -240,64 +236,64 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           placeholder: "Wählen Sie eine Hardware.",
           name: "hardware",
           "setup-fn": (e) => {
-            var o, u, F, ae, ue, de;
+            var o, u, D, re, ae, ue;
             return {
               id: e == null ? void 0 : e.id,
               name: ((o = e == null ? void 0 : e.name) == null ? void 0 : o.de) || ((u = e == null ? void 0 : e.name) == null ? void 0 : u.en),
               functionalities: (e == null ? void 0 : e.functionalities) || [],
               forProperties: (e == null ? void 0 : e.measured_actuated_properties) || [],
               unavailable: c.exclude.includes(e == null ? void 0 : e.id),
-              manufacturer: (ae = (F = e == null ? void 0 : e.manufacturer) == null ? void 0 : F[0]) == null ? void 0 : ae.label,
-              description: ((ue = e == null ? void 0 : e.description) == null ? void 0 : ue.de) || ((de = e == null ? void 0 : e.description) == null ? void 0 : de.en),
+              manufacturer: (re = (D = e == null ? void 0 : e.manufacturer) == null ? void 0 : D[0]) == null ? void 0 : re.label,
+              description: ((ae = e == null ? void 0 : e.description) == null ? void 0 : ae.de) || ((ue = e == null ? void 0 : e.description) == null ? void 0 : ue.en),
               version: e == null ? void 0 : e.version
             };
           },
-          "post-process-fn": Te,
+          "post-process-fn": Ge,
           onSelect: _e
         }), {
-          option: h(({ option: e, active: o, selected: u, disabled: F }) => [
-            r(pn, {
+          option: h(({ option: e, active: o, selected: u, disabled: D }) => [
+            s(fn, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
               active: o,
               selected: u,
-              disabled: F
+              disabled: D
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
           _: 1
         }, 16, ["modelValue", "label", "setup-fn"]),
-        H ? g("", !0) : (d(), m(k, { key: 1 }, [
+        H ? z("", !0) : (d(), m(w, { key: 1 }, [
           n[15] || (n[15] = i("h5", null, "oder", -1)),
           n[16] || (n[16] = i("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)),
-          i("div", vn, [
+          i("div", bn, [
             i("a", {
-              href: Xe.value,
+              href: Ye.value,
               target: "_blank"
             }, [
-              r(p, {
+              s(p, {
                 "button-text": "Zur Hardwarebeantragung",
                 size: "medium",
                 variant: "secondary"
               })
-            ], 8, bn)
+            ], 8, wn)
           ])
         ], 64))
       ]),
-      i("section", wn, [
+      i("section", gn, [
         n[17] || (n[17] = i("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
         n[18] || (n[18] = i("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)),
-        r(mn, {
-          modelValue: l(S),
-          "onUpdate:modelValue": n[1] || (n[1] = (e) => Z(S) ? S.value = e : null),
+        s(pn, {
+          modelValue: l(y),
+          "onUpdate:modelValue": n[1] || (n[1] = (e) => Z(y) ? y.value = e : null),
           options: Me.value,
           disabled: !a.value
         }, null, 8, ["modelValue", "options", "disabled"])
       ]),
-      i("section", gn, [
+      i("section", kn, [
         n[21] || (n[21] = i("h5", null, "Beschreibung der Nutzung (optional)", -1)),
-        i("div", kn, [
-          r(cn, E({
+        i("div", yn, [
+          s(mn, E({
             modelValue: l(I),
             "onUpdate:modelValue": n[2] || (n[2] = (e) => Z(I) ? I.value = e : null),
             label: "",
@@ -307,18 +303,18 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
             max: A,
             validation: "required|length:0,500",
             hint: "true",
-            "hint-message": `${Ke.value} von ${A} Zeichen`,
+            "hint-message": `${qe.value} von ${A} Zeichen`,
             "count-hint": !0
           }), null, 16, ["modelValue", "is-disabled", "hint-message"]),
-          r(an, { variant: "default" }, {
+          s(un, { variant: "default" }, {
             icon: h(() => [
-              r(l(on), {
+              s(l(sn), {
                 size: 32,
                 color: "#009fe3"
               })
             ]),
             title: h(() => n[19] || (n[19] = [
-              nn(" Beispiel ", -1)
+              tn(" Beispiel ", -1)
             ])),
             default: h(() => [
               n[20] || (n[20] = i("div", { class: "copy-large-regular" }, [
@@ -330,15 +326,15 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           })
         ])
       ]),
-      i("section", yn, [
+      i("section", zn, [
         n[22] || (n[22] = i("h5", null, "Host-Plattform (optional)", -1)),
         n[23] || (n[23] = i("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), m(k, null, B(l(T), (e, o) => (d(), y(x, {
+        (d(!0), m(w, null, B(l(j), (e, o) => (d(), S(x, {
           key: e.key,
           onDelete: (u) => l(We)(o)
         }, {
           default: h(() => [
-            r(he, {
+            s(he, {
               modelValue: e.value,
               "onUpdate:modelValue": (u) => e.value = u,
               name: `isHostedBy[${o}]`,
@@ -351,8 +347,8 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        l(T).length === 0 ? (d(), m("div", zn, [
-          r(p, {
+        l(j).length === 0 ? (d(), m("div", Sn, [
+          s(p, {
             "button-text": "Host-Plattform hinzufügen",
             size: "medium",
             variant: "tertiary",
@@ -360,28 +356,28 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
             disabled: !a.value,
             onClick: n[3] || (n[3] = (e) => a.value && l(Re)(""))
           }, null, 8, ["disabled"])
-        ])) : g("", !0)
+        ])) : z("", !0)
       ]),
-      g("", !0),
-      i("section", Sn, [
+      z("", !0),
+      i("section", Vn, [
         n[27] || (n[27] = i("h5", null, "Zweck (optional)", -1)),
         n[28] || (n[28] = i("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
-        $.value ? (d(), m("div", Vn, [
-          (d(!0), m(k, null, B(l(f), (e, o) => (d(), m("div", {
+        $.value ? (d(), m("div", Hn, [
+          (d(!0), m(w, null, B(l(f), (e, o) => (d(), m("div", {
             key: `zweck-${o}`,
             class: "functionalities"
           }, [
-            tn(i("input", E({
+            ce(i("input", E({
               id: `zweck-${e}`,
               "onUpdate:modelValue": n[5] || (n[5] = (u) => Z(f) ? f.value = u : null),
               hidden: "",
               value: e,
               name: "selectedForProperties",
               type: "checkbox"
-            }, { ref_for: !0 }, l(Pe)), null, 16, Hn), [
+            }, { ref_for: !0 }, l(Pe)), null, 16, Bn), [
               [ln, l(f)]
             ]),
-            r(un, {
+            s(dn, {
               as: "label",
               for: `zweck-${e}`,
               text: e,
@@ -396,36 +392,33 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
               "select-value": !0
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
-        ])) : g("", !0),
-        D.value && !$.value ? (d(), y(x, {
-          key: 1,
-          onDelete: Oe
-        }, {
+        ])) : z("", !0),
+        ce(s(x, { onDelete: je }, {
           actions: h(() => [
-            i("div", Bn, [
-              i("div", Pn, [
-                r(p, {
+            i("div", Pn, [
+              i("div", xn, [
+                s(p, {
                   "button-text": "Zweck hinzufügen",
                   size: "medium",
                   variant: "tertiary",
                   "icon-start": "plus",
                   disabled: !a.value,
-                  onClick: l(J)
+                  onClick: l(Q)
                 }, null, 8, ["disabled", "onClick"])
               ]),
-              i("div", xn, [
-                r(p, {
+              i("div", Un, [
+                s(p, {
                   "button-text": "Löschen",
                   size: "small",
                   variant: "tertiary",
                   "icon-start": "trash",
-                  onClick: je
+                  onClick: Ke
                 })
               ])
             ])
           ]),
           default: h(() => [
-            r(he, {
+            s(he, {
               modelValue: M.value,
               "onUpdate:modelValue": n[6] || (n[6] = (e) => M.value = e),
               name: "zweckSelect",
@@ -436,9 +429,9 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
               form: l(_)
             }, null, 8, ["modelValue", "options", "disabled", "form"]),
             n[26] || (n[26] = i("h5", null, "oder", -1)),
-            r(V, {
-              modelValue: q.value,
-              "onUpdate:modelValue": n[7] || (n[7] = (e) => q.value = e),
+            s(V, {
+              modelValue: K.value,
+              "onUpdate:modelValue": n[7] || (n[7] = (e) => K.value = e),
               name: "zweckInput",
               "add-on-text": !1,
               "date-picker": !1,
@@ -454,28 +447,30 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 1,
           __: [26]
-        })) : g("", !0),
-        i("div", Cn, [
-          D.value ? g("", !0) : (d(), y(p, {
+        }, 512), [
+          [on, L.value && !$.value]
+        ]),
+        i("div", In, [
+          L.value ? z("", !0) : (d(), S(p, {
             key: 0,
             "button-text": "Zweck hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !a.value,
-            onClick: n[8] || (n[8] = (e) => a.value && (D.value = !0))
+            onClick: n[8] || (n[8] = (e) => a.value && (L.value = !0))
           }, null, 8, ["disabled"]))
         ])
       ]),
-      i("section", In, [
+      i("section", Cn, [
         n[29] || (n[29] = i("h5", null, "Standort (optional)", -1)),
         n[30] || (n[30] = i("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
-        (d(!0), m(k, null, B(l(Ue), (e, o) => (d(), y(x, {
+        (d(!0), m(w, null, B(l(Ce), (e, o) => (d(), S(x, {
           key: e.key,
-          onDelete: (u) => l(Ce)(o)
+          onDelete: (u) => l(Ue)(o)
         }, {
           default: h(() => [
-            r(V, {
+            s(V, {
               modelValue: e.value.lat,
               "onUpdate:modelValue": (u) => e.value.lat = u,
               name: `locations[${o}].lat`,
@@ -489,7 +484,7 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
               placeholder: "Geben Sie die Ortskoordinate Latitude an.",
               form: l(v)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"]),
-            r(V, {
+            s(V, {
               modelValue: e.value.lng,
               "onUpdate:modelValue": (u) => e.value.lng = u,
               name: `locations[${o}].lng`,
@@ -506,8 +501,8 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        i("div", Un, [
-          r(p, {
+        i("div", $n, [
+          s(p, {
             "button-text": "Standort hinzufügen",
             size: "medium",
             variant: "tertiary",
@@ -517,15 +512,15 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           }, null, 8, ["disabled"])
         ])
       ]),
-      i("section", $n, [
+      i("section", Ln, [
         n[31] || (n[31] = i("h5", null, "Darstellungen (optional)", -1)),
         n[32] || (n[32] = i("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), m(k, null, B(l(Fe), (e, o) => (d(), y(x, {
+        (d(!0), m(w, null, B(l(De), (e, o) => (d(), S(x, {
           key: e.key,
           onDelete: (u) => l($e)(o)
         }, {
           default: h(() => [
-            r(V, {
+            s(V, {
               modelValue: e.value,
               "onUpdate:modelValue": (u) => e.value = u,
               name: `depictions[${o}]`,
@@ -544,25 +539,25 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           _: 2
         }, 1032, ["onDelete"]))), 128)),
         i("div", Dn, [
-          r(p, {
+          s(p, {
             "button-text": "Darstellung hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !a.value,
-            onClick: n[10] || (n[10] = (e) => a.value && l(De)(""))
+            onClick: n[10] || (n[10] = (e) => a.value && l(Le)(""))
           }, null, 8, ["disabled"])
         ])
       ]),
       i("section", Fn, [
         n[33] || (n[33] = i("h5", null, "Weiterführende Links (optional)", -1)),
         n[34] || (n[34] = i("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
-        (d(!0), m(k, null, B(l(Ae), (e, o) => (d(), y(x, {
+        (d(!0), m(w, null, B(l(Ae), (e, o) => (d(), S(x, {
           key: e.key,
-          onDelete: (u) => l(Le)(o)
+          onDelete: (u) => l(Fe)(o)
         }, {
           default: h(() => [
-            r(V, {
+            s(V, {
               modelValue: e.value.name,
               "onUpdate:modelValue": (u) => e.value.name = u,
               name: `references[${o}].name`,
@@ -576,7 +571,7 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
               placeholder: "Benennen Sie den Link.",
               form: l(v)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"]),
-            r(V, {
+            s(V, {
               modelValue: e.value.url,
               "onUpdate:modelValue": (u) => e.value.url = u,
               name: `references[${o}].url`,
@@ -591,7 +586,7 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
               placeholder: "https://www.url.com",
               form: l(v)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "form"]),
-            r(dn, {
+            s(cn, {
               modelValue: e.value.description,
               "onUpdate:modelValue": (u) => e.value.description = u,
               name: `references[${o}].description`,
@@ -600,15 +595,15 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
               "is-disabled": !a.value,
               max: A,
               hint: "true",
-              "hint-message": `${qe(e)} von ${A} Zeichen`,
+              "hint-message": `${Qe(e)} von ${A} Zeichen`,
               "count-hint": !0,
               form: l(v)
             }, null, 8, ["modelValue", "onUpdate:modelValue", "name", "is-disabled", "hint-message", "form"])
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        i("div", Ln, [
-          r(p, {
+        i("div", Zn, [
+          s(p, {
             "button-text": "Link hinzufügen",
             size: "medium",
             variant: "tertiary",
@@ -618,29 +613,29 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           }, null, 8, ["disabled"])
         ])
       ]),
-      i("section", Zn, [
-        H ? (d(), m("div", An, [
-          r(p, {
+      i("section", An, [
+        H ? (d(), m("div", Wn, [
+          s(p, {
             "button-text": "Abbrechen",
             variant: "tertiary",
             onClick: n[12] || (n[12] = (e) => W("close"))
           }),
-          r(p, {
+          s(p, {
             "button-text": "Speichern",
-            disabled: !a.value || !j.value,
-            onClick: l(Q)
+            disabled: !a.value || !G.value,
+            onClick: l(q)
           }, null, 8, ["disabled", "onClick"])
-        ])) : (d(), y(p, {
+        ])) : (d(), S(p, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Hardware hinzufügen",
-          disabled: !a.value || !j.value,
-          onClick: l(Q)
+          disabled: !a.value || !G.value,
+          onClick: l(q)
         }, null, 8, ["disabled", "onClick"]))
       ])
     ]));
   }
 });
 export {
-  lt as default
+  ot as default
 };