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

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

@@ -1,13 +1,13 @@
-import { ref as o, watch as V, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, toDisplayString as f, normalizeStyle as C, normalizeClass as h, unref as u, withDirectives as H, vModelText as z } from "vue";
-import A from "./TextButtonSmall.vue.js";
+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 R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_InputFieldBase" }, N = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, $ = ["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: {
@@ -19,6 +19,10 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
       type: Boolean,
       default: !1
     },
+    isDescription: {
+      type: Boolean,
+      default: !1
+    },
     showError: {
       type: Boolean,
       default: !1
@@ -47,55 +51,59 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { 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: g }) {
-    const n = e, v = g;
-    let s = o(!1), x = o(!1);
-    const m = o(null);
-    let w = o(!1), t = o("inset 0 0 0 1px var(--neutral-30, #687178)"), i = o(!1), b = o(!1);
-    const r = o(n.modelValue);
-    V(
-      () => n.modelValue,
-      (a) => {
-        r.value = a;
+  setup(e, { emit: V }) {
+    const o = e, h = V;
+    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,
+      (r) => {
+        i.value = r;
       }
-    ), V(r, (a) => {
-      v("update:modelValue", a);
+    ), y(i, (r) => {
+      h("update:modelValue", r);
     });
     function _() {
-      v("deleteClicked");
-    }
-    function B() {
-      w.value = !1, i.value = !0, s.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
+      h("deleteClicked");
     }
     function E() {
-      i.value = !1, s.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() {
-      b.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", i.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() {
-      b.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", i.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() {
-      s.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)";
     }
-    function D() {
-      const a = m.value;
-      a.style.height = "auto", a.style.height = `${Math.min(a.scrollHeight, 372)}px`;
-    }
-    return (a, y) => (d(), c("div", R, [
+    return (r, b) => (d(), c("div", W, [
       l("div", j, [
-        l("div", N, [
-          l("div", O, [
-            l("div", U, [
-              l("label", W, f(n.label), 1),
-              e.showDeleteButton ? (d(), T(A, {
+        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",
@@ -104,51 +112,50 @@ const R = { class: "dpiV3_input-field V3-typography" }, j = { class: "dpiV3_Inpu
             ])
           ]),
           l("div", {
-            class: h(["dpiV3_Input", {
+            class: v(["dpiV3_Input", {
               dpiV3_disabled: e.isDisabled,
-              "error-state": e.showError && !u(s) && !u(x),
-              "focused-error-state": e.showError && u(s),
-              "filled-error-state": e.showError && u(x)
+              "error-state": e.showError && !s(n) && !s(m),
+              "focused-error-state": e.showError && s(n),
+              "filled-error-state": e.showError && s(m)
             }]),
-            style: C({ "box-shadow": u(t) }),
-            onMouseenter: I,
-            onMouseleave: M,
-            onMousedown: F
+            style: g({ "box-shadow": s(t) }),
+            onMouseenter: M,
+            onMouseleave: F,
+            onMousedown: D
           }, [
-            H(l("textarea", {
+            C(l("textarea", {
               ref_key: "inputRef",
-              ref: m,
-              "onUpdate:modelValue": y[0] || (y[0] = (S) => r.value = S),
+              ref: w,
+              "onUpdate:modelValue": b[0] || (b[0] = (S) => i.value = S),
               type: "text",
-              class: h(["dpiV3_textArea copy-large-regular", {
+              class: v(["dpiV3_textArea copy-large-regular", {
                 "error-state": e.showError,
                 dpiV3_input_disabled: e.isDisabled
               }]),
               disabled: e.isDisabled,
               maxlength: e.max,
               placeholder: e.placeholder,
-              onFocus: B,
-              onBlur: E,
-              onMousedown: k,
-              onInput: D
-            }, null, 42, $), [
-              [z, r.value]
+              onFocus: E,
+              onBlur: I,
+              onMousedown: k
+            }, null, 42, O), [
+              [A, i.value]
             ])
           ], 38)
         ]),
         e.hint && !e.showError ? (d(), c("div", {
           key: 0,
-          class: h(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": n.countHint, "copy-small-regular": !n.countHint }])
+          class: v(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": o.countHint, "copy-small-regular": !o.countHint }])
         }, [
           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-85b71c6c"]]);
+}, Y = /* @__PURE__ */ L(q, [["__scopeId", "data-v-4cb670c1"]]);
 export {
-  Z as default
+  Y as default
 };

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

@@ -119,7 +119,7 @@ function K(e, s, T, V, v, z) {
     ])) : r("", !0)
   ], 16, k);
 }
-const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-5d413fe3"]]);
+const L = /* @__PURE__ */ c(h, [["render", K], ["__scopeId", "data-v-cfbe885e"]]);
 export {
   L as default
 };

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

@@ -1,12 +1,12 @@
-import { ref as i, createElementBlock as g, openBlock as v, normalizeClass as u, createElementVNode as s, toDisplayString as S, createVNode as c, unref as p } from "vue";
+import { ref as l, createElementBlock as v, openBlock as g, normalizeClass as p, createElementVNode as s, toDisplayString as S, createVNode as c, unref as f } from "vue";
 import x from "../img/x-circleFill.svg.js";
-import _ from "../img/InfoFill.svg.js";
-import T from "../img/CheckCircleFill.svg.js";
+import T from "../img/InfoFill.svg.js";
+import b from "../img/CheckCircleFill.svg.js";
 import B from "../img/WarningFill.svg.js";
-import b from "./TextButtonSmall.vue.js";
-import w from "./CrossOutButton.vue.js";
+import w from "./TextButtonSmall.vue.js";
+import E from "./CrossOutButton.vue.js";
 /* empty css           */
-const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" }, $ = {
+const _ = { class: "imgTextWrap" }, k = ["src"], K = { class: "btnWrapToast" }, h = {
   __name: "Toast",
   props: {
     text: {
@@ -20,50 +20,51 @@ const E = { class: "imgTextWrap" }, K = ["src"], h = { class: "btnWrapToast" },
     button: String,
     action: String
   },
-  setup(f) {
-    const o = i();
-    let n = i(!1), a = i(!1);
-    const e = f;
-    e.type === "info" && (o.value = _), e.type === "success" && (o.value = T), e.type === "warning" && (o.value = B), e.type === "error" && (o.value = x);
-    const l = (t) => {
-      t === "in" ? a.value = !0 : a.value = !1;
-    }, d = (t) => {
-      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+  setup(d) {
+    const r = l();
+    let n = l(!1), i = l(!1);
+    const e = d;
+    e.type === "info" && (r.value = T), e.type === "success" && (r.value = b), e.type === "warning" && (r.value = B), e.type === "error" && (r.value = x);
+    const u = (t) => {
+      t === "in" ? i.value = !0 : i.value = !1;
     }, m = (t) => {
+      (t.code === "Space" || t.code === "Enter") && (n.value = !0, t.preventDefault());
+    }, y = (t) => {
       (t.code === "Space" || t.code === "Enter") && (n.value = !1);
     };
-    return (t, r) => (v(), g("div", {
-      class: u(["toastBody", {
+    return (t, o) => (g(), v("div", {
+      class: p(["toastBody", {
         error: e.type === "error",
         warning: e.type === "warning",
         info: e.type === "info",
         success: e.type === "success"
       }])
     }, [
-      s("div", E, [
+      s("div", _, [
         s("img", {
-          src: o.value,
+          src: r.value,
           alt: ""
-        }, null, 8, K),
+        }, null, 8, k),
         s("span", null, S(e.text), 1)
       ]),
-      s("div", h, [
-        c(b, {
+      s("div", K, [
+        c(w, {
+          onClick: o[0] || (o[0] = (a) => t.$emit("button-clicked")),
           buttonText: e.button,
           style: { margin: "auto" }
         }, null, 8, ["buttonText"]),
-        c(w, {
-          onKeydown: d,
-          onKeyup: m,
-          onFocus: r[0] || (r[0] = (y) => l("in")),
-          onBlur: r[1] || (r[1] = (y) => l()),
+        c(E, {
+          onKeydown: m,
+          onKeyup: y,
+          onFocus: o[1] || (o[1] = (a) => u("in")),
+          onBlur: o[2] || (o[2] = (a) => u()),
           type: "inToast",
-          class: u(["crossout", { pressed: p(n), focused: p(a) }])
+          class: p(["crossout", { pressed: f(n), focused: f(i) }])
         }, null, 8, ["class"])
       ])
     ], 2));
   }
 };
 export {
-  $ as default
+  h as default
 };

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

@@ -0,0 +1,30 @@
+import { defineComponent as a, createBlock as r, openBlock as o, unref as e } from "vue";
+import { FormKit as l } from "@formkit/vue";
+import { generateIsInvalidMsg as n } from "../../../utils/twinbyUtils.js";
+import m from "./InputField/InputFieldDefinition.js";
+const v = /* @__PURE__ */ a({
+  __name: "UrlField",
+  props: {
+    name: {},
+    required: { type: Boolean }
+  },
+  setup(t) {
+    const i = t;
+    return (s, p) => (o(), r(e(l), {
+      type: e(m),
+      name: i.name,
+      "text-label": "URL",
+      "trailing-text": !1,
+      placeholder: "https://www.url.com",
+      validation: i.required ? "required|url" : "url",
+      "validation-visibility": "submit",
+      "validation-label": "URL",
+      "validation-messages": {
+        url: e(n)("URL")
+      }
+    }, null, 8, ["type", "name", "validation", "validation-messages"]));
+  }
+});
+export {
+  v as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./UrlField.vue.js";
+export {
+  f as default
+};