@piveau/dpi 0.2.0-alpha.1 → 0.2.0-alpha.3

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a24aea37"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,39 @@
+import { defineComponent as r, createElementBlock as i, openBlock as a, createElementVNode as t, createVNode as o, withCtx as n, createTextVNode as l, unref as s } from "vue";
+import { PhInfo as d } from "@phosphor-icons/vue";
+import c from "../../../components/StepActionsSection.vue.js";
+import m from "../Card.vue.js";
+const p = { class: "dpiV3_page" }, h = /* @__PURE__ */ r({
+  __name: "LandingProjectStep",
+  setup(u) {
+    return (f, e) => (a(), i("div", p, [
+      e[1] || (e[1] = t("section", null, [
+        t("h4", null, " todo "),
+        t("p", { class: "copy-large-regular" }, " todo ")
+      ], -1)),
+      t("section", null, [
+        o(m, null, {
+          icon: n(() => [
+            o(s(d), {
+              size: 32,
+              color: "#009fe3"
+            })
+          ]),
+          default: n(() => [
+            e[0] || (e[0] = l(" 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]
+        })
+      ]),
+      o(c, {
+        "hide-previous": "",
+        "hide-cancel": "",
+        "next-text": "Projektanlage starten",
+        "hide-validation-summary": ""
+      })
+    ]));
+  }
+});
+export {
+  h 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 a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ a(t, [["__scopeId", "data-v-fea893a5"]]);
+export {
+  e as default
+};