@piveau/dpi 0.2.0-alpha.29 → 0.2.0-alpha.30

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

@@ -1,23 +1,23 @@
-import { defineComponent as ce, mergeModels as W, useModel as de, unref as i, watch as z, ref as fe, computed as h, createElementBlock as c, openBlock as a, createElementVNode as o, createCommentVNode as w, createVNode as u, Fragment as A, mergeProps as k, isRef as F, withCtx as me, renderList as pe, withDirectives as he, vModelCheckbox as be, createBlock as Se } from "vue";
-import { toTypedSchema as R } 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 Z, useFieldArray as ve } from "vee-validate";
-import * as l from "zod";
-import { useTwinbyUser as ye } from "../../../composables/useTwinbyUser.js";
-import ge from "../Autocomplete/AutocompleteVocab.vue.js";
+import { defineComponent as de, mergeModels as R, useModel as fe, unref as o, watch as C, ref as me, computed as m, createElementBlock as d, openBlock as c, createElementVNode as l, createCommentVNode as w, createVNode as a, Fragment as B, mergeProps as F, isRef as k, withCtx as pe, renderList as he, withDirectives as Se, vModelCheckbox as be, createBlock as ve } 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 Z, useFieldArray as ye } from "vee-validate";
+import * as s from "zod";
+import { useTwinbyUser as ge } from "../../../composables/useTwinbyUser.js";
+import we from "../Autocomplete/AutocompleteVocab.vue.js";
 import b from "../ButtonV3.vue.js";
-import we from "../Chip.vue.js";
+import Fe from "../Chip.vue.js";
 import ke from "../InputField.vue.js";
-import Fe from "../ListBox/Listbox.vue.js";
-import Ie from "./RichOption.vue.js";
-const Ve = { class: "dpi-project-process-step V3-typography" }, xe = { class: "step-section" }, ze = { class: "step-section-actions" }, Ae = ["href"], Ce = { class: "step-section" }, Be = {
+import Ie from "../ListBox/Listbox.vue.js";
+import Ve from "./RichOption.vue.js";
+const xe = { class: "dpi-project-process-step V3-typography" }, ze = { class: "step-section" }, Ae = { class: "step-section-actions" }, Ce = ["href"], Be = { class: "step-section" }, _e = {
   key: 0,
   class: "functionalities-container"
-}, _e = ["id", "value"], De = { class: "step-section-actions" }, Ue = { class: "step-section-actions" }, Le = {
+}, De = ["id", "value"], Ue = { class: "step-section-actions" }, Le = { class: "step-section-actions" }, Te = {
   key: 0,
   class: "button-row"
-}, j = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Qe = /* @__PURE__ */ ce({
+}, O = "Wählen Sie eine Funktionalität aus oder nennen Sie eine Funktionalität ein.", Ye = /* @__PURE__ */ de({
   __name: "SoftwareForm",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ R({
     modelValue: {},
     functionalities: {},
     exclude: { default: () => [] }
@@ -27,78 +27,82 @@ const Ve = { class: "dpi-project-process-step V3-typography" }, xe = { class: "s
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["submit", "patch", "close"], ["update:modelValue"]),
-  setup(C, { emit: O }) {
-    const m = C, I = O, G = de(C, "modelValue"), S = !!m.modelValue, $ = i(m.modelValue) || "", q = l.object({
-      lat: l.string().min(1, "Geben Sie einen Wert für die Breite ein"),
-      lng: l.string().min(1, "Geben Sie einen Wert für die Länge ein")
-    }), K = l.array(q), Q = l.object({
-      id: l.string(),
-      functionalities: l.array(l.string()).min(1),
-      locations: K
+  emits: /* @__PURE__ */ R(["submit", "patch", "close"], ["update:modelValue"]),
+  setup(_, { emit: G }) {
+    const p = _, I = G, $ = fe(_, "modelValue"), h = !!p.modelValue, q = o(p.modelValue) || "", K = s.object({
+      lat: s.string().min(1, "Geben Sie einen Wert für die Breite ein"),
+      lng: s.string().min(1, "Geben Sie einen Wert für die Länge ein")
+    }), Q = s.array(K), Y = s.object({
+      id: s.string(),
+      functionalities: s.array(s.string()).min(1),
+      locations: Q
     }), {
-      defineField: B,
-      handleSubmit: Y,
-      resetForm: H,
-      errors: Te
+      defineField: D,
+      handleSubmit: H,
+      resetForm: J,
+      errors: We
     } = Z({
-      validationSchema: R(Q),
+      validationSchema: j(Y),
       initialValues: {
-        id: m.modelValue || "",
-        functionalities: m.functionalities || [],
+        id: p.modelValue || "",
+        functionalities: p.functionalities || [],
         locations: []
       },
       name: "softwareForm"
-    }), [d, J] = B("id"), [r, X] = B("functionalities"), {
+    }), [f, X] = D("id"), [r, ee] = D("functionalities"), {
       remove: Ee,
       push: Me,
       fields: Ne
-    } = ve("locations");
-    z(d, (n) => {
-      G.value = n || "";
+    } = ye("locations");
+    C(f, (n) => {
+      $.value = n || "";
     }, { immediate: !0 });
-    const _ = fe(null);
-    function ee(n) {
-      _.value = n;
+    const U = me(null);
+    function te(n) {
+      U.value = n;
     }
-    const p = h(() => !!d.value), D = h(() => {
+    const S = m(() => !!f.value), L = m(() => {
       var n;
       return (((n = r.value) == null ? void 0 : n.length) ?? 0) > 0;
-    }), te = h(() => {
+    }), V = m(() => {
       var n;
-      return ((n = _.value) == null ? void 0 : n.functionalities) ?? [];
-    }), ne = l.object({
-      functionalitySelect: l.string().optional(),
-      functionalityInput: l.string().optional()
+      return ((n = U.value) == null ? void 0 : n.functionalities) ?? [];
+    }), ne = s.object({
+      functionalitySelect: s.string().optional(),
+      functionalityInput: s.string().optional()
     }).superRefine((n, t) => {
-      const e = n.functionalitySelect && n.functionalitySelect.trim().length > 0, s = n.functionalityInput && n.functionalityInput.trim().length > 0;
-      !e && !s && (t.addIssue({
-        code: l.ZodIssueCode.custom,
-        message: j,
+      const e = n.functionalitySelect && n.functionalitySelect.trim().length > 0, i = n.functionalityInput && n.functionalityInput.trim().length > 0;
+      !e && !i && (t.addIssue({
+        code: s.ZodIssueCode.custom,
+        message: O,
         path: ["functionalitySelect"]
       }), t.addIssue({
-        code: l.ZodIssueCode.custom,
-        message: j,
+        code: s.ZodIssueCode.custom,
+        message: O,
         path: ["functionalityInput"]
       }));
     }), {
-      defineField: U,
+      defineField: T,
       handleSubmit: ie,
       errors: v,
-      resetForm: V
+      resetForm: x
     } = Z({
-      validationSchema: R(ne),
+      validationSchema: j(ne),
       initialValues: {
         functionalitySelect: "",
         functionalityInput: ""
       }
     });
-    z(d, (n, t) => {
-      !!t && !!n && n !== t && (V(), r.value = []);
+    C(f, (n, t) => {
+      !!t && !!n && n !== t && (x(), r.value = []);
     });
-    const [y, oe] = U("functionalitySelect"), [x, le] = U("functionalityInput"), L = h(() => Array.from(r.value || [])), T = Y((n) => {
-      S ? I("patch", {
-        id: $,
+    const [y, oe] = T("functionalitySelect"), [z, le] = T("functionalityInput"), A = m(() => Array.from(r.value || [])), se = m(() => {
+      var t, e;
+      const n = A.value.join(" ");
+      return (e = (t = V == null ? void 0 : V.value) == null ? void 0 : t.filter((i) => !n.includes(i))) == null ? void 0 : e.sort((i, u) => i.localeCompare(u));
+    }), W = H((n) => {
+      h ? I("patch", {
+        id: q,
         software: {
           id: n.id,
           functionalities: Array.from(r.value || []).filter(Boolean)
@@ -106,16 +110,16 @@ const Ve = { class: "dpi-project-process-step V3-typography" }, xe = { class: "s
       }) : I("submit", {
         id: n.id,
         functionalities: Array.from(r.value || []).filter(Boolean)
-      }), V(), H();
+      }), x(), J();
     }), E = ie((n) => {
-      var e, s;
+      var e, i;
       const t = n.functionalitySelect || n.functionalityInput;
-      t && t.trim().length > 0 && !((e = r.value) != null && e.includes(t)) && ((s = r.value) == null || s.push(t)), V();
+      t && t.trim().length > 0 && !((e = r.value) != null && e.includes(t)) && ((i = r.value) == null || i.push(t)), x();
     });
-    z(y, (n) => {
+    C(y, (n) => {
       n && n.trim().length > 0 && E();
     });
-    function se(n) {
+    function re(n) {
       return [
         ...n,
         {
@@ -127,85 +131,85 @@ const Ve = { class: "dpi-project-process-step V3-typography" }, xe = { class: "s
         }
       ];
     }
-    const { authToken: re, username: ue } = ye(), ae = h(() => `https://form.typeform.com/to/r9b1mAZL#token=${re.value}&account=${ue.value}`);
-    return (n, t) => (a(), c("div", Ve, [
-      o("section", xe, [
-        S ? w("", !0) : (a(), c(A, { key: 0 }, [
-          t[6] || (t[6] = o("h5", null, "Wählen Sie eine bestehende Software", -1)),
-          t[7] || (t[7] = o("p", null, "Falls die Software bereits angelegt wurde, können Sie sie hier auswählen.", -1))
+    const { authToken: ae, username: ue } = ge(), ce = m(() => `https://form.typeform.com/to/r9b1mAZL#token=${ae.value}&account=${ue.value}`);
+    return (n, t) => (c(), d("div", xe, [
+      l("section", ze, [
+        h ? w("", !0) : (c(), d(B, { key: 0 }, [
+          t[6] || (t[6] = l("h5", null, "Wählen Sie eine bestehende Software", -1)),
+          t[7] || (t[7] = l("p", null, "Falls die Software bereits angelegt wurde, können Sie sie hier auswählen.", -1))
         ], 64)),
-        u(ge, k({
-          modelValue: i(d),
-          "onUpdate:modelValue": t[0] || (t[0] = (e) => F(d) ? d.value = e : null)
-        }, i(J), {
+        a(we, F({
+          modelValue: o(f),
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => k(f) ? f.value = e : null)
+        }, o(X), {
           "base-url": "https://twin.bydata.de/api/hub/search",
           resource: "software",
-          label: "",
-          placeholder: "Software...",
+          label: h ? "Software auswählen" : "",
+          placeholder: "Wählen Sie eine Software.",
           name: "software",
           "setup-fn": (e) => {
-            var s, f, g, M, N, P;
+            var i, u, g, M, N, P;
             return {
               id: e == null ? void 0 : e.id,
-              name: ((s = e == null ? void 0 : e.name) == null ? void 0 : s.de) || ((f = e == null ? void 0 : e.name) == null ? void 0 : f.en),
+              name: ((i = e == null ? void 0 : e.name) == null ? void 0 : i.de) || ((u = e == null ? void 0 : e.name) == null ? void 0 : u.en),
               functionalities: (e == null ? void 0 : e.functionalities) || [],
-              unavailable: m.exclude.includes(e == null ? void 0 : e.id),
+              unavailable: p.exclude.includes(e == null ? void 0 : e.id),
               manufacturer: (M = (g = e == null ? void 0 : e.manufacturer) == null ? void 0 : g[0]) == null ? void 0 : M.label,
               description: ((N = e == null ? void 0 : e.description) == null ? void 0 : N.de) || ((P = e == null ? void 0 : e.description) == null ? void 0 : P.en),
               version: e == null ? void 0 : e.version
             };
           },
-          "post-process-fn": se,
-          onSelect: ee
+          "post-process-fn": re,
+          onSelect: te
         }), {
-          option: me(({ option: e, active: s, selected: f, disabled: g }) => [
-            u(Ie, {
+          option: pe(({ option: e, active: i, selected: u, disabled: g }) => [
+            a(Ve, {
               name: e.name,
               manufacturer: e.manufacturer,
               description: e.description,
-              active: s,
-              selected: f,
+              active: i,
+              selected: u,
               "is-disabled": g
             }, null, 8, ["name", "manufacturer", "description", "active", "selected", "is-disabled"])
           ]),
           _: 1
-        }, 16, ["modelValue", "setup-fn"]),
-        S ? w("", !0) : (a(), c(A, { key: 1 }, [
-          t[8] || (t[8] = o("h5", null, "oder", -1)),
-          t[9] || (t[9] = o("p", null, " Sollte die verwendete Software 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 „Software in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Software-Datensatz ersetzen. ", -1)),
-          o("div", ze, [
-            o("a", {
-              href: ae.value,
+        }, 16, ["modelValue", "label", "setup-fn"]),
+        h ? w("", !0) : (c(), d(B, { key: 1 }, [
+          t[8] || (t[8] = l("h5", null, "oder", -1)),
+          t[9] || (t[9] = l("p", null, " Sollte die verwendete Software 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 „Software in Beantragung“ zu. Sobald die gewünschten Daten im Katalog verfügbar sind, können Sie diesen Platzhalter durch den tatsächlichen Software-Datensatz ersetzen. ", -1)),
+          l("div", Ae, [
+            l("a", {
+              href: ce.value,
               target: "_blank"
             }, [
-              u(b, {
+              a(b, {
                 "button-text": "Zur Softwarebeantragung",
                 size: "medium",
                 variant: "secondary"
               })
-            ], 8, Ae)
+            ], 8, Ce)
           ])
         ], 64))
       ]),
-      o("section", Ce, [
-        t[10] || (t[10] = o("h5", null, " Wie haben Sie die Software verwendet? ", -1)),
-        t[11] || (t[11] = o("p", null, " Beschreiben Sie, wie Sie die angegebene Software verwendet haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
-        L.value.length > 0 ? (a(), c("div", Be, [
-          (a(!0), c(A, null, pe(L.value, (e, s) => (a(), c("div", {
-            key: s,
+      l("section", Be, [
+        t[10] || (t[10] = l("h5", null, " Wie haben Sie die Software verwendet? ", -1)),
+        t[11] || (t[11] = l("p", null, " Beschreiben Sie, wie Sie die angegebene Software verwendet haben. Wählen Sie hierzu die genutzten Funktionalitäten aus oder ergänzen Sie diese. ", -1)),
+        A.value.length > 0 ? (c(), d("div", _e, [
+          (c(!0), d(B, null, he(A.value, (e, i) => (c(), d("div", {
+            key: i,
             class: "functionalities"
           }, [
-            he(o("input", k({
+            Se(l("input", F({
               id: e,
-              "onUpdate:modelValue": t[1] || (t[1] = (f) => F(r) ? r.value = f : null),
+              "onUpdate:modelValue": t[1] || (t[1] = (u) => k(r) ? r.value = u : null),
               hidden: "",
               value: e,
               name: "selectedFunctionalities",
               type: "checkbox"
-            }, { ref_for: !0 }, i(X)), null, 16, _e), [
-              [be, i(r)]
+            }, { ref_for: !0 }, o(ee)), null, 16, De), [
+              [be, o(r)]
             ]),
-            u(we, {
+            a(Fe, {
               as: "label",
               for: e,
               text: e,
@@ -221,66 +225,66 @@ const Ve = { class: "dpi-project-process-step V3-typography" }, xe = { class: "s
             }, null, 8, ["for", "text", "data"])
           ]))), 128))
         ])) : w("", !0),
-        u(Fe, k({
-          modelValue: i(y),
-          "onUpdate:modelValue": t[2] || (t[2] = (e) => F(y) ? y.value = e : null),
-          options: te.value,
-          "error-message": i(v).functionalitySelect,
+        a(Ie, F({
+          modelValue: o(y),
+          "onUpdate:modelValue": t[2] || (t[2] = (e) => k(y) ? y.value = e : null),
+          options: se.value,
+          "error-message": o(v).functionalitySelect,
           label: "Funktionalitäten auswählen",
           placeholder: "Wählen Sie eine Funktionalität.",
-          disabled: !p.value
-        }, i(oe)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
-        t[12] || (t[12] = o("h5", null, " oder ", -1)),
-        u(ke, k({
-          modelValue: i(x),
-          "onUpdate:modelValue": t[3] || (t[3] = (e) => F(x) ? x.value = e : null),
-          "initial-hint-text": !!i(v).functionalityInput,
-          error_message: i(v).functionalityInput,
-          "show-error": !!i(v).functionalityInput,
+          disabled: !S.value
+        }, o(oe)), null, 16, ["modelValue", "options", "error-message", "disabled"]),
+        t[12] || (t[12] = l("h5", null, " oder ", -1)),
+        a(ke, F({
+          modelValue: o(z),
+          "onUpdate:modelValue": t[3] || (t[3] = (e) => k(z) ? z.value = e : null),
+          "initial-hint-text": !!o(v).functionalityInput,
+          error_message: o(v).functionalityInput,
+          "show-error": !!o(v).functionalityInput,
           "add-on-text": !1,
           "date-picker": !1,
           "info-icon": !1,
           "show-end-icon": !1,
           "pre-icon": !1,
-          "is-disabled": !p.value,
+          "is-disabled": !S.value,
           label: "Funktionalitäten nennen",
-          placeholder: "Nennen Sie eine Funktionalität"
-        }, i(le)), null, 16, ["modelValue", "initial-hint-text", "error_message", "show-error", "is-disabled"]),
-        o("div", De, [
-          u(b, {
+          placeholder: "Nennen Sie eine Funktionalität."
+        }, o(le)), null, 16, ["modelValue", "initial-hint-text", "error_message", "show-error", "is-disabled"]),
+        l("div", Ue, [
+          a(b, {
             "button-text": "Funktionalität hinzufügen",
             size: "medium",
             variant: "tertiary",
             "icon-start": "plus",
-            disabled: !p.value,
-            onClick: i(E)
+            disabled: !S.value,
+            onClick: o(E)
           }, null, 8, ["disabled", "onClick"])
         ])
       ]),
       w("", !0),
-      o("section", Ue, [
-        S ? (a(), c("div", Le, [
-          u(b, {
+      l("section", Le, [
+        h ? (c(), d("div", Te, [
+          a(b, {
             "button-text": "Abbrechen",
             variant: "tertiary",
             onClick: t[5] || (t[5] = (e) => I("close"))
           }),
-          u(b, {
+          a(b, {
             "button-text": "Speichern",
-            disabled: !p.value || !D.value,
-            onClick: i(T)
+            disabled: !S.value || !L.value,
+            onClick: o(W)
           }, null, 8, ["disabled", "onClick"])
-        ])) : (a(), Se(b, {
+        ])) : (c(), ve(b, {
           key: 1,
           "icon-start": "PlusSquare",
           "button-text": "Software hinzufügen",
-          disabled: !p.value || !D.value,
-          onClick: i(T)
+          disabled: !S.value || !L.value,
+          onClick: o(W)
         }, null, 8, ["disabled", "onClick"]))
       ])
     ]));
   }
 });
 export {
-  Qe as default
+  Ye as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./SoftwareStep.vue2.js";
 /* empty css                  */
 import t from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8bdca471"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d23df924"]]);
 export {
-  e as default
+  a as default
 };