@piveau/dpi 0.2.0-alpha.34 → 0.2.0-alpha.36

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

@@ -1,7 +1,7 @@
 import o from "./ActionCard.vue2.js";
 /* empty css                */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-60f712a4"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-98155283"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,74 +1,78 @@
-import { defineComponent as v, computed as y, createElementBlock as s, openBlock as a, normalizeClass as V, createElementVNode as n, createBlock as _, withCtx as l, renderSlot as t, createCommentVNode as i, createVNode as p } from "vue";
-import c from "./ButtonV3.vue.js";
+import { defineComponent as C, computed as v, createElementBlock as a, openBlock as t, normalizeClass as B, createElementVNode as l, createCommentVNode as r, createBlock as V, withCtx as i, renderSlot as o, createVNode as p } from "vue";
+import u from "./ButtonV3.vue.js";
 import k from "./SummaryBox.vue.js";
-const B = { class: "dpiV3_Card_Header" }, $ = {
+const _ = { class: "dpiV3_Card_Header" }, $ = {
   key: 1,
   class: "standalone-text"
-}, h = { class: "dpiV3_Card_Actions" }, E = { class: "dpiV3_Card_Body" }, A = /* @__PURE__ */ v({
+}, h = { class: "dpiV3_Card_Actions" }, E = {
+  key: 0,
+  class: "dpiV3_Card_Body"
+}, N = /* @__PURE__ */ C({
   __name: "ActionCard",
   props: {
     variant: { default: "default" },
     noEdit: { type: Boolean, default: !1 },
     noDelete: { type: Boolean, default: !0 },
-    spaced: { type: Boolean, default: !1 }
+    spaced: { type: Boolean, default: !1 },
+    showBody: { type: Boolean, default: !0 }
   },
   emits: ["edit", "delete"],
-  setup(u, { emit: m }) {
-    const d = u, r = m, f = y(() => ({
+  setup(m, { emit: c }) {
+    const d = m, n = c, f = v(() => ({
       "V3-typography": !0,
       dpiV3_Card: !0,
       "dpiV3_Card--default": d.variant === "default",
       "dpiV3_Card--error": d.variant === "error",
       "dpiV3_Card--spaced": d.spaced
     }));
-    return (e, o) => (a(), s("div", {
-      class: V(f.value)
+    return (e, s) => (t(), a("div", {
+      class: B(f.value)
     }, [
-      n("div", B, [
-        e.$slots["standalone-name"] ? (a(), s("span", $, [
-          t(e.$slots, "standalone-name")
-        ])) : (a(), _(k, { key: 0 }, {
-          title: l(() => [
-            t(e.$slots, "sub-title")
+      l("div", _, [
+        e.$slots["standalone-name"] ? (t(), a("span", $, [
+          o(e.$slots, "standalone-name")
+        ])) : (t(), V(k, { key: 0 }, {
+          title: i(() => [
+            o(e.$slots, "sub-title")
           ]),
-          default: l(() => [
-            t(e.$slots, "title")
+          default: i(() => [
+            o(e.$slots, "title")
           ]),
           _: 3
         })),
-        n("div", h, [
-          e.noEdit ? i("", !0) : (a(), s("div", {
+        l("div", h, [
+          e.noEdit ? r("", !0) : (t(), a("div", {
             key: 0,
-            onClick: o[0] || (o[0] = (C) => r("edit"))
+            onClick: s[0] || (s[0] = (y) => n("edit"))
           }, [
-            t(e.$slots, "edit-icon", {}, () => [
-              p(c, {
+            o(e.$slots, "edit-icon", {}, () => [
+              p(u, {
                 size: "large",
                 "icon-start": "pen",
                 variant: "secondary"
               })
             ])
           ])),
-          e.noDelete ? (a(), s("div", {
+          e.noDelete ? (t(), a("div", {
             key: 1,
-            onClick: o[1] || (o[1] = (C) => r("delete"))
+            onClick: s[1] || (s[1] = (y) => n("delete"))
           }, [
-            t(e.$slots, "delete-icon", {}, () => [
-              p(c, {
+            o(e.$slots, "delete-icon", {}, () => [
+              p(u, {
                 size: "large",
                 "icon-start": "Trash",
                 variant: "secondary"
               })
             ])
-          ])) : i("", !0)
+          ])) : r("", !0)
         ])
       ]),
-      n("div", E, [
-        t(e.$slots, "default")
-      ])
+      e.showBody && e.$slots.default ? (t(), a("div", E, [
+        o(e.$slots, "default")
+      ])) : r("", !0)
     ], 2));
   }
 });
 export {
-  A as default
+  N as default
 };

package/dist/packages/dpi/src/data-provider-interface/HappyFlowComponents/ui/InputField/InputFieldDefinition.js

@@ -16,6 +16,7 @@ const e = {
     "placeholder",
     "trailing_text",
     "trailing-text",
+    "inputStyle",
     "is-disabled"
   ]
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as j, computed as n, createBlock as K, openBlock as P, unref as a } from "vue";
+import { defineComponent as j, computed as n, createBlock as K, openBlock as P, unref as l } from "vue";
 import C from "../InputField.vue.js";
 const M = /* @__PURE__ */ j({
   __name: "InputFieldFormKit",
   props: {
     context: {}
   },
-  setup(_) {
-    var c, p, x, u, d, m, f;
-    const t = _, r = n({
+  setup(y) {
+    var c, p, u, x, d, m, f;
+    const t = y, s = n({
       get: () => {
         var e;
         return ((e = t.context) == null ? void 0 : e._value) || "";
@@ -16,59 +16,63 @@ const M = /* @__PURE__ */ j({
         var o;
         (o = t.context) == null || o.node.input(e);
       }
-    }), b = n(() => {
+    }), _ = n(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.textLabel;
-    }), T = n(() => {
+    }), b = n(() => {
       var e;
       return (e = t.context) == null ? void 0 : e.name;
-    }), k = n(() => {
+    }), T = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.placeholder) || "Enter text here";
-    }), y = n(() => {
+    }), k = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailing_text) || "$";
     }), I = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e.trailingText) || !1;
     }), w = n(() => {
+      var e;
+      return ((e = t.context) == null ? void 0 : e.inputStyle) || "";
+    }), E = n(() => {
       var e;
       return ((e = t.context) == null ? void 0 : e["is-disabled"]) || !1;
-    }), i = n(() => {
+    }), r = n(() => {
       var e;
       return Object.keys((e = t.context) == null ? void 0 : e.messages).length > 0;
-    }), s = n(() => {
-      var o, l, g, h, v;
-      if (!i.value)
+    }), i = n(() => {
+      var o, a, g, v, h;
+      if (!r.value)
         return "";
-      const e = (l = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : l[0];
-      return ((v = (h = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : h[e]) == null ? void 0 : v.value) || "";
-    }), E = ((c = t.context) == null ? void 0 : c.inputType) || "text", O = ((p = t.context) == null ? void 0 : p.addOnText) || !1, B = ((x = t.context) == null ? void 0 : x.datePicker) || !1;
-    (u = t.context) != null && u.infoIcon;
+      const e = (a = Object.keys((o = t.context) == null ? void 0 : o.messages)) == null ? void 0 : a[0];
+      return ((h = (v = (g = t.context) == null ? void 0 : g.messages) == null ? void 0 : v[e]) == null ? void 0 : h.value) || "";
+    }), O = ((c = t.context) == null ? void 0 : c.inputType) || "text", S = ((p = t.context) == null ? void 0 : p.addOnText) || !1, B = ((u = t.context) == null ? void 0 : u.datePicker) || !1;
+    (x = t.context) != null && x.infoIcon;
     const F = ((d = t.context) == null ? void 0 : d.preIcon) || !1;
     (m = t.context) == null || m.showEndIcon;
     const V = ((f = t.context) == null ? void 0 : f.tooltipText) || "This is helpful information";
     return (e, o) => (P(), K(C, {
-      modelValue: r.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (l) => r.value = l),
-      label: b.value,
-      placeholder: k.value,
-      "input-type": a(E),
-      "add-on-text": a(O),
-      "date-picker": a(B),
+      modelValue: s.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => s.value = a),
+      label: _.value,
+      placeholder: T.value,
+      "input-type": l(O),
+      "add-on-text": l(S),
+      "date-picker": l(B),
       "info-icon": !1,
-      "pre-icon": a(F),
+      "pre-icon": l(F),
       "show-end-icon": !1,
-      "tooltip-text": a(V),
-      "show-error": i.value,
-      "supporting-hint-message": s.value,
-      "initial-hint-text": s.value,
-      error_message: s.value,
-      name: T.value,
+      "tooltip-text": l(V),
+      "show-error": r.value,
+      "supporting-hint-message": i.value,
+      "initial-hint-text": i.value,
+      error_message: i.value,
+      name: b.value,
       "trailing-text": I.value,
-      trailing_text: y.value,
-      "is-disabled": w.value
-    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text", "is-disabled"]));
+      trailing_text: k.value,
+      inputStyle: w.value,
+      "is-disabled": E.value
+    }, null, 8, ["modelValue", "label", "placeholder", "input-type", "add-on-text", "date-picker", "pre-icon", "tooltip-text", "show-error", "supporting-hint-message", "initial-hint-text", "error_message", "name", "trailing-text", "trailing_text", "inputStyle", "is-disabled"]));
   }
 });
 export {

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

@@ -1,6 +1,6 @@
 import { ref as f, watch as N, createElementBlock as u, openBlock as i, createCommentVNode as o, createElementVNode as d, createBlock as v, toDisplayString as h, unref as n, normalizeStyle as S, normalizeClass as p, withDirectives as M, vModelDynamic as F, createVNode as W, withKeys as w, withModifiers as k, 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";
+import { PhInfo as j, 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 q from "./TextButtonSmall.vue.js";
 /* empty css                                */
 /* empty css                                 */
 /* empty css                */
@@ -23,10 +23,10 @@ const le = { class: "dpiV3_input-field" }, ne = {
 }, pe = {
   key: 0,
   class: "dpiV3_hintText"
-}, xe = {
+}, ye = {
   key: 1,
   class: "dpiV3_errorText"
-}, ye = {
+}, xe = {
   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" }, ke = { class: "dpiV3_Content-leading-Text" }, Te = ["type", "disabled", "placeholder"], me = { class: "dpiV3_Content-leading-Text" }, Ee = ["type", "disabled", "placeholder"], Be = { class: "dpiV3_Text-Add-On" }, Ie = {
@@ -127,24 +127,28 @@ const le = { class: "dpiV3_input-field" }, ne = {
     error_message: {
       type: String,
       default: "error"
+    },
+    inputStyle: {
+      type: Object,
+      default: () => ({})
     }
   },
   emits: ["update:modelValue", "deleteButtonClicked"],
-  setup(e, { emit: Q }) {
-    const c = e, L = Q;
-    let K = f("var(--neutral-60)"), x = f(!1), l = f(!1), g = f(!1);
+  setup(e, { emit: G }) {
+    const c = e, L = G;
+    let K = f("var(--neutral-60)"), y = f(!1), l = f(!1), g = f(!1);
     const V = f(null);
     let T = f(!1), s = f("inset 0 0 0 1px var(--neutral-30, #687178)"), m = f(!1), C = f(!1), b = f();
-    const $ = f(!1), y = f(c.modelValue);
+    const $ = f(!1), x = f(c.modelValue);
     N(
       () => c.modelValue,
       (D) => {
-        y.value = D;
+        x.value = D;
       }
-    ), N(y, (D) => {
+    ), N(x, (D) => {
       L("update:modelValue", D);
     });
-    function j() {
+    function Q() {
       V.value && V.value.showPicker();
     }
     function J() {
@@ -154,13 +158,13 @@ const le = { class: "dpiV3_input-field" }, ne = {
       L("deleteButtonClicked");
     }
     function E() {
-      T.value = !1, m.value = !0, x.value = !0, s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b.value = "none"), V.value;
+      T.value = !1, m.value = !0, y.value = !0, s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-60, #009FE3)", b.value = "none"), V.value;
     }
     function B() {
-      m.value = !1, x.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
+      m.value = !1, y.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
     }
     function A() {
-      T.value = !0, x.value = !1, C.value && (s.value = "inset 0 0 0 1px var(--neutral-60, #687178)");
+      T.value = !0, y.value = !1, C.value && (s.value = "inset 0 0 0 1px var(--neutral-60, #687178)");
     }
     function P() {
       C.value = !0, s.value = "inset 0 0 0 1px var(--neutral-60, #687178)", c.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
@@ -169,7 +173,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       C.value = !1, s.value = "inset 0 0 0 1px var(--neutral-30, #687178)", c.addOnText && (b.value = "none"), m.value && (s.value = "0 0 0 2px var(--Focused, #687178)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function R() {
-      x.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
+      y.value && (s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none"));
     }
     function I() {
       s.value = "0 0 0 2px var(--Focused)", c.addOnText && (s.value = "0 0 0 2px var(--blue-blue-60, #009FE3)", b.value = "none");
@@ -180,7 +184,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
           d("div", oe, [
             e.label ? (i(), u("label", ae, h(e.label), 1)) : o("", !0),
             d("span", de, [
-              e.infoIcon ? (i(), v(n(q), {
+              e.infoIcon ? (i(), v(n(j), {
                 key: 0,
                 weight: "fill",
                 class: "dpiV3_labelIcon",
@@ -192,7 +196,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               $.value ? (i(), u("span", se, h(e.tooltip_text), 1)) : o("", !0)
             ])
           ]),
-          e.defaultInput ? o("", !0) : (i(), v(G, {
+          e.defaultInput ? o("", !0) : (i(), v(q, {
             key: 0,
             "button-text": "löschen",
             class: "dpiV3_deleteButton",
@@ -204,8 +208,8 @@ const le = { class: "dpiV3_input-field" }, ne = {
           class: p(["dpiV3_Input_box", {
             dpiV3_disabled: e.isDisabled,
             "calendar-focused": n(T),
-            "error-state": e.showError && !n(x) && !n(g),
-            "focused-error-state": e.showError && n(x),
+            "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) }),
@@ -224,7 +228,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               key: 1,
               ref_key: "inputRef",
               ref: V,
-              "onUpdate:modelValue": t[3] || (t[3] = (a) => y.value = a),
+              "onUpdate:modelValue": t[3] || (t[3] = (a) => x.value = a),
               type: e.inputType,
               class: p(["dpiV3_Text", {
                 "error-state": e.showError,
@@ -236,13 +240,13 @@ const le = { class: "dpiV3_input-field" }, ne = {
               onBlur: B,
               onMousedown: I
             }, null, 42, re)), [
-              [F, y.value]
+              [F, x.value]
             ]),
             e.dropdown_dpiV3 ? M((i(), u("input", {
               key: 2,
               ref_key: "inputRef",
               ref: V,
-              "onUpdate:modelValue": t[4] || (t[4] = (a) => y.value = a),
+              "onUpdate:modelValue": t[4] || (t[4] = (a) => x.value = a),
               type: e.inputType,
               class: p(["dpiV3_Text", {
                 "error-state": e.showError,
@@ -255,7 +259,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               onBlur: B,
               onMousedown: I
             }, null, 42, ve)), [
-              [F, y.value]
+              [F, x.value]
             ]) : o("", !0),
             e.showEndIcon && !e.showError && !e.dropdown_dpiV3 ? (i(), v(n(O), {
               key: 3,
@@ -290,7 +294,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
             }, null, 8, ["color"]),
             d("div", {
               class: p(["dpiV3_Rectangle1", { dpiV3_Pressed: n(l) }]),
-              onClick: j,
+              onClick: Q,
               onFocus: k(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),
@@ -332,15 +336,15 @@ const le = { class: "dpiV3_input-field" }, ne = {
         !e.showError && e.initialHintText ? (i(), u("div", pe, [
           d("span", null, h(e.supportingHintMessage), 1)
         ])) : o("", !0),
-        e.showError && e.initialHintText ? (i(), u("div", xe, [
+        e.showError && e.initialHintText ? (i(), u("div", ye, [
           d("span", null, h(e.error_message), 1)
         ])) : o("", !0)
       ])),
-      e.addOnText ? (i(), u("div", ye, [
+      e.addOnText ? (i(), u("div", xe, [
         d("div", Ve, [
           d("div", be, [
             d("label", he, h(e.label), 1),
-            e.infoIcon ? (i(), v(n(q), {
+            e.infoIcon ? (i(), v(n(j), {
               key: 0,
               weight: "fill",
               class: "dpiV3_labelIcon",
@@ -348,7 +352,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               color: "var(--neutral-60, #3D4952)"
             })) : o("", !0)
           ]),
-          e.defaultInput ? o("", !0) : (i(), v(G, {
+          e.defaultInput ? o("", !0) : (i(), v(q, {
             key: 0,
             "button-text": "löschen",
             class: "dpiV3_deleteButton",
@@ -370,8 +374,8 @@ const le = { class: "dpiV3_input-field" }, ne = {
             class: p(["dpiV3_Text_input", {
               dpiV3_input_disabled: e.isDisabled,
               "calendar-focused": n(T),
-              "error-state": e.showError && !n(x) && !n(g),
-              "focused-error-state": e.showError && n(x),
+              "error-state": e.showError && !n(y) && !n(g),
+              "focused-error-state": e.showError && n(y),
               "filled-error-state": e.showError && n(g)
             }]),
             style: S({
@@ -386,7 +390,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               M(d("input", {
                 ref_key: "inputRef",
                 ref: V,
-                "onUpdate:modelValue": t[20] || (t[20] = (a) => y.value = a),
+                "onUpdate:modelValue": t[20] || (t[20] = (a) => x.value = a),
                 type: e.inputType,
                 class: p(["dpiV3_Text", {
                   "error-state": e.showError,
@@ -398,7 +402,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
                 onBlur: B,
                 onMousedown: I
               }, null, 42, Te), [
-                [F, y.value]
+                [F, x.value]
               ])
             ]),
             e.showError ? (i(), v(n(H), {
@@ -419,8 +423,8 @@ const le = { class: "dpiV3_input-field" }, ne = {
             class: p(["dpiV3_Text_input-trailing", {
               dpiV3_input_disabled: e.isDisabled,
               "calendar-focused": n(T),
-              "error-state": e.showError && !n(x) && !n(g),
-              "focused-error-state": e.showError && n(x),
+              "error-state": e.showError && !n(y) && !n(g),
+              "focused-error-state": e.showError && n(y),
               "filled-error-state": e.showError && n(g)
             }]),
             style: S({
@@ -435,7 +439,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
               M(d("input", {
                 ref_key: "inputRef",
                 ref: V,
-                "onUpdate:modelValue": t[21] || (t[21] = (a) => y.value = a),
+                "onUpdate:modelValue": t[21] || (t[21] = (a) => x.value = a),
                 type: e.inputType,
                 class: p(["dpiV3_Text", {
                   "error-state": e.showError,
@@ -447,7 +451,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
                 onBlur: B,
                 onMousedown: I
               }, null, 42, Ee), [
-                [F, y.value]
+                [F, x.value]
               ])
             ]),
             e.showError ? (i(), v(n(H), {
@@ -481,7 +485,7 @@ const le = { class: "dpiV3_input-field" }, ne = {
       ])) : o("", !0)
     ]));
   }
-}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-2de88bf7"]]);
+}, Oe = /* @__PURE__ */ te(Me, [["__scopeId", "data-v-6d2518f0"]]);
 export {
   Oe as default
 };

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

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