@piveau/dpi 0.2.0-alpha.11 → 0.2.0-alpha.13

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

@@ -1,11 +1,11 @@
-import { defineComponent as ft, mergeModels as he, useModel as ht, unref as i, watch as ve, ref as O, computed as S, createElementBlock as p, openBlock as d, createElementVNode as s, createCommentVNode as F, createVNode as u, mergeProps as g, isRef as V, withCtx as k, Fragment as y, renderList as z, withDirectives as be, vModelCheckbox as we, createBlock as b } from "vue";
-import { toTypedSchema as T } 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 j, useFieldArray as x } from "vee-validate";
+import { defineComponent as ft, mergeModels as he, useModel as ht, unref as i, watch as ve, ref as T, computed as S, createElementBlock as p, openBlock as d, createElementVNode as s, createCommentVNode as F, createVNode as u, mergeProps as w, isRef as V, withCtx as g, Fragment as k, renderList as z, withDirectives as be, vModelCheckbox as we, createBlock as y } from "vue";
+import { toTypedSchema as j } from "../../../../../../../node_modules/.pnpm/@vee-validate_zod@4.15.1_vue@3.5.18_typescript@5.8.3__zod@3.25.76/node_modules/@vee-validate/zod/dist/vee-validate-zod.js";
+import { useForm as K, useFieldArray as x } from "vee-validate";
 import * as o from "zod";
 import vt from "../Autocomplete/AutocompleteVocab.vue.js";
 import f from "../ButtonV3.vue.js";
 import ge from "../Chip.vue.js";
-import w from "../InputField.vue.js";
+import b from "../InputField.vue.js";
 import ke from "../ListBox/Listbox.vue.js";
 import ye from "../TextAreaV3.vue.js";
 import H from "./ProcessStepInputCard.vue.js";
@@ -13,10 +13,13 @@ import bt from "./RichOption.vue.js";
 const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "step-section" }, kt = { key: 0 }, yt = { class: "step-section-actions" }, St = { class: "step-section" }, Vt = {
   key: 0,
   class: "functionalities-container"
-}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, Ut = { class: "step-section-actions" }, $t = { class: "step-section" }, At = {
+}, zt = ["id", "value"], It = { class: "step-section-actions" }, Ft = { class: "step-section" }, Ht = { class: "step-section" }, xt = { class: "step-section-actions" }, Bt = { class: "step-section" }, $t = { class: "step-section-actions" }, Ut = { class: "step-section" }, At = {
   key: 0,
   class: "functionalities-container"
-}, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, 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, en = /* @__PURE__ */ ft({
+}, Ct = ["id", "value"], Dt = { class: "step-section-actions" }, Pt = { class: "step-section" }, Zt = { class: "step-section-actions" }, Wt = { class: "step-section" }, Lt = { class: "step-section-actions" }, _t = { class: "step-section" }, Gt = { class: "step-section-actions" }, Rt = { class: "step-section-actions" }, Et = {
+  key: 0,
+  class: "button-row"
+}, Se = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ve = "Wählen Sie einen Zweck aus oder nennen Sie einen Zweck.", C = 500, tn = /* @__PURE__ */ ft({
   __name: "HardwareForm",
   props: /* @__PURE__ */ he({
     modelValue: {},
@@ -28,10 +31,10 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ he(["submit", "patch"], ["update:modelValue"]),
-  setup(K, { emit: ze }) {
+  emits: /* @__PURE__ */ he(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(q, { emit: ze }) {
     var ne, ie, le, se, oe, re, ae, ue, de, ce;
-    const m = K, q = ze, Ie = ht(K, "modelValue"), B = !!m.modelValue, Fe = i(m.modelValue) || "", He = o.object({
+    const m = q, D = ze, Ie = ht(q, "modelValue"), B = !!m.modelValue, Fe = i(m.modelValue) || "", He = o.object({
       lat: o.string().min(1, "Geben Sie einen Wert für die Breite ein"),
       lng: o.string().min(1, "Geben Sie einen Wert für die Länge ein")
     }), xe = o.array(He), Be = o.object({
@@ -42,7 +45,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     function Q(n) {
       return Array.isArray(n) ? n : n != null ? [n] : [];
     }
-    const Ue = o.object({
+    const $e = o.object({
       id: o.string(),
       description: o.string().optional(),
       functionalities: o.array(o.string()).min(1),
@@ -53,12 +56,12 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
       isHostedBy: o.array(o.string()),
       hosts: o.array(o.string())
     }), {
-      defineField: U,
-      handleSubmit: $e,
+      defineField: $,
+      handleSubmit: Ue,
       resetForm: Ae,
       errors: c
-    } = j({
-      validationSchema: T(Ue),
+    } = K({
+      validationSchema: j($e),
       initialValues: {
         id: m.modelValue || "",
         description: ((ne = m.initializeWith) == null ? void 0 : ne.description) || "",
@@ -71,7 +74,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         hosts: Q((ue = m.initializeWith) == null ? void 0 : ue.hosts)
       },
       name: "hardwareForm"
-    }), [I, Ce] = U("id"), [v, De] = U("functionalities"), [h, Pe] = U("forProperty"), [Et, Ze] = U("description"), {
+    }), [I, Ce] = $("id"), [v, De] = $("functionalities"), [h, Pe] = $("forProperty"), [Nt, Ze] = $("description"), {
       remove: We,
       push: Le,
       fields: _e
@@ -95,7 +98,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     ve(I, (n) => {
       Ie.value = n || "";
     }, { immediate: !0 });
-    const D = O(null);
+    const P = T(null);
     function Je(n) {
       const t = {
         id: String(n.id || ""),
@@ -107,17 +110,17 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         version: n.version,
         unavailable: n.unavailable
       };
-      D.value = t;
+      P.value = t;
     }
     const r = S(() => !!I.value), Y = S(() => {
       var n;
       return (((n = v.value) == null ? void 0 : n.length) ?? 0) > 0;
     }), Xe = S(() => {
       var n;
-      return ((n = D.value) == null ? void 0 : n.functionalities) ?? [];
+      return ((n = P.value) == null ? void 0 : n.functionalities) ?? [];
     }), et = S(() => {
       var n;
-      return ((n = D.value) == null ? void 0 : n.forProperty) ?? [];
+      return ((n = P.value) == null ? void 0 : n.forProperty) ?? [];
     }), tt = o.object({
       functionalitySelect: o.string().optional(),
       functionalityInput: o.string().optional()
@@ -135,10 +138,10 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     }), {
       defineField: J,
       handleSubmit: nt,
-      errors: P,
-      resetForm: Z
-    } = j({
-      validationSchema: T(tt),
+      errors: Z,
+      resetForm: W
+    } = K({
+      validationSchema: j(tt),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
@@ -160,23 +163,23 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     }), {
       defineField: X,
       handleSubmit: lt,
-      errors: W,
-      resetForm: L
-    } = j({
-      validationSchema: T(it),
+      errors: L,
+      resetForm: _
+    } = K({
+      validationSchema: j(it),
       initialValues: {
         zweckSelect: "",
         zweckInput: ""
       }
     });
     ve(I, (n, t) => {
-      !!t && !!n && n !== t && (Z(), v.value = [], L(), h.value = []);
+      !!t && !!n && n !== t && (W(), v.value = [], _(), h.value = []);
     });
-    const [_, st] = J("functionalitySelect"), [G, ot] = J("functionalityInput"), ee = S(() => Array.from(v.value || [])), [R, rt] = X("zweckSelect"), [E, at] = X("zweckInput"), $ = S(() => h.value && h.value.length > 0), N = O(!!((ce = (de = m.initializeWith) == null ? void 0 : de.forProperty) != null && ce.length));
+    const [G, st] = J("functionalitySelect"), [R, ot] = J("functionalityInput"), ee = S(() => Array.from(v.value || [])), [E, rt] = X("zweckSelect"), [N, at] = X("zweckInput"), U = S(() => h.value && h.value.length > 0), M = T(!!((ce = (de = m.initializeWith) == null ? void 0 : de.forProperty) != null && ce.length));
     function ut() {
       h.value = [];
     }
-    const te = $e((n) => {
+    const te = Ue((n) => {
       const t = {
         id: n.id,
         description: n.description || "",
@@ -192,19 +195,19 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         isHostedBy: (n.isHostedBy || []).filter(Boolean),
         hosts: (n.hosts || []).filter(Boolean)
       };
-      B ? q("patch", {
+      B ? D("patch", {
         id: Fe,
         hardware: t
-      }) : q("submit", t), Z(), L(), Ae();
+      }) : D("submit", t), W(), _(), Ae();
     }), dt = nt((n) => {
       var e, l;
       const t = n.functionalitySelect || n.functionalityInput;
-      t && t.trim().length > 0 && !((e = v.value) != null && e.includes(t)) && ((l = v.value) == null || l.push(t)), Z();
+      t && t.trim().length > 0 && !((e = v.value) != null && e.includes(t)) && ((l = v.value) == null || l.push(t)), W();
     }), ct = lt((n) => {
       var e, l;
       const t = n.zweckSelect || n.zweckInput;
-      t && t.trim().length > 0 && !((e = h.value) != null && e.includes(t)) && ((l = h.value) == null || l.push(t)), L();
-    }), M = O(""), pt = S(() => M.value.length);
+      t && t.trim().length > 0 && !((e = h.value) != null && e.includes(t)) && ((l = h.value) == null || l.push(t)), _();
+    }), O = T(""), pt = S(() => O.value.length);
     function mt(n) {
       var t;
       return ((t = n.value.description) == null ? void 0 : t.length) ?? 0;
@@ -212,7 +215,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
     return (n, t) => (d(), p("div", wt, [
       s("section", gt, [
         B ? F("", !0) : (d(), p("h5", kt, "Wählen Sie eine bestehende Hardware")),
-        u(vt, g({
+        u(vt, w({
           modelValue: i(I),
           "onUpdate:modelValue": t[0] || (t[0] = (e) => V(I) ? I.value = e : null),
           label: "Falls die Hardware bereits angelegt wurde, können Sie sie hier auswählen."
@@ -236,7 +239,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           },
           onSelect: Je
         }), {
-          option: k(({ option: e, active: l, selected: a, disabled: A }) => [
+          option: g(({ option: e, active: l, selected: a, disabled: A }) => [
             u(bt, {
               name: e.name,
               manufacturer: e.manufacturer,
@@ -248,9 +251,9 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           ]),
           _: 1
         }, 16, ["modelValue", "setup-fn"]),
-        B ? F("", !0) : (d(), p(y, { key: 1 }, [
-          t[14] || (t[14] = s("h5", null, "oder", -1)),
-          t[15] || (t[15] = s("p", null, " Sollte die verwendete Hardware noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Hardware in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Hardware-Datensatz ersetzen. ", -1)),
+        B ? F("", !0) : (d(), p(k, { key: 1 }, [
+          t[15] || (t[15] = s("h5", null, "oder", -1)),
+          t[16] || (t[16] = s("p", null, " Sollte die verwendete Hardware noch nicht im Katalog verfügbar sein, können Sie die Anlage bei uns beantragen. Damit Sie die Dokumentation Ihres Digitalen Zwillings dennoch abschließen können, ordnen Sie dem Prozessschritt vorübergehend den Platzhalter-Datensatz „Hardware in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Hardware-Datensatz ersetzen. ", -1)),
           s("div", yt, [
             u(f, {
               "button-text": "Zur Hardwarebeantragung",
@@ -261,14 +264,14 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         ], 64))
       ]),
       s("section", St, [
-        t[16] || (t[16] = s("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
-        t[17] || (t[17] = s("p", null, " Beschreiben Sie, wie Sie die angegebene Hardware eingesetzt haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
+        t[17] || (t[17] = s("h5", null, "Wie haben Sie die Hardware verwendet?", -1)),
+        t[18] || (t[18] = s("p", null, " Beschreiben Sie, wie Sie die angegebene Hardware eingesetzt haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
         ee.value.length > 0 ? (d(), p("div", Vt, [
-          (d(!0), p(y, null, z(ee.value, (e, l) => (d(), p("div", {
+          (d(!0), p(k, null, z(ee.value, (e, l) => (d(), p("div", {
             key: l,
             class: "functionalities"
           }, [
-            be(s("input", g({
+            be(s("input", w({
               id: e,
               "onUpdate:modelValue": t[1] || (t[1] = (a) => V(v) ? v.value = a : null),
               hidden: "",
@@ -294,21 +297,21 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : F("", !0),
-        u(ke, g({
-          modelValue: i(_),
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => V(_) ? _.value = e : null),
+        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(P).functionalitySelect,
+          "error-message": i(Z).functionalitySelect,
           label: "Funktionalitäten auswählen",
           placeholder: "Wählen Sie eine Funktionalität.",
           disabled: !r.value
         }, i(st)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-        t[18] || (t[18] = s("h5", null, " oder ", -1)),
-        u(w, g({
-          modelValue: i(G),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => V(G) ? G.value = e : null),
-          error_message: i(P).functionalityInput,
-          "show-error": !!i(P).functionalityInput,
+        t[19] || (t[19] = s("h5", null, " oder ", -1)),
+        u(b, w({
+          modelValue: i(R),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => V(R) ? R.value = e : null),
+          error_message: i(Z).functionalityInput,
+          "show-error": !!i(Z).functionalityInput,
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
@@ -331,11 +334,11 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         ])
       ]),
       s("section", Ft, [
-        t[19] || (t[19] = s("h5", null, "Beschreibung der Nutzung (optional)", -1)),
-        t[20] || (t[20] = s("p", null, "Beschreiben Sie die ausgewählte Hardware.", -1)),
-        u(ye, g({
-          modelValue: M.value,
-          "onUpdate:modelValue": t[4] || (t[4] = (e) => M.value = e),
+        t[20] || (t[20] = s("h5", null, "Beschreibung der Nutzung (optional)", -1)),
+        t[21] || (t[21] = s("p", null, "Beschreiben Sie die ausgewählte Hardware.", -1)),
+        u(ye, w({
+          modelValue: O.value,
+          "onUpdate:modelValue": t[4] || (t[4] = (e) => O.value = e),
           label: "Beschreibung",
           placeholder: "Beschreiben Sie die Hardware",
           "is-disabled": !r.value
@@ -348,14 +351,14 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         }), null, 16, ["modelValue", "is-disabled", "hint-message"])
       ]),
       s("section", Ht, [
-        t[21] || (t[21] = s("h5", null, "Host-Plattform (optional)", -1)),
-        t[22] || (t[22] = s("p", null, "Falls die von Ihnen verwendete Hardware Sensoren oder Aktuatoren sind, geben Sie hier die Plattform oder physische Struktur an, welche diese hostet (z.B. Wetterstation, Lichtmast).", -1)),
-        (d(!0), p(y, null, z(i(Ke), (e, l) => (d(), b(H, {
+        t[22] || (t[22] = s("h5", null, "Host-Plattform (optional)", -1)),
+        t[23] || (t[23] = s("p", null, "Falls die von Ihnen verwendete Hardware Sensoren oder Aktuatoren sind, geben Sie hier die Plattform oder physische Struktur an, welche diese hostet (z.B. Wetterstation, Lichtmast).", -1)),
+        (d(!0), p(k, null, z(i(Ke), (e, l) => (d(), y(H, {
           key: e.key,
           onDelete: (a) => i(Te)(l)
         }, {
-          default: k(() => [
-            u(w, {
+          default: g(() => [
+            u(b, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
               "add-on-text": !1,
@@ -384,14 +387,14 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         ])
       ]),
       s("section", Bt, [
-        t[23] || (t[23] = s("h5", null, "Gehostete Geräte (optional)", -1)),
-        t[24] || (t[24] = s("p", null, "Falls die von Ihnen verwendete Hardware eine Plattform ist, geben Sie hier die Sensoren oder Aktuatoren an, die von dieser Plattform gehostet werden.", -1)),
-        (d(!0), p(y, null, z(i(Ye), (e, l) => (d(), b(H, {
+        t[24] || (t[24] = s("h5", null, "Gehostete Geräte (optional)", -1)),
+        t[25] || (t[25] = s("p", null, "Falls die von Ihnen verwendete Hardware eine Plattform ist, geben Sie hier die Sensoren oder Aktuatoren an, die von dieser Plattform gehostet werden.", -1)),
+        (d(!0), p(k, null, z(i(Ye), (e, l) => (d(), y(H, {
           key: e.key,
           onDelete: (a) => i(qe)(l)
         }, {
-          default: k(() => [
-            u(w, {
+          default: g(() => [
+            u(b, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
               "add-on-text": !1,
@@ -408,7 +411,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           ]),
           _: 2
         }, 1032, ["onDelete"]))), 128)),
-        s("div", Ut, [
+        s("div", $t, [
           u(f, {
             "button-text": "Gehostetes Gerät hinzufügen",
             size: "medium",
@@ -419,15 +422,15 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
           }, null, 8, ["disabled"])
         ])
       ]),
-      s("section", $t, [
-        t[26] || (t[26] = s("h5", null, "Zweck (optional)", -1)),
-        t[27] || (t[27] = s("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
-        $.value ? (d(), p("div", At, [
-          (d(!0), p(y, null, z(i(h), (e, l) => (d(), p("div", {
+      s("section", Ut, [
+        t[27] || (t[27] = s("h5", null, "Zweck (optional)", -1)),
+        t[28] || (t[28] = s("p", null, "Geben Sie hier an, welches Mess- oder Überwachungsziel die von Ihnen verwendete Hardware verfolgt.", -1)),
+        U.value ? (d(), p("div", At, [
+          (d(!0), p(k, null, z(i(h), (e, l) => (d(), p("div", {
             key: `zweck-${l}`,
             class: "functionalities"
           }, [
-            be(s("input", g({
+            be(s("input", w({
               id: `zweck-${e}`,
               "onUpdate:modelValue": t[7] || (t[7] = (a) => V(h) ? h.value = a : null),
               hidden: "",
@@ -453,11 +456,11 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : F("", !0),
-        N.value && !$.value ? (d(), b(H, {
+        M.value && !U.value ? (d(), y(H, {
           key: 1,
           onDelete: ut
         }, {
-          actions: k(() => [
+          actions: g(() => [
             u(f, {
               "button-text": "Zweck hinzufügen",
               size: "medium",
@@ -467,57 +470,57 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               onClick: i(ct)
             }, null, 8, ["disabled", "onClick"])
           ]),
-          default: k(() => [
-            u(ke, g({
-              modelValue: i(R),
-              "onUpdate:modelValue": t[8] || (t[8] = (e) => V(R) ? R.value = e : null),
+          default: g(() => [
+            u(ke, w({
+              modelValue: i(E),
+              "onUpdate:modelValue": t[8] || (t[8] = (e) => V(E) ? E.value = e : null),
               options: et.value,
-              "error-message": i(W).zweckSelect,
+              "error-message": i(L).zweckSelect,
               label: "Zweck auswählen",
               placeholder: "Wählen Sie einen Zweck.",
-              disabled: !r.value || $.value
+              disabled: !r.value || U.value
             }, i(rt)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-            t[25] || (t[25] = s("h5", null, "oder", -1)),
-            u(w, g({
-              modelValue: i(E),
-              "onUpdate:modelValue": t[9] || (t[9] = (e) => V(E) ? E.value = e : null),
-              error_message: i(W).zweckInput,
-              "show-error": !!i(W).zweckInput,
+            t[26] || (t[26] = s("h5", null, "oder", -1)),
+            u(b, w({
+              modelValue: i(N),
+              "onUpdate:modelValue": t[9] || (t[9] = (e) => V(N) ? N.value = e : null),
+              error_message: i(L).zweckInput,
+              "show-error": !!i(L).zweckInput,
               "add-on-text": !1,
               "date-picker": !1,
               "info-icon": !1,
               "show-end-icon": !1,
               "pre-icon": !1,
-              "is-disabled": !r.value || $.value,
+              "is-disabled": !r.value || U.value,
               label: "Zweck nennen",
               placeholder: "Nennen Sie einen Zweck",
               "initial-hint-text": !1
             }, i(at)), null, 16, ["modelValue", "error_message", "show-error", "is-disabled"])
           ]),
           _: 1,
-          __: [25]
+          __: [26]
         })) : F("", !0),
         s("div", Dt, [
-          N.value ? F("", !0) : (d(), b(f, {
+          M.value ? F("", !0) : (d(), y(f, {
             key: 0,
             "button-text": "Zweck hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
             disabled: !r.value,
-            onClick: t[10] || (t[10] = (e) => r.value && (N.value = !0))
+            onClick: t[10] || (t[10] = (e) => r.value && (M.value = !0))
           }, null, 8, ["disabled"]))
         ])
       ]),
       s("section", Pt, [
-        t[28] || (t[28] = s("h5", null, "Standort (optional)", -1)),
-        t[29] || (t[29] = s("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
-        (d(!0), p(y, null, z(i(_e), (e, l) => (d(), b(H, {
+        t[29] || (t[29] = s("h5", null, "Standort (optional)", -1)),
+        t[30] || (t[30] = s("p", null, "Geben Sie hier die Koordinaten an, wo die von Ihnen verwendete Hardware verbaut wurde.", -1)),
+        (d(!0), p(k, null, z(i(_e), (e, l) => (d(), y(H, {
           key: e.key,
           onDelete: (a) => i(We)(l)
         }, {
-          default: k(() => [
-            u(w, {
+          default: g(() => [
+            u(b, {
               modelValue: e.value.lat,
               "onUpdate:modelValue": (a) => e.value.lat = a,
               "add-on-text": !1,
@@ -532,7 +535,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               "show-error": !!i(c)[`locations[${l}].lat`],
               error_message: i(c)[`locations[${l}].lat`]
             }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled", "initial-hint-text", "show-error", "error_message"]),
-            u(w, {
+            u(b, {
               modelValue: e.value.lng,
               "onUpdate:modelValue": (a) => e.value.lng = a,
               "add-on-text": !1,
@@ -562,14 +565,14 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         ])
       ]),
       s("section", Wt, [
-        t[30] || (t[30] = s("h5", null, "Darstellungen (optional)", -1)),
-        t[31] || (t[31] = s("p", null, "Fügen Sie hier ein Bild der von Ihnen verwendeten Hardware ein. Dies sollte eine gültige Bild-URL sein.", -1)),
-        (d(!0), p(y, null, z(i(Ee), (e, l) => (d(), b(H, {
+        t[31] || (t[31] = s("h5", null, "Darstellungen (optional)", -1)),
+        t[32] || (t[32] = s("p", null, "Fügen Sie hier ein Bild der von Ihnen verwendeten Hardware ein. Dies sollte eine gültige Bild-URL sein.", -1)),
+        (d(!0), p(k, null, z(i(Ee), (e, l) => (d(), y(H, {
           key: e.key,
           onDelete: (a) => i(Ge)(l)
         }, {
-          default: k(() => [
-            u(w, {
+          default: g(() => [
+            u(b, {
               modelValue: e.value,
               "onUpdate:modelValue": (a) => e.value = a,
               "add-on-text": !1,
@@ -598,14 +601,14 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         ])
       ]),
       s("section", _t, [
-        t[32] || (t[32] = s("h5", null, "Weiterführende Links (optional)", -1)),
-        t[33] || (t[33] = s("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
-        (d(!0), p(y, null, z(i(Oe), (e, l) => (d(), b(H, {
+        t[33] || (t[33] = s("h5", null, "Weiterführende Links (optional)", -1)),
+        t[34] || (t[34] = s("p", null, "Fügen Sie hier Links zu Dokumenten hinzu, die weitere Informationen zum Einsatz der Hardware enthalten.", -1)),
+        (d(!0), p(k, null, z(i(Oe), (e, l) => (d(), y(H, {
           key: e.key,
           onDelete: (a) => i(Ne)(l)
         }, {
-          default: k(() => [
-            u(w, {
+          default: g(() => [
+            u(b, {
               modelValue: e.value.name,
               "onUpdate:modelValue": (a) => e.value.name = a,
               "add-on-text": !1,
@@ -620,7 +623,7 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
               "show-error": !!i(c)[`references[${l}].name`],
               "initial-hint-text": !!i(c)[`references[${l}].name`]
             }, null, 8, ["modelValue", "onUpdate:modelValue", "is-disabled", "error_message", "show-error", "initial-hint-text"]),
-            u(w, {
+            u(b, {
               modelValue: e.value.url,
               "onUpdate:modelValue": (a) => e.value.url = a,
               "add-on-text": !1,
@@ -666,12 +669,18 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
         ])
       ]),
       s("section", Rt, [
-        B ? (d(), b(f, {
-          key: 0,
-          "button-text": "Speichern",
-          disabled: !r.value || !Y.value,
-          onClick: i(te)
-        }, null, 8, ["disabled", "onClick"])) : (d(), b(f, {
+        B ? (d(), p("div", Et, [
+          u(f, {
+            "button-text": "Abbrechen",
+            variant: "tertiary",
+            onClick: t[14] || (t[14] = (e) => D("close"))
+          }),
+          u(f, {
+            "button-text": "Speichern",
+            disabled: !r.value || !Y.value,
+            onClick: i(te)
+          }, null, 8, ["disabled", "onClick"])
+        ])) : (d(), y(f, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Hardware hinzufügen",
@@ -683,5 +692,5 @@ const wt = { class: "dpi-project-process-step V3-typography" }, gt = { class: "s
   }
 });
 export {
-  en as default
+  tn as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/ProcessSteps/HardwareStep.vue.js

@@ -1,7 +1,7 @@
 import o from "./HardwareStep.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f5825d3b"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b6dfd202"]]);
 export {
-  e as default
+  d as default
 };