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

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
 };