@piveau/dpi 0.1.0-beta.5

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

@@ -0,0 +1,477 @@
+import { ref as c, watch as N, createElementBlock as u, openBlock as o, createCommentVNode as i, createElementVNode as d, createBlock as v, toDisplayString as h, unref as n, normalizeStyle as S, normalizeClass as x, withDirectives as M, vModelDynamic as F, createVNode as W, withKeys as w, withModifiers as T, isRef as r } from "vue";
+import { PhInfo as q, PhMagnifyingGlass as X, PhQuestion as O, PhWarningCircle as H, PhCaretDown as Y, PhCaretUp as Z, PhCalendar as _, PhClock as ee } from "@phosphor-icons/vue";
+import G from "./TextButtonSmall.vue.js";
+/* empty css                                */
+/* empty css                                 */
+/* empty css                */
+import te from "../../../_virtual/_plugin-vue_export-helper.js";
+const le = { class: "dpiV3_input-field" }, ne = {
+  key: 0,
+  class: "dpiV3_InputFieldBase"
+}, oe = { class: "dpiV3_Top" }, ie = { class: "dpiV3_Lebel" }, ae = {
+  key: 0,
+  class: "dpiV3_label"
+}, de = { class: "dpiV3_Tooltip_Wrapper" }, se = {
+  key: 1,
+  class: "dpiV3_toolTip copy-mini-regular"
+}, ue = { class: "dpiV3_Content" }, re = ["type", "disabled", "placeholder"], ve = ["type", "disabled", "placeholder"], ce = {
+  key: 0,
+  class: "dpiV3_inputButton"
+}, fe = {
+  key: 1,
+  class: "dpiV3_inputButton"
+}, pe = {
+  key: 0,
+  class: "dpiV3_hintText"
+}, xe = {
+  key: 1,
+  class: "dpiV3_errorText"
+}, ye = {
+  key: 1,
+  class: "dpiV3_InputFieldBase"
+}, Ve = { class: "dpiV3_Top_leading_text" }, be = { class: "dpiV3_Lebel" }, he = { class: "dpiV3_label" }, we = { class: "dpiV3_Input" }, ge = { class: "dpiV3_Text-Add-On" }, Te = { class: "dpiV3_Content-leading-Text" }, ke = ["type", "disabled", "placeholder"], me = { class: "dpiV3_Content-leading-Text" }, Ee = ["type", "disabled", "placeholder"], Be = { class: "dpiV3_Text-Add-On" }, Ie = {
+  key: 0,
+  class: "dpiV3_hintText"
+}, De = {
+  key: 1,
+  class: "dpiV3_errorText"
+}, Me = {
+  __name: "InputField",
+  props: {
+    supportingHintMessage: { type: String, default: "hint message" },
+    isDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    inputType: {
+      type: String,
+      default: "text"
+    },
+    datePicker: {
+      type: Boolean
+    },
+    timePicker: {
+      type: Boolean
+    },
+    infoIcon: {
+      type: Boolean
+    },
+    eraseable: {
+      type: Boolean
+    },
+    addOnText: {
+      type: Boolean
+    },
+    trailingText: {
+      type: Boolean,
+      default: !1
+    },
+    defaultInput: {
+      type: Boolean,
+      default: !0
+    },
+    showError: {
+      type: Boolean,
+      default: !1
+    },
+    initialHintText: {
+      type: Boolean,
+      default: !0
+    },
+    preIcon: {
+      type: Boolean,
+      default: !0
+    },
+    label: {
+      type: String,
+      default: "Label"
+    },
+    dropdown_dpiV3: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: "Standard_input"
+    },
+    inputFieldSize: {
+      type: String,
+      default: "medium",
+      validator: (e) => ["medium", "large"].includes(e)
+    },
+    modelValue: { type: String, default: "" },
+    dropDownExpanded: {
+      type: Boolean,
+      default: !1
+    },
+    showEndIcon: {
+      type: Boolean,
+      default: !0
+    },
+    addOnLeadingText: {
+      type: String,
+      default: "http://"
+    },
+    trailing_text: {
+      type: String,
+      default: "text"
+    },
+    autocomplete: {
+      type: Boolean,
+      default: !1
+    },
+    tooltip_text: {
+      type: String,
+      default: "info"
+    },
+    error_message: {
+      type: String,
+      default: "error"
+    }
+  },
+  emits: ["update:modelValue", "deleteButtonClicked"],
+  setup(e, { emit: Q }) {
+    let L = c("var(--neutral-60)"), y = c(!1), l = c(!1), g = c(!1);
+    const f = c(null);
+    let k = c(!1), s = c("inset 0 0 0 1px var(--neutral-30, #687178)"), m = c(!1), C = c(!1), b = c();
+    const $ = c(!1), p = e, K = Q, V = c(p.modelValue);
+    N(
+      () => p.modelValue,
+      (D) => {
+        V.value = D;
+      }
+    ), N(V, (D) => {
+      K("update:modelValue", D);
+    });
+    const j = () => {
+      f.value && f.value.showPicker();
+    }, J = () => {
+      f.value && f.value.showPicker();
+    }, U = () => {
+      K("deleteButtonClicked");
+    }, E = () => {
+      k.value = !1, m.value = !0, y.value = !0, s.value = "0 0 0 2px var(--Focused)", p.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b = "none"), f.value && (f.value.selectionStart = f.value.selectionEnd);
+    }, B = () => {
+      m.value = !1, y.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+    }, A = () => {
+      k.value = !0, y.value = !1, C.value && (s.value = "inset 0 0 0 1px var(--neutral-60, #687178)");
+    }, P = () => {
+      C.value = !0, s.value = "inset 0 0 0 1px var(--neutral-60, #687178)", p.addOnText && (b = "none"), m.value && (s.value = "0 0 0 2px var(--Focused)", p.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b = "none"));
+    }, z = () => {
+      C.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)", p.addOnText && (b = "none"), m.value && (s.value = "0 0 0 2px var(--Focused, #687178)", p.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b = "none"));
+    }, R = () => {
+      y.value && (s.value = "0 0 0 2px var(--Focused)", p.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b = "none"));
+    }, I = () => {
+      s.value = "0 0 0 2px var(--Focused)", p.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b = "none");
+    };
+    return (D, t) => (o(), u("div", le, [
+      e.addOnText ? i("", !0) : (o(), u("div", ne, [
+        d("div", oe, [
+          d("div", ie, [
+            e.label ? (o(), u("label", ae, h(e.label), 1)) : i("", !0),
+            d("span", de, [
+              e.infoIcon ? (o(), v(n(q), {
+                key: 0,
+                weight: "fill",
+                class: "dpiV3_labelIcon",
+                size: 16,
+                color: "var(--neutral-60, #3D4952)",
+                onMouseenter: t[0] || (t[0] = (a) => $.value = !0),
+                onMouseleave: t[1] || (t[1] = (a) => $.value = !1)
+              })) : i("", !0),
+              $.value ? (o(), u("span", se, h(e.tooltip_text), 1)) : i("", !0)
+            ])
+          ]),
+          e.defaultInput ? i("", !0) : (o(), v(G, {
+            key: 0,
+            buttonText: "löschen",
+            onClick: t[2] || (t[2] = (a) => U()),
+            class: "dpiV3_deleteButton",
+            tabindex: "0"
+          }))
+        ]),
+        d("div", {
+          class: x(["dpiV3_Input_box", {
+            dpiV3_disabled: e.isDisabled,
+            "calendar-focused": n(k),
+            "error-state": e.showError && !n(y) && !n(g),
+            "focused-error-state": e.showError && n(y),
+            "filled-error-state": e.showError && n(g)
+          }]),
+          style: S({ "box-shadow": n(s) }),
+          onMouseenter: P,
+          onMouseleave: z,
+          onMousedown: R
+        }, [
+          d("div", ue, [
+            e.preIcon ? (o(), v(n(X), {
+              key: 0,
+              class: "dpiV3_iconLeft",
+              size: 24,
+              color: "var(--neutral-60, #3D4952)"
+            })) : i("", !0),
+            e.dropdown_dpiV3 ? i("", !0) : M((o(), u("input", {
+              key: 1,
+              ref_key: "inputRef",
+              ref: f,
+              "onUpdate:modelValue": t[3] || (t[3] = (a) => V.value = a),
+              type: e.inputType,
+              class: x(["dpiV3_Text", {
+                "error-state": e.showError,
+                dpiV3_input_disabled: e.isDisabled
+              }]),
+              disabled: e.isDisabled,
+              placeholder: e.placeholder,
+              onFocus: E,
+              onBlur: B,
+              onMousedown: I
+            }, null, 42, re)), [
+              [F, V.value]
+            ]),
+            e.dropdown_dpiV3 ? M((o(), u("input", {
+              key: 2,
+              ref_key: "inputRef",
+              ref: f,
+              "onUpdate:modelValue": t[4] || (t[4] = (a) => V.value = a),
+              type: e.inputType,
+              class: x(["dpiV3_Text", {
+                "error-state": e.showError,
+                dpiV3_input_disabled: e.isDisabled,
+                "no-cursor": e.dropdown_dpiV3 && !e.autocomplete
+              }]),
+              disabled: e.isDisabled,
+              placeholder: e.placeholder,
+              onFocus: E,
+              onBlur: B,
+              onMousedown: I
+            }, null, 42, ve)), [
+              [F, V.value]
+            ]) : i("", !0),
+            e.showEndIcon && !e.showError && !e.dropdown_dpiV3 ? (o(), v(n(O), {
+              key: 3,
+              class: "dpiV3_iconRight",
+              size: 24,
+              color: "var(--neutral-60, #3D4952)"
+            })) : i("", !0),
+            e.showError ? (o(), v(n(H), {
+              key: 4,
+              class: "dpiV3_iconRight",
+              size: 24,
+              color: "var(--fill-error, #E53B46)"
+            })) : i("", !0),
+            e.showEndIcon && e.dropdown_dpiV3 && !e.dropDownExpanded ? (o(), v(n(Y), {
+              key: 5,
+              class: "dpiV3_iconRight",
+              color: "var(--neutral-60, #3D4952)",
+              size: 24
+            })) : i("", !0),
+            e.showEndIcon && e.dropdown_dpiV3 && e.dropDownExpanded ? (o(), v(n(Z), {
+              key: 6,
+              class: "dpiV3_iconRight",
+              color: "var(--neutral-60, #3D4952)",
+              size: 24
+            })) : i("", !0)
+          ]),
+          p.datePicker ? (o(), u("div", ce, [
+            W(n(_), {
+              class: "dpiV3_calendarIcon",
+              size: 24,
+              color: n(L)
+            }, null, 8, ["color"]),
+            d("div", {
+              onClick: j,
+              class: x(["dpiV3_Rectangle1", { dpiV3_Pressed: n(l) }]),
+              onFocus: T(A, ["stop"]),
+              onMousedown: t[5] || (t[5] = (a) => r(l) ? l.value = !0 : l = !0),
+              onMouseup: t[6] || (t[6] = (a) => r(l) ? l.value = !1 : l = !1),
+              onMouseleave: t[7] || (t[7] = (a) => r(l) ? l.value = !1 : l = !1),
+              onKeydown: [
+                t[8] || (t[8] = w(T((a) => r(l) ? l.value = !0 : l = !0, ["prevent"]), ["space"])),
+                t[10] || (t[10] = w(T((a) => r(l) ? l.value = !0 : l = !0, ["prevent"]), ["enter"]))
+              ],
+              onKeyup: [
+                t[9] || (t[9] = w((a) => r(l) ? l.value = !1 : l = !1, ["space"])),
+                t[11] || (t[11] = w((a) => r(l) ? l.value = !1 : l = !1, ["enter"]))
+              ]
+            }, null, 34)
+          ])) : i("", !0),
+          p.timePicker ? (o(), u("div", fe, [
+            W(n(ee), {
+              class: "dpiV3_calendarIcon",
+              size: 24,
+              color: n(L)
+            }, null, 8, ["color"]),
+            d("div", {
+              onClick: J,
+              class: x(["dpiV3_Rectangle1", { dpiV3_Pressed: n(l) }]),
+              onFocus: T(A, ["stop"]),
+              onMousedown: t[12] || (t[12] = (a) => r(l) ? l.value = !0 : l = !0),
+              onMouseup: t[13] || (t[13] = (a) => r(l) ? l.value = !1 : l = !1),
+              onMouseleave: t[14] || (t[14] = (a) => r(l) ? l.value = !1 : l = !1),
+              onKeydown: [
+                t[15] || (t[15] = w(T((a) => r(l) ? l.value = !0 : l = !0, ["prevent"]), ["space"])),
+                t[17] || (t[17] = w(T((a) => r(l) ? l.value = !0 : l = !0, ["prevent"]), ["enter"]))
+              ],
+              onKeyup: [
+                t[16] || (t[16] = w((a) => r(l) ? l.value = !1 : l = !1, ["space"])),
+                t[18] || (t[18] = w((a) => r(l) ? l.value = !1 : l = !1, ["enter"]))
+              ]
+            }, null, 34)
+          ])) : i("", !0)
+        ], 38),
+        !e.showError && e.initialHintText ? (o(), u("div", pe, [
+          d("span", null, h(e.supportingHintMessage), 1)
+        ])) : i("", !0),
+        e.showError && e.initialHintText ? (o(), u("div", xe, [
+          d("span", null, h(e.error_message), 1)
+        ])) : i("", !0)
+      ])),
+      e.addOnText ? (o(), u("div", ye, [
+        d("div", Ve, [
+          d("div", be, [
+            d("label", he, h(e.label), 1),
+            e.infoIcon ? (o(), v(n(q), {
+              key: 0,
+              weight: "fill",
+              class: "dpiV3_labelIcon",
+              size: 16,
+              color: "var(--neutral-60, #3D4952)"
+            })) : i("", !0)
+          ]),
+          e.defaultInput ? i("", !0) : (o(), v(G, {
+            key: 0,
+            buttonText: "löschen",
+            onClick: t[19] || (t[19] = (a) => U()),
+            class: "dpiV3_deleteButton",
+            tabindex: "0"
+          }))
+        ]),
+        d("div", we, [
+          e.trailingText ? i("", !0) : (o(), u("div", {
+            key: 0,
+            class: x(["dpiV3_Add-on", {
+              dpiV3_input_disabled: e.isDisabled
+            }])
+          }, [
+            d("div", ge, h(e.addOnLeadingText), 1)
+          ], 2)),
+          e.trailingText ? i("", !0) : (o(), u("div", {
+            key: 1,
+            class: x(["dpiV3_Text_input", {
+              dpiV3_input_disabled: e.isDisabled,
+              "calendar-focused": n(k),
+              "error-state": e.showError && !n(y) && !n(g),
+              "focused-error-state": e.showError && n(y),
+              "filled-error-state": e.showError && n(g)
+            }]),
+            style: S({
+              "box-shadow": n(s),
+              border: n(b)
+            }),
+            onMouseenter: P,
+            onMouseleave: z,
+            onMousedown: R
+          }, [
+            d("div", Te, [
+              M(d("input", {
+                ref_key: "inputRef",
+                ref: f,
+                "onUpdate:modelValue": t[20] || (t[20] = (a) => V.value = a),
+                type: e.inputType,
+                class: x(["dpiV3_Text", {
+                  "error-state": e.showError,
+                  dpiV3_input_disabled: e.isDisabled
+                }]),
+                disabled: e.isDisabled,
+                placeholder: e.placeholder,
+                onFocus: E,
+                onBlur: B,
+                onMousedown: I
+              }, null, 42, ke), [
+                [F, V.value]
+              ])
+            ]),
+            e.showError ? (o(), v(n(H), {
+              key: 0,
+              class: "dpiV3_iconRight",
+              size: 24,
+              color: "var(--fill-error, #E53B46)"
+            })) : i("", !0),
+            e.showEndIcon && !e.showError ? (o(), v(n(O), {
+              key: 1,
+              class: "dpiV3_iconRight",
+              size: 24,
+              color: "var(--neutral-60, #3D4952)"
+            })) : i("", !0)
+          ], 38)),
+          e.trailingText ? (o(), u("div", {
+            key: 2,
+            class: x(["dpiV3_Text_input-trailing", {
+              dpiV3_input_disabled: e.isDisabled,
+              "calendar-focused": n(k),
+              "error-state": e.showError && !n(y) && !n(g),
+              "focused-error-state": e.showError && n(y),
+              "filled-error-state": e.showError && n(g)
+            }]),
+            style: S({
+              "box-shadow": n(s),
+              border: n(b)
+            }),
+            onMouseenter: P,
+            onMouseleave: z,
+            onMousedown: R
+          }, [
+            d("div", me, [
+              M(d("input", {
+                ref_key: "inputRef",
+                ref: f,
+                "onUpdate:modelValue": t[21] || (t[21] = (a) => V.value = a),
+                type: e.inputType,
+                class: x(["dpiV3_Text", {
+                  "error-state": e.showError,
+                  dpiV3_input_disabled: e.isDisabled
+                }]),
+                disabled: e.isDisabled,
+                placeholder: e.placeholder,
+                onFocus: E,
+                onBlur: B,
+                onMousedown: I
+              }, null, 42, Ee), [
+                [F, V.value]
+              ])
+            ]),
+            e.showError ? (o(), v(n(H), {
+              key: 0,
+              class: "dpiV3_iconRight",
+              size: 24,
+              color: "var(--fill-error, #E53B46)"
+            })) : i("", !0),
+            e.showEndIcon && !e.showError ? (o(), v(n(O), {
+              key: 1,
+              class: "dpiV3_iconRight",
+              size: 24,
+              color: "var(--neutral-60, #3D4952)"
+            })) : i("", !0)
+          ], 38)) : i("", !0),
+          e.trailingText ? (o(), u("div", {
+            key: 3,
+            class: x(["dpiV3_Add-on-trailing", {
+              dpiV3_input_disabled: e.isDisabled
+            }])
+          }, [
+            d("div", Be, h(e.trailing_text), 1)
+          ], 2)) : i("", !0)
+        ]),
+        !e.showError && e.initialHintText ? (o(), u("div", Ie, t[22] || (t[22] = [
+          d("span", null, "This is a supporting message.", -1)
+        ]))) : i("", !0),
+        e.showError && e.initialHintText ? (o(), u("div", De, [
+          d("span", null, h(e.error_message), 1)
+        ])) : i("", !0)
+      ])) : i("", !0)
+    ]));
+  }
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-31b5c8b4"]]);
+export {
+  Oe as default
+};

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

@@ -0,0 +1,182 @@
+import { ref as s, watch as w, createElementBlock as p, openBlock as r, createElementVNode as u, createBlock as k, createCommentVNode as v, createVNode as B, toDisplayString as x, unref as e, normalizeClass as y, withDirectives as V, isRef as f, vModelText as D } from "vue";
+import { onClickOutside as O } from "@vueuse/core";
+import W from "../img/iconRight.svg.js";
+import $ from "./TextButtonSmall.vue.js";
+import { PhInfo as j, PhMagnifyingGlass as q, PhCaretDown as M, PhQuestion as N, PhCalendar as S } from "@phosphor-icons/vue";
+/* empty css             */
+import A from "../../../_virtual/_plugin-vue_export-helper.js";
+const E = { for: "input-container" }, G = { class: "stretch" }, R = { class: "labelWrap" }, U = { class: "lebel" }, Z = { class: "inputFieldWrapper" }, H = { class: "preWrap" }, Q = {
+  key: 1,
+  class: "ddWrap"
+}, J = {
+  key: 0,
+  class: "neutral80"
+}, K = { class: "d-flex w-100" }, L = ["disabled", "placeholder"], X = ["placeholder"], Y = { key: 0 }, _ = { key: 1 }, ee = {
+  __name: "InputV3",
+  props: {
+    text: {
+      type: Object,
+      required: !0
+    },
+    isDisabled: {
+      type: Boolean
+    },
+    data: {
+      type: Object,
+      required: !0
+    },
+    validation: {
+      type: Object,
+      required: !0
+    },
+    inputType: {
+      type: Object
+    },
+    datePicker: {
+      type: Boolean
+    }
+  },
+  setup(t) {
+    const m = t;
+    let i = s(), a = s(), b = s(), o = s(!0);
+    s(W);
+    let z = s(!0), h = s("var(--neutral-60)"), T = s("var(--neutral-60)"), g = s(m.datePicker), c = s(!1);
+    w(o, (d, l) => {
+      d ? T.value = "var(--neutral-60)" : T.value = "var(--fill-error)";
+    });
+    const I = (d, l) => {
+    }, F = () => {
+      a.value = "", i.value = !0, o.value = !0;
+    }, C = () => {
+      i.value = !0;
+    }, P = () => {
+      let d;
+      a.value === "" ? o.value = !0 : m.validation.type === "number" ? a != "" && (d = /^[0-9+\-.,]+$/, o.value = d.test(a.value)) : m.validation.type === "url" && a != "" && (d = /\b(?!http:\/\/|https:\/\/)([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(\/[^\s]*)?\b/, a.value.endsWith(" ") ? o.value = !1 : o.value = d.test(a.value));
+    };
+    return O(b, (d) => {
+      i.value = !1;
+    }), (d, l) => (r(), p("label", E, [
+      u("div", G, [
+        u("div", R, [
+          u("div", U, [
+            u("span", null, x(t.text.property), 1),
+            B(e(j), {
+              size: 16,
+              color: e(h),
+              weight: "fill"
+            }, null, 8, ["color"])
+          ]),
+          !t.isDisabled && e(z) ? (r(), k($, {
+            key: 0,
+            buttonText: "löschen",
+            onClick: l[0] || (l[0] = (n) => F()),
+            class: "eraseButton"
+          })) : v("", !0)
+        ]),
+        u("div", Z, [
+          u("div", {
+            class: y({
+              pPrefix: t.inputType.prefixType === "set",
+              ePrefix: t.inputType.prefixType === "edit",
+              dPrefix: t.inputType.prefixType === "drop"
+            })
+          }, [
+            t.inputType.prefixType === "set" ? (r(), p("div", {
+              key: 0,
+              class: y(["protocolPrefix", { disabled: t.isDisabled }])
+            }, x(t.inputType.prefix), 3)) : v("", !0),
+            t.inputType.iType !== void 0 && t.inputType.iType !== "textarea" ? (r(), p("div", {
+              key: 1,
+              class: y(["input-container", {
+                activeInputV3: e(i),
+                disabled: t.isDisabled,
+                invalidInput: !e(o),
+                invalidFocus: !e(o) && e(i),
+                urlInput: t.inputType.prefixType === "set"
+              }])
+            }, [
+              u("div", H, [
+                t.validation.type != "url" ? (r(), k(e(q), {
+                  key: 0,
+                  size: 24,
+                  color: e(h),
+                  alt: "Prefix"
+                }, null, 8, ["color"])) : v("", !0),
+                t.inputType.prefixType === "edit" || t.inputType.prefixType === "drop" ? (r(), p("div", Q, [
+                  t.inputType.prefixType === "edit" || t.inputType.prefixType === "drop" ? (r(), p("span", J, x(t.inputType.prefix), 1)) : v("", !0),
+                  t.inputType.prefixType === "drop" ? (r(), k(e(M), {
+                    key: 1,
+                    size: 20,
+                    class: "pointer"
+                  })) : v("", !0)
+                ])) : v("", !0)
+              ]),
+              u("div", K, [
+                V(u("input", {
+                  disabled: t.isDisabled,
+                  ref_key: "inputField",
+                  ref: b,
+                  onClick: C,
+                  onInput: P,
+                  type: "text",
+                  "onUpdate:modelValue": l[1] || (l[1] = (n) => f(a) ? a.value = n : a = n),
+                  placeholder: t.text.placeholder,
+                  onFocus: l[2] || (l[2] = (n) => f(i) ? i.value = !0 : i = !0),
+                  onBlur: l[3] || (l[3] = (n) => f(i) ? i.value = !1 : i = !1)
+                }, null, 40, L), [
+                  [D, e(a)]
+                ]),
+                e(g) ? v("", !0) : (r(), k(e(N), {
+                  key: 0,
+                  size: 24,
+                  color: e(T),
+                  alt: "Suffix"
+                }, null, 8, ["color"])),
+                e(g) ? (r(), p("button", {
+                  key: 1,
+                  class: y(["calendarInput", { activeCalendar: e(c) }]),
+                  onClick: l[6] || (l[6] = (n) => f(c) ? c.value = !e(c) : c = !e(c))
+                }, [
+                  B(e(S), {
+                    size: 24,
+                    color: e(T),
+                    onMouseover: l[4] || (l[4] = (n) => I("enter", n.target)),
+                    onMouseleave: l[5] || (l[5] = (n) => I("leave", n.target))
+                  }, null, 8, ["color"])
+                ], 2)) : v("", !0)
+              ])
+            ], 2)) : (r(), p("div", {
+              key: 2,
+              class: y(["input-container inputTextarea", {
+                activeInputV3: e(i),
+                invalidInput: !e(o),
+                invalidFocus: !e(o) && e(i)
+              }])
+            }, [
+              V(u("textarea", {
+                "onUpdate:modelValue": l[7] || (l[7] = (n) => f(a) ? a.value = n : a = n),
+                ref_key: "inputField",
+                ref: b,
+                onFocus: l[8] || (l[8] = (n) => f(i) ? i.value = !0 : i = !0),
+                onBlur: l[9] || (l[9] = (n) => f(i) ? i.value = !1 : i = !1),
+                onInput: P,
+                onClick: C,
+                placeholder: t.text.placeholder
+              }, null, 40, X), [
+                [D, e(a)]
+              ])
+            ], 2))
+          ], 2)
+        ])
+      ]),
+      u("span", {
+        class: y(["supportText", { invalid: !e(o) }])
+      }, [
+        e(o) ? (r(), p("span", Y, x(t.text.support), 1)) : (r(), p("span", _, x(t.validation.message), 1))
+      ], 2)
+    ]));
+  }
+}, ue = /* @__PURE__ */ A(ee, [["__scopeId", "data-v-88d96efa"]]);
+export {
+  ue as default
+};

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

@@ -0,0 +1,40 @@
+import { createElementBlock as e, openBlock as i, createElementVNode as o } from "vue";
+import s from "../img/bydata_logo_blue_small.svg.js";
+import r from "../img/FurV3.svg.js";
+import p from "../img/DatenbereitstellerV3.svg.js";
+/* empty css            */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {
+  name: "LogoComponent"
+}, _ = { class: "dpiV3_logo-container" };
+function c(d, t, l, a, g, f) {
+  return i(), e("div", _, t[0] || (t[0] = [
+    o("div", { class: "dpiV3_logo" }, [
+      o("img", {
+        src: s,
+        alt: "Logo",
+        class: "dpiV3_logo-image"
+      })
+    ], -1),
+    o("div", { class: "dpiV3_text" }, [
+      o("img", {
+        class: "dpiV3_fur-svg",
+        src: r,
+        width: "25px",
+        height: "14px",
+        fill: "none"
+      }),
+      o("img", {
+        class: "dpiV3_datenbereitsteller-svg",
+        src: p,
+        width: "156",
+        height: "14",
+        fill: "none"
+      })
+    ], -1)
+  ]));
+}
+const L = /* @__PURE__ */ m(n, [["render", c], ["__scopeId", "data-v-bd921ee4"]]);
+export {
+  L as default
+};