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

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

@@ -1,102 +0,0 @@
-import { defineComponent as v, mergeModels as f, useModel as g, computed as V, createElementBlock as c, openBlock as d, createVNode as u, unref as s, withCtx as a, normalizeClass as b, createElementVNode as l, createCommentVNode as k, renderSlot as L, createTextVNode as M, toDisplayString as m, Fragment as w, renderList as h, createBlock as B } from "vue";
-import { Listbox as C, ListboxButton as y, ListboxLabel as N, ListboxOptions as E, ListboxOption as z } from "@headlessui/vue";
-const O = { class: "listbox" }, S = { class: "listbox__input" }, D = /* @__PURE__ */ v({
-  __name: "Listbox",
-  props: /* @__PURE__ */ f({
-    options: {},
-    label: { default: "" },
-    errorMessage: { default: "" },
-    name: { default: "" },
-    placeholder: { default: "" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(_) {
-    const t = _, o = g(_, "modelValue"), p = V(() => !!t.errorMessage);
-    return (r, i) => (d(), c("div", O, [
-      u(s(C), {
-        modelValue: o.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (e) => o.value = e),
-        name: t.name,
-        by: "id"
-      }, {
-        default: a(() => [
-          u(s(y), {
-            as: "button",
-            class: b(["listbox__button", { "listbox__button--error": p.value }])
-          }, {
-            default: a(() => {
-              var e, n;
-              return [
-                u(s(N), { as: "div" }, {
-                  default: a(() => [
-                    L(r.$slots, "label", {
-                      label: t.label,
-                      selected: o.value
-                    }, () => [
-                      M(m(t.label), 1)
-                    ], !0)
-                  ]),
-                  _: 3
-                }),
-                l("div", S, [
-                  l("div", {
-                    class: b(["listbox__input-label", { "listbox__input-label--placeholder": !((e = o.value) != null && e.name) }])
-                  }, m(((n = o.value) == null ? void 0 : n.name) || t.placeholder), 3),
-                  i[1] || (i[1] = l("div", { class: "listbox__input-icon" }, [
-                    l("svg", {
-                      xmlns: "http://www.w3.org/2000/svg",
-                      fill: "none",
-                      viewBox: "0 0 24 24",
-                      "stroke-width": "1.5",
-                      stroke: "currentColor",
-                      class: "size-4"
-                    }, [
-                      l("path", {
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round",
-                        d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
-                      })
-                    ])
-                  ], -1))
-                ]),
-                r.errorMessage ? (d(), c("div", {
-                  key: 0,
-                  class: b(["listbox__message", { "listbox__message--error": p.value }])
-                }, m(r.errorMessage), 3)) : k("", !0)
-              ];
-            }),
-            _: 3
-          }, 8, ["class"]),
-          u(s(E), {
-            class: "listbox__options",
-            as: "ul"
-          }, {
-            default: a(() => [
-              (d(!0), c(w, null, h(r.options, (e) => (d(), B(s(z), {
-                key: e.id,
-                as: "template",
-                value: e,
-                disabled: e.unavailable
-              }, {
-                default: a(({ active: n, selected: x }) => [
-                  l("li", {
-                    class: b(["listbox__option", { "listbox__option--active": n, "listbox__option--selected": x }])
-                  }, m(e.name), 3)
-                ]),
-                _: 2
-              }, 1032, ["value", "disabled"]))), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 8, ["modelValue", "name"])
-    ]));
-  }
-});
-export {
-  D as default
-};

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

@@ -1,7 +0,0 @@
-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-9f2092e9"]]);
-export {
-  e as default
-};

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

@@ -1,134 +0,0 @@
-import { ref as a, watch as y, createElementBlock as c, openBlock as d, createElementVNode as l, createCommentVNode as p, createBlock as T, toDisplayString as v, normalizeStyle as C, normalizeClass as f, unref as n, withDirectives as S, vModelText as A } from "vue";
-/* empty css                                */
-/* empty css                                 */
-import H from "./TextButtonSmall.vue.js";
-import { boolean as L } from "zod";
-/* empty css                */
-import j from "../../../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "dpiV3_input-field V3-typography" }, N = { class: "dpiV3_InputFieldBase" }, R = { class: "dpiV3_InputWithLabel" }, O = { class: "dpiV3_Top" }, U = { class: "dpiV3_Label" }, W = { class: "dpiV3_label copy-small-regular" }, q = ["disabled", "placeholder"], G = {
-  key: 1,
-  class: "dpiV3_errorText copy-small-regular"
-}, J = {
-  __name: "TextAreaV3",
-  props: {
-    text: {
-      type: Object,
-      default: () => {
-      }
-    },
-    isDisabled: {
-      type: Boolean,
-      default: !1
-    },
-    showError: {
-      type: Boolean,
-      default: !1
-    },
-    label: {},
-    placeholder: {},
-    hint: {},
-    modelValue: { type: String, default: "" },
-    showDeleteButton: { type: Boolean, default: !1 },
-    errorMessage: {
-      type: String,
-      default: ""
-    },
-    hintMessage: {
-      type: String,
-      default: ""
-    },
-    countHint: {
-      type: L,
-      default: !1
-    }
-  },
-  emits: ["update:modelValue", "deleteClicked"],
-  setup(e, { emit: V }) {
-    let o = a(!1), h = a(!1);
-    const _ = a(null);
-    let w = a(!1), t = a("inset 0 0 0 1px var(--neutral-30, #687178)"), u = a(!1), m = a(!1);
-    const s = e, r = a(s.modelValue), x = V;
-    y(
-      () => s.modelValue,
-      (i) => {
-        r.value = i;
-      }
-    ), y(r, (i) => {
-      x("update:modelValue", i);
-    });
-    const g = () => {
-      x("deleteClicked");
-    }, E = () => {
-      w.value = !1, u.value = !0, o.value = !0, t.value = "0 0 0 2px var(--blue-70, #009FE3)";
-    }, B = () => {
-      u.value = !1, o.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)";
-    }, I = () => {
-      m.value = !0, t.value = "inset 0 0 0 1px var(--neutral-60, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, M = () => {
-      m.value = !1, t.value = "inset 0 0 0 1px var(--neutral-30, #687178)", u.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, F = () => {
-      o.value && (t.value = "0 0 0 2px var(--blue-70, #009FE3)");
-    }, k = () => {
-      t.value = "inset 0 0 0 2px var(--Focused)";
-    };
-    return (i, b) => (d(), c("div", z, [
-      l("div", N, [
-        l("div", R, [
-          l("div", O, [
-            l("div", U, [
-              l("label", W, v(s.label), 1),
-              e.showDeleteButton ? (d(), T(H, {
-                key: 0,
-                buttonText: "löschen",
-                onClick: g,
-                tabindex: "0"
-              })) : p("", !0)
-            ])
-          ]),
-          l("div", {
-            class: f(["dpiV3_Input", {
-              dpiV3_disabled: e.isDisabled,
-              "error-state": e.showError && !n(o) && !n(h),
-              "focused-error-state": e.showError && n(o),
-              "filled-error-state": e.showError && n(h)
-            }]),
-            onMouseenter: I,
-            onMouseleave: M,
-            onMousedown: F,
-            style: C({ "box-shadow": n(t) })
-          }, [
-            S(l("textarea", {
-              ref_key: "inputRef",
-              ref: _,
-              "onUpdate:modelValue": b[0] || (b[0] = (D) => r.value = D),
-              type: "text",
-              class: f(["dpiV3_textArea copy-large-regular", {
-                "error-state": e.showError,
-                dpiV3_input_disabled: e.isDisabled
-              }]),
-              disabled: e.isDisabled,
-              placeholder: e.placeholder,
-              onFocus: E,
-              onBlur: B,
-              onMousedown: k
-            }, null, 42, q), [
-              [A, r.value]
-            ])
-          ], 38)
-        ]),
-        e.hint && !e.showError ? (d(), c("div", {
-          key: 0,
-          class: f(["dpiV3_hintText", { "copy-large-semi-bold justify-content-end": s.countHint, "copy-small-regular": !s.countHint }])
-        }, [
-          l("span", null, v(e.hintMessage), 1)
-        ], 2)) : p("", !0),
-        e.showError ? (d(), c("div", G, [
-          l("span", null, v(e.errorMessage), 1)
-        ])) : p("", !0)
-      ])
-    ]));
-  }
-}, ee = /* @__PURE__ */ j(J, [["__scopeId", "data-v-8222d1e6"]]);
-export {
-  ee as default
-};

package/dist/data-provider-interface/components/ProgressSteps.vue.js

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

package/dist/data-provider-interface/components/ProgressSteps.vue2.js

@@ -1,114 +0,0 @@
-import { defineComponent as O, mergeModels as V, computed as k, useModel as S, createElementBlock as i, openBlock as c, Fragment as y, renderList as x, withDirectives as a, createElementVNode as s, vModelCheckbox as C, unref as d, normalizeClass as M, toDisplayString as F, vShow as h } from "vue";
-import { looseIndexOf as b } from "@vue/shared";
-import B from "../HappyFlowComponents/img/Circle.svg.js";
-import D from "../HappyFlowComponents/img/CircleFill.svg.js";
-const w = { class: "progress-steps" }, U = ["value"], j = { class: "progress-step__headline" }, z = ["src"], I = { class: "progress-step__content" }, L = { class: "progress-step__content-line-container" }, P = { class: "progress-steps progress-steps--substep" }, R = ["value"], q = { class: "progress-step__headline" }, A = ["src"], G = { class: "progress-step__content" }, H = { class: "progress-step__content-line-container" }, W = /* @__PURE__ */ O({
-  __name: "ProgressSteps",
-  props: /* @__PURE__ */ V({
-    steps: {},
-    currentStep: {},
-    visitedSteps: { default: () => [] },
-    hideFirst: { type: Boolean, default: !1 }
-  }, {
-    checked: {
-      default: () => []
-    },
-    checkedModifiers: {},
-    current: {
-      default: () => "moo"
-    },
-    currentModifiers: {}
-  }),
-  emits: ["update:checked", "update:current"],
-  setup(u) {
-    const p = u, g = k(() => {
-      const t = {};
-      return (p.hideFirst ? p.steps.slice(1) : p.steps).forEach((e) => {
-        const o = e.includes("/") ? e.split("/")[0] : e;
-        t[o] || (t[o] = []), t[o].push(e);
-      }), Object.entries(t).map(([e, o]) => ({ name: e, substeps: o }));
-    });
-    function E(t) {
-      return t.includes("/") ? t.split("/")[1] : t;
-    }
-    function f(t) {
-      return !t.includes("/");
-    }
-    const l = S(u, "checked");
-    function _(t) {
-      return b(l.value, t) !== -1;
-    }
-    const m = S(u, "current");
-    return k(() => b(p.steps, m.value)), (t, n) => (c(), i("div", w, [
-      (c(!0), i(y, null, x(g.value, (e, o) => (c(), i("div", {
-        key: e.name,
-        class: "progress-step"
-      }, [
-        a(s("input", {
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => l.value = r),
-          name: "progress-step",
-          type: "checkbox",
-          class: "progress-input",
-          value: e.name
-        }, null, 8, U), [
-          [C, l.value]
-        ]),
-        s("div", j, [
-          s("img", {
-            src: _(e.name) ? d(D) : d(B),
-            class: "progress-step__headline__icon",
-            alt: ""
-          }, null, 8, z),
-          s("span", {
-            class: M({ "progress-step__headline__span--checked": m.value === e.name })
-          }, F(e.name), 3)
-        ]),
-        s("div", I, [
-          a(s("div", L, n[2] || (n[2] = [
-            s("div", { class: "progress-step__content-line" }, null, -1)
-          ]), 512), [
-            [h, o < g.value.length - 1]
-          ]),
-          a(s("div", P, [
-            (c(!0), i(y, null, x(e.substeps.filter((r) => !f(r)), (r, N) => (c(), i("div", {
-              key: r,
-              class: "progress-step"
-            }, [
-              a(s("input", {
-                "onUpdate:modelValue": n[1] || (n[1] = (v) => l.value = v),
-                name: "progress-step",
-                type: "checkbox",
-                class: "progress-input",
-                value: r
-              }, null, 8, R), [
-                [C, l.value]
-              ]),
-              s("div", q, [
-                s("img", {
-                  src: _(r) ? d(D) : d(B),
-                  class: "progress-step__headline__icon",
-                  alt: ""
-                }, null, 8, A),
-                s("span", {
-                  class: M({ "progress-step__headline__span--checked": m.value === r })
-                }, F(E(r)), 3)
-              ]),
-              s("div", G, [
-                a(s("div", H, n[3] || (n[3] = [
-                  s("div", { class: "progress-step__content-line" }, null, -1)
-                ]), 512), [
-                  [h, N < e.substeps.filter((v) => !f(v)).length - 1]
-                ])
-              ])
-            ]))), 128))
-          ], 512), [
-            [h, !_(e.name)]
-          ])
-        ])
-      ]))), 128))
-    ]));
-  }
-});
-export {
-  W as default
-};

package/dist/data-provider-interface/components/StepActionsSection.vue.js

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

package/dist/data-provider-interface/components/StepActionsSection.vue2.js

@@ -1,131 +0,0 @@
-import { defineComponent as B, inject as P, ref as h, watch as _, toRef as z, computed as E, createElementBlock as u, openBlock as i, createElementVNode as c, createBlock as F, createCommentVNode as I, renderSlot as g, createVNode as d, normalizeStyle as M, withDirectives as p, vShow as y, withCtx as x, Fragment as A, renderList as D, toDisplayString as L, createTextVNode as R, nextTick as $ } from "vue";
-import { getNode as K, isNode as W } from "@formkit/core";
-import { getValidationMessages as j } from "@formkit/validation";
-import { useFormValues as J } from "../composables/useDpiFormValues.js";
-import f from "../HappyFlowComponents/ui/ButtonV3.vue.js";
-import O from "../HappyFlowComponents/ui/Card.vue.js";
-import { dpiStepperKey as Z } from "../utils/injectionKeys.js";
-const q = { class: "step-actions-container" }, G = { class: "step-actions" }, H = { class: "step-actions__prev-and-next" }, Q = { class: "validation-errors" }, ie = /* @__PURE__ */ B({
-  __name: "StepActionsSection",
-  props: {
-    hideCancel: { type: Boolean, default: !1 },
-    hidePrevious: { type: Boolean, default: !1 },
-    hideNext: { type: Boolean, default: !1 },
-    hideValidationSummary: { type: Boolean, default: !1 },
-    cancelText: { default: "Abbrechen" },
-    previousText: { default: "Zurück" },
-    nextText: { default: "Weiter" }
-  },
-  setup(U) {
-    const { formValues: C } = J(), e = P(Z);
-    e || console.warn("dpiStepper is not provided. Please use StepActionsSection inside InputPage");
-    function S(t) {
-      return t !== void 0;
-    }
-    const r = h(!1), a = h([]);
-    function N(t) {
-      if (!t)
-        return;
-      const o = j(t);
-      !o || o.size === 0 || (a.value = [...o.entries()].flatMap(([n, k]) => k.map((w) => String(w.value))));
-    }
-    e && _(e.activeStep, () => {
-      a.value.splice(0, a.value.length), r.value = !1;
-    });
-    const T = z(e == null ? void 0 : e.steps);
-    function v(t) {
-      var n;
-      const o = (n = T.value) == null ? void 0 : n[t];
-      return o ? o.valid : !1;
-    }
-    function V() {
-      v((e == null ? void 0 : e.activeStep.value) || "") && (e == null || e.goToNextStep());
-    }
-    function m() {
-      window.alert("WIP");
-    }
-    function s() {
-      e == null || e.goToPreviousStep();
-    }
-    const b = E(() => e != null && e.activeStep.value ? K(e == null ? void 0 : e.activeStep.value) : null);
-    async function l() {
-      if (!S(e))
-        return;
-      e.triggerValidationCurrentStep(), await $();
-      const t = b.value;
-      if (t ? !v((e == null ? void 0 : e.activeStep.value) || "") : !1) {
-        if (!W(t)) {
-          console.error("Current step node is not a FormKitNode", t);
-          return;
-        }
-        N(t), r.value = !0;
-      }
-      e != null && e.isLast.value ? window.alert(`Form submitted: ${JSON.stringify(C.value, null, 2)}`) : V();
-    }
-    return (t, o) => (i(), u("div", q, [
-      c("div", G, [
-        g(t.$slots, "default", {
-          handleCancel: m,
-          handlePrevious: s,
-          handleSubmit: l
-        }, () => [
-          d(f, {
-            style: M({ opacity: t.hideCancel ? 0 : 1 }),
-            variant: "tertiary",
-            size: "large",
-            type: "button",
-            "button-text": t.cancelText,
-            onClick: m
-          }, null, 8, ["style", "button-text"]),
-          c("div", H, [
-            g(t.$slots, "prev-and-next", {
-              hidePrevious: t.hidePrevious,
-              hideNext: t.hideNext,
-              previousText: t.previousText,
-              nextText: t.nextText,
-              handlePrevious: s,
-              handleSubmit: l
-            }, () => [
-              p(d(f, {
-                variant: "secondary",
-                size: "large",
-                type: "button",
-                "button-text": t.previousText,
-                "icon-start": "CaretLeft",
-                onClick: s
-              }, null, 8, ["button-text"]), [
-                [y, !t.hidePrevious]
-              ]),
-              p(d(f, {
-                size: "large",
-                type: "button",
-                "button-text": t.nextText,
-                "icon-end": "CaretRight",
-                onClick: l
-              }, null, 8, ["button-text"]), [
-                [y, !t.hideNext]
-              ])
-            ], !0)
-          ])
-        ], !0)
-      ]),
-      r.value && a.value.length ? (i(), F(O, {
-        key: 0,
-        variant: "error"
-      }, {
-        title: x(() => o[0] || (o[0] = [
-          R(" Bitte korrigieren Sie die folgenden Fehler ", -1)
-        ])),
-        default: x(() => [
-          c("ul", Q, [
-            (i(!0), u(A, null, D(a.value, (n) => (i(), u("li", { key: n }, L(n), 1))), 128))
-          ])
-        ]),
-        _: 1
-      })) : I("", !0)
-    ]));
-  }
-});
-export {
-  ie as default
-};