@piveau/dpi 0.2.0-alpha.41 → 0.2.0-alpha.43

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 F, computed as b, createElementBlock as m, openBlock as u, createElementVNode as i, createCommentVNode as w, createVNode as r, Fragment as g, mergeProps as E, isRef as Z, withCtx as h, createTextVNode as nn, renderList as B, createBlock as k, 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 y, generateIsInvalidMsg 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 "../Card.vue.js";
 import dn from "../Chip.vue.js";
 import V from "../InputField/InputFieldVeeValidate.vue.js";
 import he from "../ListBox/ListboxVeeValidate.vue.js";
-import un from "../TextArea/TextAreaVeeValidate.vue.js";
-import cn from "../TextAreaV3.vue.js";
-import mn from "./FunctionalityForm.vue.js";
-import I 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 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 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" } }, In = { style: { display: "inline-flex", "justify-content": "flex-end" } }, xn = { class: "step-section-actions" }, Un = { class: "step-section" }, Cn = { class: "step-section-actions" }, $n = { class: "step-section" }, Ln = { class: "step-section-actions" }, Dn = { class: "step-section" }, Fn = { 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"]),
+  emits: /* @__PURE__ */ de(["submit", "patch", "close"], ["update:modelValue"]),
   setup(O, { emit: ve }) {
-    var X, Y, ee, ne, te, ie, le, oe, se, re;
-    const c = O, W = ve, be = en(O, "modelValue"), H = !!c.modelValue, we = l(c.modelValue) || "", ge = s.object({
-      lat: s.string().min(1, y("Latitude / Breite")),
-      lng: s.string().min(1, y("Longitude / Länge"))
-    }), ke = s.array(ge), ye = s.object({
-      name: s.string().min(1, y("Name")).default(""),
-      url: s.string().min(1, y("URL")).url(fe("URL")).default(""),
-      description: s.string().default("")
+    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 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, y("URL")).url(fe("URL"))),
-      references: s.array(ye),
-      isHostedBy: s.array(s.string().min(1, y("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,23 +81,23 @@ 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: T((le = c.initializeWith) == null ? void 0 : le.isHostedBy),
-        hosts: T((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: x,
+      defineField: U,
       handleSubmit: Ve,
       resetForm: He
-    } = v, [z, Be] = x("id"), [S] = x("functionalities"), [f, Pe] = x("forProperty"), [U, Ie] = x("description"), {
-      remove: xe,
-      push: Ue,
+    } = v, [k, Be] = U("id"), [y] = U("functionalities"), [f, Pe] = U("forProperty"), [I, xe] = U("description"), {
+      remove: Ue,
+      push: Ie,
       fields: Ce
     } = P("locations"), {
       remove: $e,
@@ -112,11 +112,11 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
       push: Re,
       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 = F(null);
@@ -133,51 +133,47 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
       };
       R.value = n;
     }
-    const a = b(() => !!z.value), G = b(() => {
+    const a = b(() => !!k.value), G = b(() => {
       var t;
-      return (((t = S.value) == null ? void 0 : t.length) ?? 0) > 0;
+      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 = b(() => {
       var t;
       return [...((t = R.value) == null ? void 0 : t.forProperty) || []].sort((n, e) => n.localeCompare(e)) ?? [];
-    }), K = y("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: Oe,
+      handleSubmit: Te,
       resetForm: C
     } = _;
-    N(z, (t, n) => {
-      !!n && !!t && t !== n && (S.value = [], C(), f.value = []);
+    N(k, (t, n) => {
+      !!n && !!t && t !== n && (y.value = [], C(), f.value = []);
     });
-    const M = F(""), q = F(""), $ = b(() => f.value && f.value.length > 0), L = F(!!((re = (se = c.initializeWith) == null ? void 0 : se.forProperty) != null && re.length));
-    function Te() {
+    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),
@@ -194,7 +190,7 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
         hardware: n
       }) : W("submit", n), C(), He();
     });
-    function je(t) {
+    function Ge(t) {
       return [
         ...t,
         {
@@ -206,33 +202,33 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
         }
       ];
     }
-    const J = Oe((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)), C();
     });
-    function Ge() {
+    function Ke() {
       C(), L.value = !1;
     }
-    N(M, () => J());
-    const Ke = b(() => {
+    N(M, () => Q());
+    const qe = b(() => {
       var t;
-      return ((t = U.value) == null ? void 0 : t.length) || 0;
+      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 = b(() => `https://form.typeform.com/to/ayL37uiV#token=${Qe.value}&account=${Je.value}`);
-    return (t, n) => (u(), m("div", fn, [
-      i("section", hn, [
-        H ? w("", !0) : (u(), m(g, { 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,85 +236,85 @@ 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, d, D, ae, de, ue;
+            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) || ((d = e == null ? void 0 : e.name) == null ? void 0 : d.en),
+              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 = (D = e == null ? void 0 : e.manufacturer) == null ? void 0 : D[0]) == null ? void 0 : ae.label,
-              description: ((de = e == null ? void 0 : e.description) == null ? void 0 : de.de) || ((ue = e == null ? void 0 : e.description) == null ? void 0 : ue.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": je,
+          "post-process-fn": Ge,
           onSelect: _e
         }), {
-          option: h(({ option: e, active: o, selected: d, disabled: D }) => [
-            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: d,
+              selected: u,
               disabled: D
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "disabled"])
           ]),
           _: 1
         }, 16, ["modelValue", "label", "setup-fn"]),
-        H ? w("", !0) : (u(), m(g, { 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({
-            modelValue: l(U),
-            "onUpdate:modelValue": n[2] || (n[2] = (e) => Z(U) ? U.value = e : null),
+        i("div", yn, [
+          s(mn, E({
+            modelValue: l(I),
+            "onUpdate:modelValue": n[2] || (n[2] = (e) => Z(I) ? I.value = e : null),
             label: "",
             placeholder: "Beschreiben Sie in ein paar Sätzen, wie Sie die Hardware eingesetzt haben.",
             "is-disabled": !a.value
-          }, l(Ie), {
+          }, l(xe), {
             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,17 +326,17 @@ 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)),
-        (u(!0), m(g, null, B(l(j), (e, o) => (u(), k(I, {
+        (d(!0), m(w, null, B(l(j), (e, o) => (d(), S(x, {
           key: e.key,
-          onDelete: (d) => l(We)(o)
+          onDelete: (u) => l(We)(o)
         }, {
           default: h(() => [
-            r(he, {
+            s(he, {
               modelValue: e.value,
-              "onUpdate:modelValue": (d) => e.value = d,
+              "onUpdate:modelValue": (u) => e.value = u,
               name: `isHostedBy[${o}]`,
               options: Se,
               label: "Host-Plattform",
@@ -351,8 +347,8 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        l(j).length === 0 ? (u(), 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"])
-        ])) : w("", !0)
+        ])) : z("", !0)
       ]),
-      w("", !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 ? (u(), m("div", Vn, [
-          (u(!0), m(g, null, B(l(f), (e, o) => (u(), 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] = (d) => Z(f) ? f.value = d : null),
+              "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(dn, {
+            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))
-        ])) : w("", !0),
-        L.value && !$.value ? (u(), k(I, {
-          key: 1,
-          onDelete: Te
-        }, {
+        ])) : 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", In, [
-                r(p, {
+              i("div", Un, [
+                s(p, {
                   "button-text": "Löschen",
                   size: "small",
                   variant: "tertiary",
                   "icon-start": "trash",
-                  onClick: Ge
+                  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,9 +447,11 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 1,
           __: [26]
-        })) : w("", !0),
-        i("div", xn, [
-          L.value ? w("", !0) : (u(), k(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",
@@ -467,17 +462,17 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           }, null, 8, ["disabled"]))
         ])
       ]),
-      i("section", Un, [
+      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)),
-        (u(!0), m(g, null, B(l(Ce), (e, o) => (u(), k(I, {
+        (d(!0), m(w, null, B(l(Ce), (e, o) => (d(), S(x, {
           key: e.key,
-          onDelete: (d) => l(xe)(o)
+          onDelete: (u) => l(Ue)(o)
         }, {
           default: h(() => [
-            r(V, {
+            s(V, {
               modelValue: e.value.lat,
-              "onUpdate:modelValue": (d) => e.value.lat = d,
+              "onUpdate:modelValue": (u) => e.value.lat = u,
               name: `locations[${o}].lat`,
               "add-on-text": !1,
               "date-picker": !1,
@@ -489,9 +484,9 @@ 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": (d) => e.value.lng = d,
+              "onUpdate:modelValue": (u) => e.value.lng = u,
               name: `locations[${o}].lng`,
               "add-on-text": !1,
               "date-picker": !1,
@@ -506,28 +501,28 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        i("div", Cn, [
-          r(p, {
+        i("div", $n, [
+          s(p, {
             "button-text": "Standort hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !a.value,
-            onClick: n[9] || (n[9] = (e) => a.value && l(Ue)({ lat: "", lng: "" }))
+            onClick: n[9] || (n[9] = (e) => a.value && l(Ie)({ lat: "", lng: "" }))
           }, 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)),
-        (u(!0), m(g, null, B(l(De), (e, o) => (u(), k(I, {
+        (d(!0), m(w, null, B(l(De), (e, o) => (d(), S(x, {
           key: e.key,
-          onDelete: (d) => l($e)(o)
+          onDelete: (u) => l($e)(o)
         }, {
           default: h(() => [
-            r(V, {
+            s(V, {
               modelValue: e.value,
-              "onUpdate:modelValue": (d) => e.value = d,
+              "onUpdate:modelValue": (u) => e.value = u,
               name: `depictions[${o}]`,
               "add-on-text": !1,
               "date-picker": !1,
@@ -543,8 +538,8 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        i("div", Ln, [
-          r(p, {
+        i("div", Dn, [
+          s(p, {
             "button-text": "Darstellung hinzufügen",
             size: "medium",
             variant: "tertiary",
@@ -554,17 +549,17 @@ const fn = { class: "dpi-project-process-step V3-typography" }, hn = { class: "s
           }, null, 8, ["disabled"])
         ])
       ]),
-      i("section", Dn, [
+      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)),
-        (u(!0), m(g, null, B(l(Ae), (e, o) => (u(), k(I, {
+        (d(!0), m(w, null, B(l(Ae), (e, o) => (d(), S(x, {
           key: e.key,
-          onDelete: (d) => l(Fe)(o)
+          onDelete: (u) => l(Fe)(o)
         }, {
           default: h(() => [
-            r(V, {
+            s(V, {
               modelValue: e.value.name,
-              "onUpdate:modelValue": (d) => e.value.name = d,
+              "onUpdate:modelValue": (u) => e.value.name = u,
               name: `references[${o}].name`,
               "add-on-text": !1,
               "date-picker": !1,
@@ -576,9 +571,9 @@ 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": (d) => e.value.url = d,
+              "onUpdate:modelValue": (u) => e.value.url = u,
               name: `references[${o}].url`,
               "add-on-text": !1,
               "date-picker": !1,
@@ -591,24 +586,24 @@ 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(un, {
+            s(cn, {
               modelValue: e.value.description,
-              "onUpdate:modelValue": (d) => e.value.description = d,
+              "onUpdate:modelValue": (u) => e.value.description = u,
               name: `references[${o}].description`,
               label: "Beschreibung (optional)",
               placeholder: "Beschreiben Sie Ihren weiterführenden Link in ein paar Sätzen.",
               "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", Fn, [
-          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 ? (u(), 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 || !G.value,
-            onClick: l(Q)
+            onClick: l(q)
           }, null, 8, ["disabled", "onClick"])
-        ])) : (u(), k(p, {
+        ])) : (d(), S(p, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Hardware hinzufügen",
           disabled: !a.value || !G.value,
-          onClick: l(Q)
+          onClick: l(q)
         }, null, 8, ["disabled", "onClick"]))
       ])
     ]));
   }
 });
 export {
-  lt as default
+  ot as default
 };