@schwarzdavid/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.21

package/dist/ui-kit.js

@@ -1,691 +0,0 @@
-import { ref as b, readonly as J, markRaw as le, defineComponent as A, openBlock as m, createElementBlock as L, Fragment as R, renderList as Y, unref as u, createBlock as g, resolveDynamicComponent as B, mergeProps as G, onMounted as fe, withCtx as c, createTextVNode as H, toDisplayString as K, getCurrentInstance as ve, inject as ge, computed as f, TransitionGroup as _e, normalizeClass as re, isRef as ye, createVNode as s, createElementVNode as Q, createCommentVNode as k, normalizeProps as ue, toValue as X } from "vue";
-import { VAlert as Ce, VOverlay as Te, VProgressCircular as be, VDialog as Z, VCard as ee, VCardTitle as se, VBtn as x, VCardText as ie, VCardActions as te, VToolbar as he, VToolbarTitle as we, VSpacer as ae, VDivider as xe } from "vuetify/components";
-import { merge as $ } from "lodash";
-import { useI18n as Ae } from "vue-i18n";
-const v = [];
-for (let e = 0; e < 256; ++e)
-  v.push((e + 256).toString(16).slice(1));
-function Ve(e, n = 0) {
-  return (v[e[n + 0]] + v[e[n + 1]] + v[e[n + 2]] + v[e[n + 3]] + "-" + v[e[n + 4]] + v[e[n + 5]] + "-" + v[e[n + 6]] + v[e[n + 7]] + "-" + v[e[n + 8]] + v[e[n + 9]] + "-" + v[e[n + 10]] + v[e[n + 11]] + v[e[n + 12]] + v[e[n + 13]] + v[e[n + 14]] + v[e[n + 15]]).toLowerCase();
-}
-let q;
-const De = new Uint8Array(16);
-function ke() {
-  if (!q) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    q = crypto.getRandomValues.bind(crypto);
-  }
-  return q(De);
-}
-const Ee = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), oe = { randomUUID: Ee };
-function ce(e, n, t) {
-  if (oe.randomUUID && !n && !e)
-    return oe.randomUUID();
-  e = e || {};
-  const a = e.random || (e.rng || ke)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ve(a);
-}
-const U = b([]);
-function de() {
-  function e() {
-    let a;
-    for (; ; )
-      if (a = ce(), !U.value.some((o) => o.id === a))
-        return a;
-  }
-  function n(a) {
-    const o = e(), i = le({ ...a, id: o, resolve: (d) => {
-      t(o), a.resolve(d);
-    }, reject: (d) => {
-      t(o), a.reject(d);
-    } });
-    return U.value.push(i), i;
-  }
-  function t(a) {
-    const o = typeof a == "string" ? a : a.id, l = U.value.findIndex((r) => r.id === o);
-    l >= 0 && U.value.splice(l, 1);
-  }
-  return {
-    queue: J(U),
-    addToQueue: n,
-    removeFromQueue: t
-  };
-}
-const Ie = /* @__PURE__ */ A({
-  __name: "DialogOutlet",
-  setup(e) {
-    const { queue: n } = de();
-    return (t, a) => (m(!0), L(R, null, Y(u(n), (o) => (m(), g(B(o.component), G({
-      key: o.id,
-      ref_for: !0
-    }, o.props, {
-      onResolve: o.resolve,
-      onReject: o.reject
-    }), null, 16, ["onResolve", "onReject"]))), 128));
-  }
-}), P = b([]);
-function ne() {
-  function e() {
-    let a;
-    for (; ; )
-      if (a = ce(), !P.value.some((o) => o.id === a))
-        return a;
-  }
-  function n(a) {
-    const o = e(), r = le({ ...a, id: o, resolve: () => {
-      t(o), a.resolve();
-    } });
-    return P.value.unshift(r), r;
-  }
-  function t(a) {
-    const o = typeof a == "string" ? a : a.id, l = P.value.findIndex((r) => r.id === o);
-    l >= 0 && P.value.splice(l, 1);
-  }
-  return {
-    queue: J(P),
-    addToQueue: n,
-    removeFromQueue: t
-  };
-}
-const Le = /* @__PURE__ */ A({
-  __name: "ToastEntry",
-  props: {
-    entry: {}
-  },
-  setup(e) {
-    const n = e, t = ne(), a = b(-1);
-    function o() {
-      window.clearTimeout(a.value), t.removeFromQueue(n.entry.id);
-    }
-    return fe(() => {
-      a.value = window.setTimeout(() => {
-        o();
-      }, n.entry.timeout);
-    }), (l, r) => (m(), g(u(Ce), {
-      theme: "dark",
-      class: "toast-entry",
-      closable: "",
-      "onClick:close": o
-    }, {
-      default: c(() => [
-        H(K(l.entry.message), 1)
-      ]),
-      _: 1
-    }));
-  }
-}), N = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [a, o] of n)
-    t[a] = o;
-  return t;
-}, Re = /* @__PURE__ */ N(Le, [["__scopeId", "data-v-419b7d95"]]);
-function S() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (S.cache.has(e)) return S.cache.get(e);
-  const n = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return S.cache.set(e, n), n;
-}
-S.cache = /* @__PURE__ */ new Map();
-function je(e, n) {
-  const t = ve();
-  if (!t)
-    throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
-  return t;
-}
-function Ue() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const n = je(e).type;
-  return S((n == null ? void 0 : n.aliasName) || (n == null ? void 0 : n.name));
-}
-const Pe = Symbol.for("vuetify:display");
-function me() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Ue();
-  const t = ge(Pe);
-  if (!t) throw new Error("Could not find Vuetify display injection");
-  const a = f(() => {
-    if (e.mobile != null) return e.mobile;
-    if (!e.mobileBreakpoint) return t.mobile.value;
-    const l = typeof e.mobileBreakpoint == "number" ? e.mobileBreakpoint : t.thresholds.value[e.mobileBreakpoint];
-    return t.width.value < l;
-  }), o = f(() => n ? {
-    [`${n}--mobile`]: a.value
-  } : {});
-  return {
-    ...t,
-    displayClasses: o,
-    mobile: a
-  };
-}
-const Oe = /* @__PURE__ */ A({
-  __name: "ToastOutlet",
-  setup(e) {
-    const { queue: n } = ne(), { mobile: t } = me(), a = f(() => t.value ? "" : "toast-outlet--desktop");
-    function o(l) {
-      const { width: r } = l.getBoundingClientRect();
-      l instanceof HTMLElement && (l.style.width = `${r.toFixed()}px`);
-    }
-    return (l, r) => (m(), g(_e, {
-      name: "fade",
-      tag: "div",
-      class: re(["toast-outlet", a.value]),
-      onBeforeLeave: o
-    }, {
-      default: c(() => [
-        (m(!0), L(R, null, Y(u(n), (i) => (m(), g(Re, {
-          key: i.id,
-          entry: i
-        }, null, 8, ["entry"]))), 128))
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-}), Se = /* @__PURE__ */ N(Oe, [["__scopeId", "data-v-93b5ec8a"]]), Qe = b(!1);
-function pe() {
-  return Qe;
-}
-const $e = /* @__PURE__ */ A({
-  __name: "LoadingOverlay",
-  setup(e) {
-    const n = pe();
-    return (t, a) => (m(), g(u(Te), {
-      modelValue: u(n),
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => ye(n) ? n.value = o : null),
-      persistent: "",
-      class: "d-flex align-center justify-center"
-    }, {
-      default: c(() => [
-        s(u(be), {
-          indeterminate: "",
-          color: "primary",
-          size: "100"
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"]));
-  }
-}), tt = /* @__PURE__ */ A({
-  __name: "UiKitOutlet",
-  setup(e) {
-    return (n, t) => (m(), L(R, null, [
-      s(Ie),
-      s(Se),
-      s($e)
-    ], 64));
-  }
-}), C = /* @__PURE__ */ A({
-  __name: "MaybeTranslation",
-  props: {
-    content: {},
-    translate: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const { t: n } = Ae({ useScope: "global" });
-    return (t, a) => t.translate ? (m(), L(R, { key: 0 }, [
-      H(K(u(n)(t.content)), 1)
-    ], 64)) : (m(), L(R, { key: 1 }, [
-      H(K(t.content), 1)
-    ], 64));
-  }
-}), Ne = { class: "d-flex justify-space-between pr-2 py-2" }, Fe = 650, Me = /* @__PURE__ */ A({
-  __name: "InfoDialog",
-  props: {
-    data: {}
-  },
-  emits: ["resolve", "reject"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, o = {
-      text: "APP.CLOSE",
-      translateText: !0,
-      value: null
-    };
-    let l = null;
-    const r = b(!0), i = f(() => Object.hasOwn(t.data, "content") ? {
-      content: t.data.content,
-      translateContent: t.data.translateContent
-    } : null), d = f(() => Object.hasOwn(t.data, "component") ? {
-      component: t.data.component,
-      props: t.data.props
-    } : null), _ = f(() => t.data.defaultCta === !1 ? null : $({}, o, t.data.defaultCta));
-    function V(p) {
-      E(p) ? p.action() : h(p.value);
-    }
-    function E(p) {
-      return Object.hasOwn(p, "action");
-    }
-    function h(p = null) {
-      l = p, r.value = !1;
-    }
-    function I() {
-      a("resolve", l);
-    }
-    return (p, w) => (m(), g(u(Z), {
-      modelValue: r.value,
-      "onUpdate:modelValue": w[1] || (w[1] = (y) => r.value = y),
-      "max-width": p.data.width ?? Fe,
-      onAfterLeave: I
-    }, {
-      default: c(() => [
-        s(u(ee), { class: "info-dialog-card" }, {
-          default: c(() => [
-            Q("div", Ne, [
-              s(u(se), null, {
-                default: c(() => [
-                  s(C, {
-                    translate: p.data.translateTitle,
-                    content: p.data.title
-                  }, null, 8, ["translate", "content"])
-                ]),
-                _: 1
-              }),
-              s(u(x), {
-                icon: "$close",
-                variant: "text",
-                onClick: w[0] || (w[0] = (y) => h(null))
-              })
-            ]),
-            i.value ? (m(), g(u(ie), { key: 0 }, {
-              default: c(() => [
-                Q("p", null, [
-                  s(C, {
-                    translate: i.value.translateContent,
-                    content: i.value.content
-                  }, null, 8, ["translate", "content"])
-                ])
-              ]),
-              _: 1
-            })) : k("", !0),
-            d.value ? (m(), g(B(d.value.component), ue(G({ key: 1 }, d.value.props)), null, 16)) : k("", !0),
-            s(u(te), { class: "justify-end" }, {
-              default: c(() => [
-                (m(!0), L(R, null, Y(p.data.additionalCta ?? [], (y, T) => (m(), g(u(x), {
-                  key: T,
-                  color: "primary",
-                  variant: "text",
-                  onClick: () => V(y)
-                }, {
-                  default: c(() => [
-                    s(C, {
-                      translate: y.translateText,
-                      content: y.text
-                    }, null, 8, ["translate", "content"])
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]))), 128)),
-                _.value ? (m(), g(u(x), {
-                  key: 0,
-                  color: "primary",
-                  variant: "elevated",
-                  onClick: h
-                }, {
-                  default: c(() => [
-                    s(C, {
-                      translate: _.value.translateText,
-                      content: _.value.text
-                    }, null, 8, ["translate", "content"])
-                  ]),
-                  _: 1
-                })) : k("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue", "max-width"]));
-  }
-}), Be = /* @__PURE__ */ N(Me, [["__scopeId", "data-v-ab153f63"]]);
-var D = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.LARGE = "lg", e))(D || {});
-const Ge = /* @__PURE__ */ A({
-  __name: "PromptDialog",
-  props: {
-    data: {}
-  },
-  emits: ["resolve", "reject"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, o = {
-      [D.SMALL]: 650,
-      [D.LARGE]: 1200
-    }, l = {
-      text: "APP.CANCEL",
-      translateText: !0
-    }, r = {
-      text: "APP.SAVE",
-      translateText: !0
-    }, i = b(!0), d = b(X(t.data.initialValue) ?? null), _ = b(null), { mobile: V } = me(), E = f(() => t.data.required && !d.value), h = f(() => o[t.data.size ?? D.SMALL]), I = f(() => t.data.size === D.LARGE ? V.value : !1), p = f(() => $({}, l, t.data.abortCta)), w = f(() => $({}, r, t.data.saveCta)), y = f(() => t.data.size === D.LARGE ? "secondary" : "primary");
-    function T() {
-      d.value = X(t.data.initialValue) ?? null, i.value = !1;
-    }
-    function F() {
-      i.value = !1;
-    }
-    function W() {
-      if (t.data.required && !d.value) {
-        a("reject");
-        return;
-      }
-      a("resolve", d.value);
-    }
-    return (j, M) => (m(), g(u(Z), {
-      modelValue: i.value,
-      "onUpdate:modelValue": M[1] || (M[1] = (z) => i.value = z),
-      "max-width": h.value,
-      fullscreen: I.value,
-      scrollable: j.data.size === u(D).LARGE,
-      onAfterLeave: W
-    }, {
-      default: c(() => [
-        s(u(ee), { class: "prompt-dialog-card" }, {
-          default: c(() => [
-            s(u(he), { color: "primary" }, {
-              default: c(() => [
-                s(u(we), null, {
-                  default: c(() => [
-                    s(C, {
-                      translate: j.data.translateTitle,
-                      content: j.data.title
-                    }, null, 8, ["translate", "content"])
-                  ]),
-                  _: 1
-                }),
-                s(u(ae)),
-                Q("div", {
-                  ref_key: "toolbar",
-                  ref: _,
-                  class: "prompt-dialog-toolbar-slot"
-                }, null, 512),
-                s(u(x), {
-                  icon: "mdi-close",
-                  onClick: T
-                })
-              ]),
-              _: 1
-            }),
-            _.value ? (m(), g(B(j.data.component), G({ key: 0 }, j.data.props, {
-              modelValue: d.value,
-              "onUpdate:modelValue": M[0] || (M[0] = (z) => d.value = z),
-              toolbar: _.value
-            }), null, 16, ["modelValue", "toolbar"])) : k("", !0),
-            s(u(xe)),
-            s(u(te), null, {
-              default: c(() => [
-                s(u(ae)),
-                s(u(x), {
-                  color: y.value,
-                  onClick: T
-                }, {
-                  default: c(() => [
-                    s(C, {
-                      translate: p.value.translateText,
-                      content: p.value.text
-                    }, null, 8, ["translate", "content"])
-                  ]),
-                  _: 1
-                }, 8, ["color"]),
-                s(u(x), {
-                  variant: "elevated",
-                  color: y.value,
-                  disabled: E.value,
-                  onClick: F
-                }, {
-                  default: c(() => [
-                    s(C, {
-                      translate: w.value.translateText,
-                      content: w.value.text
-                    }, null, 8, ["translate", "content"])
-                  ]),
-                  _: 1
-                }, 8, ["color", "disabled"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue", "max-width", "fullscreen", "scrollable"]));
-  }
-}), We = /* @__PURE__ */ N(Ge, [["__scopeId", "data-v-1f5a0caf"]]), ze = { class: "d-flex justify-space-between pr-2 py-2" }, qe = 550, He = /* @__PURE__ */ A({
-  __name: "ConfirmDialog",
-  props: {
-    data: {}
-  },
-  emits: ["resolve", "reject"],
-  setup(e, { emit: n }) {
-    const t = e, a = n, o = {
-      text: "APP.YES",
-      translateText: !0
-    }, l = {
-      text: "APP.NO",
-      translateText: !0
-    };
-    let r = !1;
-    const i = b(!0), d = f(() => Object.hasOwn(t.data, "content") ? {
-      content: t.data.content,
-      translateContent: t.data.translateContent
-    } : null), _ = f(() => Object.hasOwn(t.data, "component") ? {
-      component: t.data.component,
-      props: t.data.props
-    } : null), V = f(() => $({}, o, t.data.confirmCta)), E = f(() => $({}, l, t.data.rejectCta)), h = f(() => t.data.highlightCta ?? "confirm"), I = f(() => t.data.level ?? "primary");
-    function p() {
-      i.value = !1;
-    }
-    function w() {
-      r = !0, i.value = !1;
-    }
-    function y() {
-      if (t.data.throwOnReject && !r) {
-        a("reject");
-        return;
-      }
-      a("resolve", r);
-    }
-    return (T, F) => (m(), g(u(Z), {
-      modelValue: i.value,
-      "onUpdate:modelValue": F[0] || (F[0] = (W) => i.value = W),
-      persistent: !!T.data.permanent,
-      "max-width": T.data.maxWidth ?? qe,
-      onAfterLeave: y
-    }, {
-      default: c(() => [
-        s(u(ee), { class: "confirm-dialog-card" }, {
-          default: c(() => [
-            Q("div", ze, [
-              s(u(se), null, {
-                default: c(() => [
-                  s(C, {
-                    translate: T.data.translateTitle,
-                    content: T.data.title
-                  }, null, 8, ["translate", "content"])
-                ]),
-                _: 1
-              }),
-              T.data.permanent ? k("", !0) : (m(), g(u(x), {
-                key: 0,
-                icon: "$close",
-                variant: "text",
-                onClick: p
-              }))
-            ]),
-            d.value ? (m(), g(u(ie), { key: 0 }, {
-              default: c(() => [
-                s(C, {
-                  translate: d.value.translateContent,
-                  content: d.value.content
-                }, null, 8, ["translate", "content"])
-              ]),
-              _: 1
-            })) : k("", !0),
-            _.value ? (m(), g(B(_.value.component), ue(G({ key: 1 }, _.value.props)), null, 16)) : k("", !0),
-            s(u(te), { class: "justify-end" }, {
-              default: c(() => [
-                Q("div", {
-                  class: re(["d-flex align-center", h.value === "confirm" ? "" : "flex-row-reverse"])
-                }, [
-                  s(u(x), {
-                    variant: h.value === "reject" ? "elevated" : "text",
-                    color: I.value,
-                    onClick: p
-                  }, {
-                    default: c(() => [
-                      s(C, {
-                        translate: E.value.translateText,
-                        content: E.value.text
-                      }, null, 8, ["translate", "content"])
-                    ]),
-                    _: 1
-                  }, 8, ["variant", "color"]),
-                  s(u(x), {
-                    variant: h.value === "confirm" ? "elevated" : "text",
-                    color: I.value,
-                    onClick: w
-                  }, {
-                    default: c(() => [
-                      s(C, {
-                        translate: V.value.translateText,
-                        content: V.value.text
-                      }, null, 8, ["translate", "content"])
-                    ]),
-                    _: 1
-                  }, 8, ["variant", "color"])
-                ], 2)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue", "persistent", "max-width"]));
-  }
-}), Ke = /* @__PURE__ */ N(He, [["__scopeId", "data-v-634f1f39"]]);
-function nt() {
-  const e = de();
-  function n(o, l) {
-    let r;
-    return typeof o == "string" ? r = {
-      title: o,
-      content: l ?? ""
-    } : r = o, new Promise((i) => {
-      const d = {
-        component: Be,
-        props: { data: r },
-        resolve: i,
-        reject: () => {
-          i(null);
-        }
-      };
-      e.addToQueue(d);
-    });
-  }
-  function t(o) {
-    return new Promise((l, r) => {
-      const i = {
-        component: We,
-        props: { data: o },
-        resolve: l,
-        reject: r
-      };
-      e.addToQueue(i);
-    });
-  }
-  function a(o, l, r) {
-    let i = o;
-    return typeof o == "string" && typeof l == "string" && (i = {
-      title: o,
-      content: l,
-      level: r
-    }), new Promise((d, _) => {
-      const V = {
-        component: Ke,
-        props: { data: i },
-        resolve: d,
-        reject: _
-      };
-      e.addToQueue(V);
-    });
-  }
-  return {
-    info: n,
-    prompt: t,
-    confirm: a
-  };
-}
-var Xe = /* @__PURE__ */ ((e) => (e.DEFAULT = "primary", e.WARNING = "warning", e.DANGER = "error", e))(Xe || {}), O = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(O || {});
-function at() {
-  const e = ne();
-  function n(l) {
-    return new Promise((r) => {
-      e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: O.INFO
-      });
-    });
-  }
-  function t(l) {
-    return new Promise((r) => {
-      e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: O.WARNING
-      });
-    });
-  }
-  function a(l) {
-    return new Promise((r) => {
-      e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: O.ERROR
-      });
-    });
-  }
-  function o(l) {
-    return new Promise((r) => {
-      e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: O.SUCCESS
-      });
-    });
-  }
-  return {
-    info: n,
-    warn: t,
-    error: a,
-    success: o
-  };
-}
-function ot(e, { overlay: n } = {}) {
-  const t = b(!1), a = pe();
-  async function o(...l) {
-    const r = X(n);
-    t.value = !0, r && (a.value = !0);
-    try {
-      return await e(...l);
-    } catch (i) {
-      throw i;
-    } finally {
-      t.value = !1, r && (a.value = !1);
-    }
-  }
-  return { loading: J(t), action: o };
-}
-export {
-  Xe as ConfirmDialogLevel,
-  D as PromptDialogSize,
-  tt as UiKitOutlet,
-  nt as useDialog,
-  ot as useLoading,
-  pe as useLoadingOverlay,
-  at as useToast
-};