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

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

@@ -1,54 +1,82 @@
-import { defineComponent as v, computed as n, createBlock as b, openBlock as f } from "vue";
-import h from "./Listbox.vue.js";
-const k = /* @__PURE__ */ v({
+import { defineComponent as B, computed as n, createBlock as L, openBlock as V } from "vue";
+import _ from "./Listbox.vue.js";
+const j = /* @__PURE__ */ B({
   __name: "ListBoxFormKit",
   props: {
     context: {}
   },
-  setup(u) {
-    const o = u, s = n({
+  setup(p) {
+    const t = p, s = n({
       get: () => {
-        var e;
-        return ((e = o.context) == null ? void 0 : e._value) || "";
+        var o;
+        return String(((o = t.context) == null ? void 0 : o._value) || "");
       },
-      set: (e) => {
-        var t;
-        (t = o.context) == null || t.node.input(e);
+      set: (o) => {
+        var e;
+        (e = t.context) == null || e.node.input(o);
       }
-    }), p = n(() => {
-      var e;
-      return String(((e = o.context) == null ? void 0 : e.label) || "");
+    }), d = n(() => {
+      var o;
+      return String(((o = t.context) == null ? void 0 : o.label) || "");
     }), m = n(() => {
+      var o;
+      return String(((o = t.context) == null ? void 0 : o.name) || "");
+    }), l = n(() => {
       var e;
-      return String(((e = o.context) == null ? void 0 : e.name) || "");
-    }), i = n(() => {
-      var t;
-      const e = ((t = o.context) == null ? void 0 : t.options) || [];
-      return Array.isArray(e) ? e : [];
+      const o = ((e = t.context) == null ? void 0 : e.options) || [];
+      return Array.isArray(o) ? o : [];
+    }), v = n(() => {
+      var o;
+      return String(((o = t.context) == null ? void 0 : o.placeholder) || "");
+    }), b = n(() => {
+      var o;
+      return Object.keys(((o = t.context) == null ? void 0 : o.messages) || {}).length > 0;
     }), x = n(() => {
-      var e;
-      return String(((e = o.context) == null ? void 0 : e.placeholder) || "");
-    }), d = n(() => {
-      var e;
-      return Object.keys(((e = o.context) == null ? void 0 : e.messages) || {}).length > 0;
-    }), g = n(() => {
-      var t, r, a, l, c;
-      if (!d.value)
+      var e, a, i, u, c;
+      if (!b.value)
         return "";
-      const e = (r = Object.keys(((t = o.context) == null ? void 0 : t.messages) || {})) == null ? void 0 : r[0];
-      return String(((c = (l = (a = o.context) == null ? void 0 : a.messages) == null ? void 0 : l[e]) == null ? void 0 : c.value) || "");
+      const o = (a = Object.keys(((e = t.context) == null ? void 0 : e.messages) || {})) == null ? void 0 : a[0];
+      return String(((c = (u = (i = t.context) == null ? void 0 : i.messages) == null ? void 0 : u[o]) == null ? void 0 : c.value) || "");
+    }), g = n(() => {
+      var o;
+      return (o = t.context) == null ? void 0 : o.optionLabel;
+    }), f = n(() => {
+      var o;
+      return (o = t.context) == null ? void 0 : o.optionValue;
+    }), h = n(() => {
+      var o;
+      return (o = t.context) == null ? void 0 : o.optionDisabled;
+    }), y = n(() => {
+      var o;
+      return !!((o = t.context) != null && o.disabled);
+    }), r = n({
+      get: () => {
+        const o = s.value;
+        return o ? l.value.find((a) => String(a.id) === String(o)) ?? o : "";
+      },
+      set: (o) => {
+        if (typeof o == "string") {
+          s.value = o;
+          return;
+        }
+        s.value = String((o == null ? void 0 : o.id) ?? "");
+      }
     });
-    return (e, t) => (f(), b(h, {
-      modelValue: s.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
-      options: i.value,
-      label: p.value,
+    return (o, e) => (V(), L(_, {
+      modelValue: r.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (a) => r.value = a),
+      options: l.value,
+      label: d.value,
       name: m.value,
-      "error-message": g.value,
-      placeholder: x.value
-    }, null, 8, ["modelValue", "options", "label", "name", "error-message", "placeholder"]));
+      "error-message": x.value,
+      placeholder: v.value,
+      "option-label": g.value,
+      "option-value": f.value,
+      "option-disabled": h.value,
+      disabled: y.value
+    }, null, 8, ["modelValue", "options", "label", "name", "error-message", "placeholder", "option-label", "option-value", "option-disabled", "disabled"]));
   }
 });
 export {
-  k as default
+  j as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as L, mergeModels as h, useModel as B, computed as C, createElementBlock as _, openBlock as i, createVNode as u, unref as s, withCtx as n, normalizeClass as d, createElementVNode as b, createCommentVNode as M, renderSlot as D, createTextVNode as k, toDisplayString as c, createBlock as x, resolveDynamicComponent as S, Fragment as F, renderList as N } from "vue";
+import { defineComponent as L, mergeModels as h, useModel as B, computed as C, createElementBlock as _, openBlock as r, createVNode as u, unref as a, withCtx as i, normalizeClass as d, createElementVNode as b, createCommentVNode as M, renderSlot as D, createTextVNode as k, toDisplayString as c, createBlock as x, resolveDynamicComponent as S, Fragment as F, renderList as N } from "vue";
 import { Listbox as E, ListboxButton as w, ListboxLabel as z, ListboxOptions as O, ListboxOption as P } from "@headlessui/vue";
 import { PhCaretUp as U, PhCaretDown as q } from "@phosphor-icons/vue";
 const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "listbox__input-icon" }, I = /* @__PURE__ */ L({
@@ -9,8 +9,8 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
     errorMessage: { default: "" },
     name: { default: "" },
     placeholder: { default: "" },
-    optionLabel: { type: Function, default: (a) => a },
-    optionValue: { type: Function, default: (a) => a },
+    optionLabel: { type: Function, default: (s) => s },
+    optionValue: { type: Function, default: (s) => s },
     optionDisabled: { type: Function, default: () => !1 },
     disabled: { type: Boolean }
   }, {
@@ -18,8 +18,8 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const l = a, o = B(a, "modelValue"), f = C(() => !!l.errorMessage);
+  setup(s) {
+    const l = s, o = B(s, "modelValue"), f = C(() => !!l.errorMessage);
     function p(e) {
       return e ? typeof e == "string" ? l.optionLabel(e) : String(e.name) || String(e.id) : "";
     }
@@ -29,27 +29,26 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
     function g(e) {
       return typeof e == "string" ? l.optionDisabled(e) : !!e.unavailable;
     }
-    function V(e, r) {
-      console.log(e, r);
-      const t = v(e), m = v(r);
+    function V(e, n) {
+      const t = v(e), m = v(n);
       return t === m;
     }
-    return (e, r) => (i(), _("div", T, [
-      u(s(E), {
+    return (e, n) => (r(), _("div", T, [
+      u(a(E), {
         modelValue: o.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (t) => o.value = t),
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => o.value = t),
         name: l.name,
         by: V,
         disabled: l.disabled
       }, {
-        default: n(() => [
-          u(s(w), {
+        default: i(() => [
+          u(a(w), {
             as: "button",
             class: d(["listbox__button", { "listbox__button--error": f.value, "listbox__button--disabled": l.disabled }])
           }, {
-            default: n(({ open: t }) => [
-              u(s(z), { as: "div" }, {
-                default: n(() => [
+            default: i(({ open: t }) => [
+              u(a(z), { as: "div" }, {
+                default: i(() => [
                   D(e.$slots, "label", {
                     label: l.label,
                     selected: o.value
@@ -64,28 +63,28 @@ const T = { class: "listbox" }, $ = { class: "listbox__input" }, j = { class: "l
                   class: d(["listbox__input-label", { "listbox__input-label--placeholder": !o.value }])
                 }, c(p(o.value) || l.placeholder), 3),
                 b("div", j, [
-                  (i(), x(S(t ? s(U) : s(q)), { size: "1.5rem" }))
+                  (r(), x(S(t ? a(U) : a(q)), { size: "1.5rem" }))
                 ])
               ]),
-              e.errorMessage ? (i(), _("div", {
+              e.errorMessage ? (r(), _("div", {
                 key: 0,
                 class: d(["listbox__message", { "listbox__message--error": f.value }])
               }, c(e.errorMessage), 3)) : M("", !0)
             ]),
             _: 3
           }, 8, ["class"]),
-          u(s(O), {
+          u(a(O), {
             class: "listbox__options",
             as: "ul"
           }, {
-            default: n(() => [
-              (i(!0), _(F, null, N(e.options, (t) => (i(), x(s(P), {
+            default: i(() => [
+              (r(!0), _(F, null, N(e.options, (t) => (r(), x(a(P), {
                 key: typeof t == "string" ? t : t.id,
                 as: "template",
                 value: t,
                 disabled: g(t)
               }, {
-                default: n(({ active: m, selected: y }) => [
+                default: i(({ active: m, selected: y }) => [
                   b("li", {
                     class: d(["listbox__option", { "listbox__option--active": m, "listbox__option--selected": y }])
                   }, c(p(t)), 3)

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

@@ -0,0 +1,48 @@
+import { defineComponent as b, toRef as c, computed as r, ref as v, watch as V, createBlock as h, openBlock as y, unref as g, isRef as B } from "vue";
+import { watchOnce as F } from "@vueuse/core";
+import { useField as L } from "vee-validate";
+import M from "./Listbox.vue.js";
+const D = /* @__PURE__ */ b({
+  __name: "ListboxVeeValidate",
+  props: {
+    modelValue: {},
+    name: {},
+    form: { default: void 0 },
+    options: {},
+    label: { default: "" },
+    placeholder: { default: "" },
+    optionLabel: { type: Function, default: (o) => o },
+    optionValue: { type: Function, default: (o) => o },
+    optionDisabled: { type: Function, default: () => !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(o) {
+    const l = o, s = c(l, "name"), { value: a, errorMessage: n, validate: p, meta: t } = L(s, void 0, {
+      syncVModel: !0,
+      form: l.form,
+      validateOnValueUpdate: !1,
+      validateOnMount: !1
+    }), u = r(() => !!((t.touched || t.dirty) && n.value)), m = r(() => n.value || ""), d = v(!1);
+    return F(u, (e) => {
+      e && (d.value = !0);
+    }), V(a, () => {
+      d.value && t.validated && p({ mode: "force" });
+    }), (e, i) => (y(), h(M, {
+      modelValue: g(a),
+      "onUpdate:modelValue": i[0] || (i[0] = (f) => B(a) ? a.value = f : null),
+      options: e.options,
+      label: e.label,
+      placeholder: e.placeholder,
+      "option-label": e.optionLabel,
+      "option-value": e.optionValue,
+      "option-disabled": e.optionDisabled,
+      disabled: e.disabled,
+      "error-message": m.value,
+      name: l.name
+    }, null, 8, ["modelValue", "options", "label", "placeholder", "option-label", "option-value", "option-disabled", "disabled", "error-message", "name"]));
+  }
+});
+export {
+  D as default
+};

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

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

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

@@ -3,10 +3,10 @@ import m from "./TextButtonSmall.vue.js";
 import _ from "./ButtonV3.vue.js";
 import V from "./CrossOutButton.vue.js";
 /* empty css                   */
-const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" }, v = { class: "dpiV3_modalMainWrap" }, y = { class: "dpiV3_modalHeaderWrap" }, b = { class: "dpiV3_modalText" }, x = {
+const k = { class: "dpiV3_modalBackground" }, f = { class: "dpiV3_modalWrap" }, y = { class: "dpiV3_modalMainWrap" }, v = { class: "dpiV3_modalHeaderWrap" }, b = { class: "dpiV3_modalText" }, x = {
   key: 0,
   class: "dpiV3AutoCompleteWrap copy-large-semi-bold"
-}, C = { class: "dpiV3_LinkInfos" }, B = {
+}, B = { class: "dpiV3_LinkInfos" }, C = {
   key: 0,
   class: "dpiV3_title"
 }, T = {
@@ -58,10 +58,10 @@ const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" },
     }, S = () => {
       c("actionHandling", s.action), d();
     };
-    return (L, o) => (e(), n("div", f, [
-      i("div", k, [
-        i("div", v, [
-          i("div", y, [
+    return (L, o) => (e(), n("div", k, [
+      i("div", f, [
+        i("div", y, [
+          i("div", v, [
             i("h2", null, a(s.headerText), 1),
             u(V, {
               class: "dpiv3_modalCrossout",
@@ -71,21 +71,21 @@ const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" },
           i("span", b, a(s.text), 1)
         ]),
         !t.dataRange && (t.optionalString_1 || t.optionalString_2) ? (e(), n("div", x, [
-          i("div", C, [
-            t.optionalString_1 ? (e(), n("div", B, a(t.optionalString_1), 1)) : l("", !0),
+          i("div", B, [
+            t.optionalString_1 ? (e(), n("div", C, a(t.optionalString_1), 1)) : l("", !0),
             t.optionalString_2 && t.optionalString_1 === "" ? (e(), n("div", T, a(t.optionalString_2), 1)) : l("", !0)
           ])
         ])) : l("", !0),
         t.dataRange && (t.optionalString_1 || t.optionalString_2) ? (e(), n("div", h, [
           i("div", A, [
             t.optionalString_1 ? (e(), n("div", W, [
-              o[0] || (o[0] = i("span", { class: "dpiV3_fromTo" }, "von", -1)),
+              o[0] || (o[0] = i("span", { class: "dpiV3_fromTo" }, "Von", -1)),
               o[1] || (o[1] = r()),
               o[2] || (o[2] = i("br", null, null, -1)),
               r(" " + a(t.optionalString_1), 1)
             ])) : l("", !0),
             t.optionalString_2 ? (e(), n("div", q, [
-              o[3] || (o[3] = i("span", { class: "dpiV3_fromTo" }, "bis", -1)),
+              o[3] || (o[3] = i("span", { class: "dpiV3_fromTo" }, "Bis", -1)),
               o[4] || (o[4] = r()),
               o[5] || (o[5] = i("br", null, null, -1)),
               r(" " + a(t.optionalString_2), 1)
@@ -96,7 +96,7 @@ const f = { class: "dpiV3_modalBackground" }, k = { class: "dpiV3_modalWrap" },
           s.action === "cancel" ? (e(), p(m, {
             key: 0,
             buttonText: "Zurück",
-            class: "dpiv3_modalCancelButton",
+            class: "dpiv3_modalCancelButton copy-button-ml modalBackButton",
             onClick: d,
             ref: "accActive",
             iconStart: "CaretLeft",