@piveau/dpi 0.2.0-alpha.6 → 0.2.0-alpha.60

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

@@ -1,5 +1,5 @@
-import { defineComponent as n, createElementBlock as c, openBlock as r, normalizeClass as d, createElementVNode as t, renderSlot as s, createTextVNode as a, toDisplayString as i } from "vue";
-const p = ["title"], u = { class: "rich-option__head" }, _ = { class: "copy-large-semi-bold" }, m = { class: "copy-large-semi-bold" }, f = { class: "rich-option__body" }, h = { class: "copy-large-regular" }, v = /* @__PURE__ */ n({
+import { defineComponent as c, createElementBlock as r, openBlock as d, normalizeClass as l, createElementVNode as t, renderSlot as s, createTextVNode as a, toDisplayString as o } from "vue";
+const _ = ["title"], p = { class: "rich-option__head" }, h = { class: "rich-option__headline" }, u = { class: "copy-large-regular rich-option__meta" }, f = { class: "rich-option__manufacturer" }, m = { class: "rich-option__date" }, v = { class: "rich-option__body" }, y = { class: "copy-large-regular rich-option__body-text" }, B = /* @__PURE__ */ c({
   __name: "RichOption",
   props: {
     name: { default: "" },
@@ -7,36 +7,46 @@ const p = ["title"], u = { class: "rich-option__head" }, _ = { class: "copy-larg
     description: { default: "" },
     active: { type: Boolean, default: !1 },
     selected: { type: Boolean, default: !1 },
-    isDisabled: { type: Boolean, default: !1 }
+    isDisabled: { type: Boolean, default: !1 },
+    date: { default: "" }
   },
-  setup(l) {
-    const e = l;
-    return (o, y) => (r(), c("div", {
-      class: d(["rich-option", { "rich-option--active": e.active, "rich-option--selected": e.selected, "rich-option--disabled": e.isDisabled }]),
+  setup(n) {
+    const e = n;
+    return (i, b) => (d(), r("div", {
+      class: l(["rich-option", { "rich-option--active": e.active, "rich-option--selected": e.selected, "rich-option--disabled": e.isDisabled }]),
       title: e.name
     }, [
-      t("div", u, [
-        t("span", _, [
-          s(o.$slots, "name", {}, () => [
-            a(i(e.name), 1)
-          ], !0)
-        ]),
-        t("span", m, [
-          s(o.$slots, "meta", {}, () => [
-            a(i(e.manufacturer), 1)
-          ], !0)
+      t("div", p, [
+        t("div", h, [
+          t("span", {
+            class: l(["copy-large-semi-bold rich-option__title", { "rich-option__title--three-line": e.date }])
+          }, [
+            s(i.$slots, "name", {}, () => [
+              a(o(e.name), 1)
+            ], !0)
+          ], 2),
+          t("div", u, [
+            t("div", f, [
+              t("span", null, [
+                s(i.$slots, "meta", {}, () => [
+                  a(o(e.manufacturer), 1)
+                ], !0)
+              ])
+            ]),
+            t("div", m, o(e.date), 1)
+          ])
         ])
       ]),
-      t("div", f, [
-        t("span", h, [
-          s(o.$slots, "default", {}, () => [
-            a(i(e.description), 1)
+      t("div", v, [
+        t("span", y, [
+          s(i.$slots, "default", {}, () => [
+            a(o(e.description), 1)
           ], !0)
         ])
       ])
-    ], 10, p));
+    ], 10, _));
   }
 });
 export {
-  v as default
+  B as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./SoftwareForm.vue2.js";
 /* empty css                  */
 import r from "../../../../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1ba1336a"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-af7247b3"]]);
 export {
-  f as default
+  m as default
 };

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

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