@piveau/dpi 0.2.0-alpha.2 → 0.2.0-alpha.21

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

@@ -0,0 +1,82 @@
+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(p) {
+    const t = p, s = n({
+      get: () => {
+        var o;
+        return String(((o = t.context) == null ? void 0 : o._value) || "");
+      },
+      set: (o) => {
+        var e;
+        (e = t.context) == null || e.node.input(o);
+      }
+    }), 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;
+      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, a, i, u, c;
+      if (!b.value)
+        return "";
+      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 (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": 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 {
+  j as default
+};

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

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

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

@@ -0,0 +1,105 @@
+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({
+  __name: "Listbox",
+  props: /* @__PURE__ */ h({
+    options: {},
+    label: { default: "" },
+    errorMessage: { default: "" },
+    name: { default: "" },
+    placeholder: { default: "" },
+    optionLabel: { type: Function, default: (s) => s },
+    optionValue: { type: Function, default: (s) => s },
+    optionDisabled: { type: Function, default: () => !1 },
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { required: !0, default: () => "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  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) : "";
+    }
+    function v(e) {
+      return typeof e == "string" ? l.optionValue(e) : String(e.id);
+    }
+    function g(e) {
+      return typeof e == "string" ? l.optionDisabled(e) : !!e.unavailable;
+    }
+    function V(e, n) {
+      const t = v(e), m = v(n);
+      return t === m;
+    }
+    return (e, n) => (r(), _("div", T, [
+      u(a(E), {
+        modelValue: o.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (t) => o.value = t),
+        name: l.name,
+        by: V,
+        disabled: l.disabled
+      }, {
+        default: i(() => [
+          u(a(w), {
+            as: "button",
+            class: d(["listbox__button", { "listbox__button--error": f.value, "listbox__button--disabled": l.disabled }])
+          }, {
+            default: i(({ open: t }) => [
+              u(a(z), { as: "div" }, {
+                default: i(() => [
+                  D(e.$slots, "label", {
+                    label: l.label,
+                    selected: o.value
+                  }, () => [
+                    k(c(l.label), 1)
+                  ], !0)
+                ]),
+                _: 3
+              }),
+              b("div", $, [
+                b("div", {
+                  class: d(["listbox__input-label", { "listbox__input-label--placeholder": !o.value }])
+                }, c(p(o.value) || l.placeholder), 3),
+                b("div", j, [
+                  (r(), x(S(t ? a(U) : a(q)), { size: "1.5rem" }))
+                ])
+              ]),
+              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(a(O), {
+            class: "listbox__options",
+            as: "ul"
+          }, {
+            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: i(({ active: m, selected: y }) => [
+                  b("li", {
+                    class: d(["listbox__option", { "listbox__option--active": m, "listbox__option--selected": y }])
+                  }, c(p(t)), 3)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue", "name", "disabled"])
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/{data-provider-interface → packages/dpi/src/data-provider-interface}/HappyFlowComponents/ui/LogoV3.vue.js

@@ -3,7 +3,7 @@ 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";
+import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const n = {
   name: "LogoComponent"
 }, _ = { class: "dpiV3_logo-container" };

package/dist/{data-provider-interface → 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" }, v = { class: "dpiV3_modalMainWrap" }, y = { 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,8 +58,8 @@ 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, [
+    return (L, o) => (e(), n("div", k, [
+      i("div", f, [
         i("div", v, [
           i("div", y, [
             i("h2", null, a(s.headerText), 1),
@@ -71,8 +71,8 @@ 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),
@@ -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",