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

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaDefinition.js

@@ -1,5 +1,5 @@
 import t from "./TextAreaFormKit.vue.js";
-const o = {
+const a = {
   type: "text",
   schema: [],
   component: t,
@@ -11,10 +11,11 @@ const o = {
     "hint",
     "maxlength",
     "help",
-    "countHint"
+    "countHint",
+    "labelWeight"
   ],
   inheritAttrs: !0
 };
 export {
-  o as default
+  a as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/TextArea/TextAreaFormKit.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as k, computed as o, createBlock as B, openBlock as y } from "vue";
-import E from "../TextAreaV3.vue.js";
-const _ = /* @__PURE__ */ k({
+import { defineComponent as B, computed as l, createBlock as y, openBlock as E } from "vue";
+import K from "../TextAreaV3.vue.js";
+const A = /* @__PURE__ */ B({
   __name: "TextAreaFormKit",
   props: {
     context: {},
     maxlength: {}
   },
   setup(d) {
-    const t = d, a = t.maxlength || 1e3, s = o({
+    const t = d, s = t.maxlength || 1e3, a = l({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
@@ -17,62 +17,66 @@ const _ = /* @__PURE__ */ k({
       // },
       set: (e) => {
         var n;
-        const l = e.slice(0, a);
-        (n = t.context) == null || n.node.input(l);
+        const o = e.slice(0, s);
+        (n = t.context) == null || n.node.input(o);
       }
-    }), p = o(() => {
+    }), p = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.label) || "";
-    }), x = o(() => {
+    }), x = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here...";
-    }), r = o(() => {
+    }), r = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.help) || "";
-    }), m = o(() => {
+    }), m = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.countHint) || "";
-    }), c = o(() => {
+    }), v = l(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.labelWeight) || "normal";
+    }), c = l(() => {
       var e;
       return Object.keys(((e = t.context) == null ? void 0 : e.messages) || {}).length > 0;
-    }), v = o(() => {
-      var l, n, u, i, h;
+    }), g = l(() => {
+      var o, n, u, i, h;
       if (!c.value)
         return "";
-      const e = (n = Object.keys(((l = t.context) == null ? void 0 : l.messages) || {})) == null ? void 0 : n[0];
+      const e = (n = Object.keys(((o = t.context) == null ? void 0 : o.messages) || {})) == null ? void 0 : n[0];
       return ((h = (i = (u = t.context) == null ? void 0 : u.messages) == null ? void 0 : i[e]) == null ? void 0 : h.value) || "";
-    }), g = o(() => {
+    }), b = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.disabled) || !1;
-    }), f = o(() => {
+    }), f = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.showDeleteButton) || !1;
-    }), b = o(() => {
+    }), w = l(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.hint) || !1;
-    }), w = () => {
-      s.value = "";
-    }, D = (e) => {
-      !["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key) && s.value.length >= a && e.preventDefault();
+    }), D = () => {
+      a.value = "";
+    }, k = (e) => {
+      !["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab"].includes(e.key) && a.value.length >= s && e.preventDefault();
     };
-    return (e, l) => (y(), B(E, {
-      modelValue: s.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (n) => s.value = n),
+    return (e, o) => (E(), y(K, {
+      modelValue: a.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (n) => a.value = n),
       label: p.value,
       placeholder: x.value,
       help: r.value,
-      isDisabled: g.value,
+      isDisabled: b.value,
       showError: c.value,
-      errorMessage: v.value,
+      errorMessage: g.value,
       showDeleteButton: f.value,
-      hint: b.value,
+      hint: w.value,
       hintMessage: r.value,
+      labelWeight: v.value,
       countHint: m.value,
-      onDeleteClicked: w,
-      onKeydown: D
-    }, null, 8, ["modelValue", "label", "placeholder", "help", "isDisabled", "showError", "errorMessage", "showDeleteButton", "hint", "hintMessage", "countHint"]));
+      onDeleteClicked: D,
+      onKeydown: k
+    }, null, 8, ["modelValue", "label", "placeholder", "help", "isDisabled", "showError", "errorMessage", "showDeleteButton", "hint", "hintMessage", "labelWeight", "countHint"]));
   }
 });
 export {
-  _ as default
+  A as default
 };

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

@@ -1,13 +1,13 @@
-import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as S, toDisplayString as f, normalizeStyle as T, normalizeClass as v, unref as s, withDirectives as C, vModelText as A } from "vue";
+import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, normalizeStyle as g, toDisplayString as f, normalizeClass as v, unref as s, withDirectives as C, vModelText as A } from "vue";
 import H from "./TextButtonSmall.vue.js";
 /* empty css                                */
 /* empty css                                 */
 /* empty css                */
 import L from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_InputFieldBase" }, N = { class: "dpiV3_InputWithLabel" }, R = { class: "dpiV3_Top" }, O = { class: "dpiV3_Label" }, U = { class: "dpiV3_label copy-small-regular" }, W = ["disabled", "maxlength", "placeholder"], q = {
+const W = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_InputFieldBase" }, z = { class: "dpiV3_InputWithLabel" }, N = { class: "dpiV3_Top" }, R = { class: "dpiV3_Label" }, O = ["disabled", "maxlength", "placeholder"], U = {
   key: 1,
   class: "dpiV3_errorText copy-small-regular"
-}, G = {
+}, q = {
   __name: "TextAreaV3",
   props: {
     text: {
@@ -51,14 +51,19 @@ const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_Inpu
     help: {
       type: String,
       default: ""
+    },
+    labelWeight: {
+      type: String,
+      default: "normal",
+      validator: (e) => ["bold", "normal"].includes(e)
     }
   },
   emits: ["update:modelValue", "deleteClicked"],
   setup(e, { emit: V }) {
     const o = e, h = V;
-    let n = a(!1), x = a(!1);
-    const g = a(null);
-    let w = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), m = a(!1);
+    let n = a(!1), m = a(!1);
+    const w = a(null);
+    let B = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), x = a(!1);
     const i = a(o.modelValue);
     y(
       () => o.modelValue,
@@ -71,31 +76,34 @@ const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_Inpu
     function _() {
       h("deleteClicked");
     }
-    function B() {
-      w.value = !1, u.value = !0, n.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
-    }
     function E() {
-      u.value = !1, n.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+      B.value = !1, u.value = !0, n.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
     }
     function I() {
-      m.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      u.value = !1, n.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
     }
     function M() {
-      m.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      x.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }
     function F() {
-      n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+      x.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
     }
     function D() {
+      n.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
+    }
+    function k() {
       t.value = "inset 0 0 0 2px var(--Focused)";
     }
-    return (r, b) => (d(), c("div", j, [
-      l("div", z, [
-        l("div", N, [
-          l("div", R, [
-            l("div", O, [
-              l("label", U, f(o.label), 1),
-              e.showDeleteButton ? (d(), S(H, {
+    return (r, b) => (d(), c("div", W, [
+      l("div", j, [
+        l("div", z, [
+          l("div", N, [
+            l("div", R, [
+              l("label", {
+                style: g({ "font-weight": o.labelWeight === "bold" ? "600" : "normal" }),
+                class: "dpiV3_label copy-small-regular"
+              }, f(o.label), 5),
+              e.showDeleteButton ? (d(), T(H, {
                 key: 0,
                 "button-text": "löschen",
                 tabindex: "0",
@@ -106,19 +114,19 @@ const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_Inpu
           l("div", {
             class: v(["dpiV3_Input", {
               dpiV3_disabled: e.isDisabled,
-              "error-state": e.showError && !s(n) && !s(x),
+              "error-state": e.showError && !s(n) && !s(m),
               "focused-error-state": e.showError && s(n),
-              "filled-error-state": e.showError && s(x)
+              "filled-error-state": e.showError && s(m)
             }]),
-            style: T({ "box-shadow": s(t) }),
-            onMouseenter: I,
-            onMouseleave: M,
-            onMousedown: F
+            style: g({ "box-shadow": s(t) }),
+            onMouseenter: M,
+            onMouseleave: F,
+            onMousedown: D
           }, [
             C(l("textarea", {
               ref_key: "inputRef",
-              ref: g,
-              "onUpdate:modelValue": b[0] || (b[0] = (k) => i.value = k),
+              ref: w,
+              "onUpdate:modelValue": b[0] || (b[0] = (S) => i.value = S),
               type: "text",
               class: v(["dpiV3_textArea copy-large-regular", {
                 "error-state": e.showError,
@@ -127,10 +135,10 @@ const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_Inpu
               disabled: e.isDisabled,
               maxlength: e.max,
               placeholder: e.placeholder,
-              onFocus: B,
-              onBlur: E,
-              onMousedown: D
-            }, null, 42, W), [
+              onFocus: E,
+              onBlur: I,
+              onMousedown: k
+            }, null, 42, O), [
               [A, i.value]
             ])
           ], 38)
@@ -141,13 +149,13 @@ const j = { class: "dpiV3_input-field V3-typography" }, z = { class: "dpiV3_Inpu
         }, [
           l("span", null, f(e.hintMessage), 1)
         ], 2)) : p("", !0),
-        e.showError ? (d(), c("div", q, [
+        e.showError ? (d(), c("div", U, [
           l("span", null, f(e.errorMessage), 1)
         ])) : p("", !0)
       ])
     ]));
   }
-}, Z = /* @__PURE__ */ L(G, [["__scopeId", "data-v-f7088c16"]]);
+}, Y = /* @__PURE__ */ L(q, [["__scopeId", "data-v-8b7262ed"]]);
 export {
-  Z as default
+  Y as default
 };

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue.js

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

package/dist/packages/dpi/src/data-provider-interface/components/StepActionsSection.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, inject as E, ref as d, watch as D, toRef as L, computed as M, createElementBlock as f, openBlock as r, normalizeClass as A, createElementVNode as v, createBlock as F, createCommentVNode as I, createVNode as i, renderSlot as x, normalizeStyle as R, withDirectives as C, vShow as y, withCtx as m, Fragment as K, renderList as $, toDisplayString as j, createTextVNode as U, unref as W, nextTick as Z } from "vue";
+import { defineComponent as z, inject as E, ref as d, watch as D, toRef as L, computed as M, createElementBlock as f, openBlock as r, normalizeClass as A, createElementVNode as v, createBlock as F, createCommentVNode as I, createVNode as i, renderSlot as x, normalizeStyle as R, withDirectives as C, vShow as y, withCtx as m, Fragment as j, renderList as K, toDisplayString as $, createTextVNode as U, unref as W, nextTick as Z } from "vue";
 import { getNode as q, isNode as G } from "@formkit/core";
 import { getValidationMessages as H } from "@formkit/validation";
 import { PhExclamationMark as J } from "@phosphor-icons/vue";
@@ -20,10 +20,10 @@ const Y = { class: "step-actions" }, _ = { class: "step-actions__prev-and-next"
     classList: {}
   },
   emits: ["submit"],
-  setup(te, { emit: V }) {
-    const S = V, e = E(Q);
+  setup(te, { emit: T }) {
+    const V = T, e = E(Q);
     e || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
-    function T(t) {
+    function S(t) {
       return t !== void 0;
     }
     const l = d(!1), s = d(!1), a = d([]);
@@ -31,7 +31,7 @@ const Y = { class: "step-actions" }, _ = { class: "step-actions__prev-and-next"
       if (!t)
         return;
       const n = H(t);
-      !n || n.size === 0 || (a.value = [...n.entries()].flatMap(([o, B]) => B.map((P) => String(P.value))));
+      !n || n.size === 0 || (a.value = [...n.entries()].flatMap(([o, w]) => w.map((B) => String(B.value))));
     }
     e && D(e.activeStep, () => {
       a.value.splice(0, a.value.length), s.value = !1;
@@ -51,12 +51,12 @@ const Y = { class: "step-actions" }, _ = { class: "step-actions__prev-and-next"
     function u() {
       e == null || e.goToPreviousStep();
     }
-    const w = M(() => e != null && e.activeStep.value ? q(e == null ? void 0 : e.activeStep.value) : null);
+    const P = M(() => e != null && e.activeStep.value ? q(e == null ? void 0 : e.activeStep.value) : null);
     async function c() {
-      if (!T(e))
+      if (!S(e))
         return;
       e.triggerValidationCurrentStep(), await Z();
-      const t = w.value;
+      const t = P.value;
       if (t ? !p((e == null ? void 0 : e.activeStep.value) || "") : !1) {
         if (!G(t)) {
           console.error("Current step node is not a FormKitNode", t);
@@ -64,7 +64,7 @@ const Y = { class: "step-actions" }, _ = { class: "step-actions__prev-and-next"
         }
         N(t), s.value = !0;
       }
-      e != null && e.isLast.value ? S("submit") : k();
+      e != null && e.isLast.value ? V("submit") : k();
     }
     return (t, n) => (r(), f("div", {
       class: A([t.classList, "step-actions-container"])
@@ -107,7 +107,7 @@ const Y = { class: "step-actions" }, _ = { class: "step-actions__prev-and-next"
                 variant: t.nextVariant,
                 type: "button",
                 "button-text": t.nextText,
-                "icon-end": t.nextText === "Als Entwurf Speichern" ? null : "CaretRight",
+                "icon-end": t.nextText === "Als Entwurf Speichern" || t.nextText === "Projektanlage starten" ? null : "CaretRight",
                 onClick: c
               }, null, 8, ["variant", "button-text", "icon-end"]), [
                 [y, !t.hideNext]
@@ -131,7 +131,7 @@ const Y = { class: "step-actions" }, _ = { class: "step-actions__prev-and-next"
         ])),
         default: m(() => [
           v("ul", ee, [
-            (r(!0), f(K, null, $(a.value, (o) => (r(), f("li", { key: o }, j(o), 1))), 128))
+            (r(!0), f(j, null, K(a.value, (o) => (r(), f("li", { key: o }, $(o), 1))), 128))
           ])
         ]),
         _: 1