@piveau/dpi 0.2.0-alpha.0 → 0.2.0-alpha.11

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",