@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.4

package/dist/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldFormKit.vue.js

@@ -1,60 +1,68 @@
-import { defineComponent as V, computed as n, createBlock as j, openBlock as K, unref as r } from "vue";
-import P from "../InputField.vue.js";
-const M = /* @__PURE__ */ V({
+import { defineComponent as K, computed as o, createBlock as P, openBlock as C, unref as a } from "vue";
+import L from "../InputField.vue.js";
+const $ = /* @__PURE__ */ K({
   __name: "InputFieldFormKit",
   props: {
     context: {}
   },
-  setup(k) {
-    var i, p, u, x, d, m, f;
-    const t = k, c = n({
+  setup(_) {
+    var c, p, x, u, d, m, f;
+    const t = _, i = o({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
       },
       set: (e) => {
-        var o;
-        (o = t.context) == null || o.node.input(e);
+        var n;
+        (n = t.context) == null || n.node.input(e);
       }
-    }), I = n(() => {
+    }), T = o(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.textLabel;
-    }), y = n(() => {
+    }), k = o(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.name;
-    }), T = n(() => {
+    }), I = o(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), l = n(() => {
+    }), y = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
+    }), b = o(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
+    }), s = o(() => {
       var e;
       return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
-    }), s = n(() => {
-      var o, a, h, v, g;
-      if (!l.value)
+    }), l = o(() => {
+      var n, r, g, h, v;
+      if (!s.value)
         return "";
-      const e = (a = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : a[0];
-      return ((g = (v = (h = t.context) == null ? void 0 : h.messages) == null ? void 0 : v[e]) == null ? void 0 : g.value) || "";
-    }), _ = ((i = t.context) == null ? void 0 : i.inputType) || "text", b = ((p = t.context) == null ? void 0 : p.addOnText) || !1, w = ((u = t.context) == null ? void 0 : u.datePicker) || !1, E = ((x = t.context) == null ? void 0 : x.infoIcon) || !1, O = ((d = t.context) == null ? void 0 : d.preIcon) || !1, B = ((m = t.context) == null ? void 0 : m.showEndIcon) !== !1, F = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
-    return (e, o) => (K(), j(P, {
-      modelValue: c.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => c.value = a),
-      label: I.value,
-      placeholder: T.value,
-      "input-type": r(_),
-      "add-on-text": r(b),
-      "date-picker": r(w),
-      "info-icon": r(E),
-      "pre-icon": r(O),
-      "show-end-icon": B,
-      "tooltip-text": r(F),
-      "show-error": l.value,
-      "supporting-hint-message": s.value,
-      "initial-hint-text": s.value,
-      error_message: s.value,
-      name: y.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "info-icon", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name"]));
+      const e = (r = Object.keys((n = t.context) == null ? void 0 : n.messages)) == null ? void 0 : r[0];
+      return ((v = (h = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : h[e]) == null ? void 0 : v.value) || "";
+    }), w = ((c = t.context) == null ? void 0 : c.inputType) || "text", E = ((p = t.context) == null ? void 0 : p.addOnText) || !1, O = ((x = t.context) == null ? void 0 : x.datePicker) || !1, B = ((u = t.context) == null ? void 0 : u.infoIcon) || !1, F = ((d = t.context) == null ? void 0 : d.preIcon) || !1, V = ((m = t.context) == null ? void 0 : m.showEndIcon) !== !1, j = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
+    return (e, n) => (C(), P(L, {
+      modelValue: i.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (r) => i.value = r),
+      label: T.value,
+      placeholder: I.value,
+      "input-type": a(w),
+      "add-on-text": a(E),
+      "date-picker": a(O),
+      "info-icon": a(B),
+      "pre-icon": a(F),
+      "show-end-icon": V,
+      "tooltip-text": a(j),
+      "show-error": s.value,
+      "supporting-hint-message": l.value,
+      "initial-hint-text": l.value,
+      error_message: l.value,
+      name: k.value,
+      trailing_text: y.value,
+      "trailing-text": b.value
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "info-icon", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing_text", "trailing-text"]));
   }
 });
 export {
-  M as default
+  $ as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue.js

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

package/dist/data-provider-interface/HappyFlowComponents/ui/LandingProjectStep/LandingProjectStep.vue2.js

@@ -0,0 +1,40 @@
+import { defineComponent as s, createElementBlock as r, openBlock as o, createElementVNode as n, createVNode as i, withCtx as t, unref as l } from "vue";
+import { PhInfo as a } from "@phosphor-icons/vue";
+import d from "../../../components/StepActionsSection.vue.js";
+import u from "../Card.vue.js";
+const m = { class: "dpiV3_page" }, S = /* @__PURE__ */ s({
+  __name: "LandingProjectStep",
+  setup(g) {
+    return (p, e) => (o(), r("div", m, [
+      e[1] || (e[1] = n("section", { class: "funny-section" }, [
+        n("h4", null, " Beginnen Sie mit der Dokumentation Ihres Digitalen Zwillings "),
+        n("p", { class: "copy-large-regular" }, " Willkommen und schön, dass Sie Ihre Vorgehensweise beim Aufbau eines Digitalen Zwillings mit uns teilen! Dieser Assistent führt Sie effektiv durch die notwendigen Schritte, um Ihr Projekt zu dokumentieren. Die Projektanlage ist für die Abbildung eines Use Cases Ihres Digitalen Zwillings konzipiert. ")
+      ], -1)),
+      n("section", null, [
+        i(u, null, {
+          icon: t(() => [
+            i(l(a), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          default: t(() => [
+            e[0] || (e[0] = n("span", { class: "card-info" }, " Bitte stellen Sie sicher, dass alle im Projekt verwendeten Datensätze, Software und Hardware angelegt sind, bevor Sie mit der Projektanlage beginnen.", -1))
+          ]),
+          _: 1,
+          __: [0]
+        })
+      ]),
+      e[2] || (e[2] = n("p", null, "Lassen Sie uns beginnen!", -1)),
+      i(d, {
+        "hide-previous": "",
+        "hide-cancel": "",
+        "next-text": "Projektanlage starten",
+        "hide-validation-summary": ""
+      })
+    ]));
+  }
+});
+export {
+  S as default
+};

package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxDefinition.js

@@ -5,7 +5,8 @@ const e = {
   component: o,
   props: [
     "label",
-    "options"
+    "options",
+    "placeholder"
   ]
 };
 export {

package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/ListBoxFormKit.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as v, computed as n, createBlock as d, openBlock as b } from "vue";
-import f from "./Listbox.vue.js";
+import { defineComponent as v, computed as n, createBlock as b, openBlock as f } from "vue";
+import h from "./Listbox.vue.js";
 const k = /* @__PURE__ */ v({
   __name: "ListBoxFormKit",
   props: {
     context: {}
   },
-  setup(c) {
-    const o = c, s = n({
+  setup(u) {
+    const o = u, s = n({
       get: () => {
         var e;
         return ((e = o.context) == null ? void 0 : e._value) || null;
@@ -15,34 +15,38 @@ const k = /* @__PURE__ */ v({
         var t;
         (t = o.context) == null || t.node.input(e);
       }
-    }), m = n(() => {
+    }), p = n(() => {
       var e;
       return String(((e = o.context) == null ? void 0 : e.label) || "");
-    }), i = n(() => {
+    }), m = n(() => {
       var e;
       return String(((e = o.context) == null ? void 0 : e.name) || "");
-    }), p = n(() => {
+    }), i = n(() => {
       var t;
       const e = ((t = o.context) == null ? void 0 : t.options) || [];
       return Array.isArray(e) ? e : [];
     }), x = n(() => {
+      var e;
+      return String(((e = o.context) == null ? void 0 : e.placeholder) || "");
+    }), d = n(() => {
       var e;
       return Object.keys(((e = o.context) == null ? void 0 : e.messages) || {}).length > 0;
     }), g = n(() => {
-      var t, r, a, l, u;
-      if (!x.value)
+      var t, r, a, l, c;
+      if (!d.value)
         return "";
       const e = (r = Object.keys(((t = o.context) == null ? void 0 : t.messages) || {})) == null ? void 0 : r[0];
-      return ((u = (l = (a = o.context) == null ? void 0 : a.messages) == null ? void 0 : l[e]) == null ? void 0 : u.value) || "";
+      return String(((c = (l = (a = o.context) == null ? void 0 : a.messages) == null ? void 0 : l[e]) == null ? void 0 : c.value) || "");
     });
-    return (e, t) => (b(), d(f, {
+    return (e, t) => (f(), b(h, {
       modelValue: s.value,
       "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
-      options: p.value,
-      label: m.value,
-      name: i.value,
-      "error-message": g.value
-    }, null, 8, ["modelValue", "options", "label", "name", "error-message"]));
+      options: i.value,
+      label: p.value,
+      name: m.value,
+      "error-message": g.value,
+      placeholder: x.value
+    }, null, 8, ["modelValue", "options", "label", "name", "error-message", "placeholder"]));
   }
 });
 export {

package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue.js

@@ -1,7 +1,7 @@
 import o from "./Listbox.vue2.js";
 /* empty css             */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-20d6f6d1"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fef1f5ee"]]);
 export {
-  p as default
+  m as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/ListBox/Listbox.vue2.js

@@ -1,48 +1,52 @@
-import { defineComponent as v, mergeModels as f, useModel as g, computed as V, createElementBlock as m, openBlock as n, createVNode as d, unref as l, withCtx as s, normalizeClass as b, createElementVNode as t, createCommentVNode as k, renderSlot as L, createTextVNode as M, toDisplayString as u, Fragment as w, renderList as B, createBlock as C } from "vue";
-import { Listbox as h, ListboxButton as N, ListboxLabel as y, ListboxOptions as E, ListboxOption as z } from "@headlessui/vue";
-const O = { class: "listbox" }, S = { class: "listbox__input" }, j = { class: "listbox__input-label" }, F = /* @__PURE__ */ v({
+import { defineComponent as v, mergeModels as f, useModel as g, computed as V, createElementBlock as c, openBlock as d, createVNode as u, unref as s, withCtx as a, normalizeClass as b, createElementVNode as l, createCommentVNode as k, renderSlot as L, createTextVNode as M, toDisplayString as m, Fragment as w, renderList as h, createBlock as B } from "vue";
+import { Listbox as C, ListboxButton as y, ListboxLabel as N, ListboxOptions as E, ListboxOption as z } from "@headlessui/vue";
+const O = { class: "listbox" }, S = { class: "listbox__input" }, D = /* @__PURE__ */ v({
   __name: "Listbox",
   props: /* @__PURE__ */ f({
     options: {},
     label: { default: "" },
     errorMessage: { default: "" },
-    name: { default: "" }
+    name: { default: "" },
+    placeholder: { default: "" }
   }, {
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(_) {
-    const o = _, a = g(_, "modelValue"), c = V(() => !!o.errorMessage);
-    return (r, i) => (n(), m("div", O, [
-      d(l(h), {
-        modelValue: a.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (e) => a.value = e),
-        name: o.name
+    const t = _, o = g(_, "modelValue"), p = V(() => !!t.errorMessage);
+    return (r, i) => (d(), c("div", O, [
+      u(s(C), {
+        modelValue: o.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (e) => o.value = e),
+        name: t.name,
+        by: "id"
       }, {
-        default: s(() => [
-          d(l(N), {
+        default: a(() => [
+          u(s(y), {
             as: "button",
-            class: b(["listbox__button", { "listbox__button--error": c.value }])
+            class: b(["listbox__button", { "listbox__button--error": p.value }])
           }, {
-            default: s(() => {
-              var e;
+            default: a(() => {
+              var e, n;
               return [
-                d(l(y), { as: "div" }, {
-                  default: s(() => [
+                u(s(N), { as: "div" }, {
+                  default: a(() => [
                     L(r.$slots, "label", {
-                      label: o.label,
-                      selected: a.value
+                      label: t.label,
+                      selected: o.value
                     }, () => [
-                      M(u(o.label), 1)
+                      M(m(t.label), 1)
                     ], !0)
                   ]),
                   _: 3
                 }),
-                t("div", S, [
-                  t("div", j, u((e = a.value) == null ? void 0 : e.name), 1),
-                  i[1] || (i[1] = t("div", { class: "listbox__input-icon" }, [
-                    t("svg", {
+                l("div", S, [
+                  l("div", {
+                    class: b(["listbox__input-label", { "listbox__input-label--placeholder": !((e = o.value) != null && e.name) }])
+                  }, m(((n = o.value) == null ? void 0 : n.name) || t.placeholder), 3),
+                  i[1] || (i[1] = l("div", { class: "listbox__input-icon" }, [
+                    l("svg", {
                       xmlns: "http://www.w3.org/2000/svg",
                       fill: "none",
                       viewBox: "0 0 24 24",
@@ -50,7 +54,7 @@ const O = { class: "listbox" }, S = { class: "listbox__input" }, j = { class: "l
                       stroke: "currentColor",
                       class: "size-4"
                     }, [
-                      t("path", {
+                      l("path", {
                         "stroke-linecap": "round",
                         "stroke-linejoin": "round",
                         d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
@@ -58,29 +62,29 @@ const O = { class: "listbox" }, S = { class: "listbox__input" }, j = { class: "l
                     ])
                   ], -1))
                 ]),
-                r.errorMessage ? (n(), m("div", {
+                r.errorMessage ? (d(), c("div", {
                   key: 0,
-                  class: b(["listbox__message", { "listbox__message--error": c.value }])
-                }, u(r.errorMessage), 3)) : k("", !0)
+                  class: b(["listbox__message", { "listbox__message--error": p.value }])
+                }, m(r.errorMessage), 3)) : k("", !0)
               ];
             }),
             _: 3
           }, 8, ["class"]),
-          d(l(E), {
+          u(s(E), {
             class: "listbox__options",
             as: "ul"
           }, {
-            default: s(() => [
-              (n(!0), m(w, null, B(r.options, (e) => (n(), C(l(z), {
-                as: "template",
+            default: a(() => [
+              (d(!0), c(w, null, h(r.options, (e) => (d(), B(s(z), {
                 key: e.id,
+                as: "template",
                 value: e,
                 disabled: e.unavailable
               }, {
-                default: s(({ active: p, selected: x }) => [
-                  t("li", {
-                    class: b(["listbox__option", { "listbox__option--active": p, "listbox__option--selected": x }])
-                  }, u(e.name), 3)
+                default: a(({ active: n, selected: x }) => [
+                  l("li", {
+                    class: b(["listbox__option", { "listbox__option--active": n, "listbox__option--selected": x }])
+                  }, m(e.name), 3)
                 ]),
                 _: 2
               }, 1032, ["value", "disabled"]))), 128))
@@ -94,5 +98,5 @@ const O = { class: "listbox" }, S = { class: "listbox__input" }, j = { class: "l
   }
 });
 export {
-  F as default
+  D as default
 };

package/dist/data-provider-interface/HappyFlowComponents/ui/OptionalDataStep/OptionalDataStep.vue.js

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