@schwarzdavid/ui-kit 0.0.1-alpha.1 → 0.0.1-alpha.11

package/dist/main.js

@@ -0,0 +1,869 @@
+import { getCurrentInstance as ge, inject as ye, readonly as Z, markRaw as oe, defineComponent as k, createElementBlock as U, openBlock as m, Fragment as M, renderList as J, unref as l, createBlock as p, resolveDynamicComponent as F, mergeProps as $, ref as E, computed as y, onMounted as Ce, createSlots as Te, withCtx as d, toDisplayString as G, createVNode as s, TransitionGroup as we, normalizeClass as le, isRef as xe, createTextVNode as te, createElementVNode as N, createCommentVNode as S, normalizeProps as re, toValue as ne, useTemplateRef as De } from "vue";
+import { VAlert as Ve, VIcon as Ie, VOverlay as Ae, VProgressCircular as Re, VDialog as K, VCard as z, VCardTitle as ue, VBtn as A, VCardText as se, VCardActions as q, VToolbar as ce, VToolbarTitle as ie, VSpacer as B, VDivider as de, VDefaultsProvider as he } from "vuetify/components";
+import { useI18n as me } from "vue-i18n";
+import { useDisplay as fe } from "vuetify";
+import { merge as Q } from "lodash";
+import Ee from "@vuelidate/core";
+const g = [];
+for (let e = 0; e < 256; ++e)
+  g.push((e + 256).toString(16).slice(1));
+function be(e, a = 0) {
+  return (g[e[a + 0]] + g[e[a + 1]] + g[e[a + 2]] + g[e[a + 3]] + "-" + g[e[a + 4]] + g[e[a + 5]] + "-" + g[e[a + 6]] + g[e[a + 7]] + "-" + g[e[a + 8]] + g[e[a + 9]] + "-" + g[e[a + 10]] + g[e[a + 11]] + g[e[a + 12]] + g[e[a + 13]] + g[e[a + 14]] + g[e[a + 15]]).toLowerCase();
+}
+let Y;
+const ke = new Uint8Array(16);
+function Oe() {
+  if (!Y) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    Y = crypto.getRandomValues.bind(crypto);
+  }
+  return Y(ke);
+}
+const Ue = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ae = { randomUUID: Ue };
+function ve(e, a, t) {
+  var o;
+  if (ae.randomUUID && !e)
+    return ae.randomUUID();
+  e = e || {};
+  const r = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? Oe();
+  if (r.length < 16)
+    throw new Error("Random bytes length must be >= 16");
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, be(r);
+}
+var X = /* @__PURE__ */ ((e) => (e.NOT_INSTALLED = "Need to install with `app.use` function", e.UNEXPECTED_ERROR = "Unexpected error", e))(X || {});
+function j() {
+  const e = ge();
+  if (!(e != null && e.appContext.app.__SCHWARZDAVID_UIKIT_SYMBOL__))
+    throw new Error(X.NOT_INSTALLED);
+  const a = e.appContext.app.__SCHWARZDAVID_UIKIT_SYMBOL__, t = ye(a);
+  if (!t)
+    throw new Error(X.UNEXPECTED_ERROR);
+  return t;
+}
+function pe() {
+  const { dialogQueue: e } = j();
+  function a() {
+    let o;
+    for (; ; )
+      if (o = ve(), !e.value.some((u) => u.id === o))
+        return o;
+  }
+  function t(o) {
+    const u = a(), i = oe({ ...o, id: u, resolve: (f) => {
+      r(u), o.resolve(f);
+    }, reject: (f) => {
+      r(u), o.reject(f);
+    } });
+    return e.value.push(i), i;
+  }
+  function r(o) {
+    const u = typeof o == "string" ? o : o.id, c = e.value.findIndex((n) => n.id === u);
+    c >= 0 && e.value.splice(c, 1);
+  }
+  return {
+    queue: Z(e),
+    addToQueue: t,
+    removeFromQueue: r
+  };
+}
+const Le = /* @__PURE__ */ k({
+  __name: "DialogOutlet",
+  setup(e) {
+    const { queue: a } = pe();
+    return (t, r) => (m(!0), U(M, null, J(l(a), (o) => (m(), p(F(o.component), $({
+      key: o.id,
+      ref_for: !0
+    }, o.props, {
+      onResolve: o.resolve,
+      onReject: o.reject
+    }), null, 16, ["onResolve", "onReject"]))), 128));
+  }
+});
+function ee() {
+  const { toastQueue: e } = j();
+  function a() {
+    let o;
+    for (; ; )
+      if (o = ve(), !e.value.some((u) => u.id === o))
+        return o;
+  }
+  function t(o) {
+    const u = a(), n = oe({ ...o, id: u, resolve: () => {
+      r(u), o.resolve();
+    } });
+    return e.value.unshift(n), n;
+  }
+  function r(o) {
+    const u = typeof o == "string" ? o : o.id, c = e.value.findIndex((n) => n.id === u);
+    c >= 0 && e.value.splice(c, 1);
+  }
+  return {
+    queue: Z(e),
+    addToQueue: t,
+    removeFromQueue: r
+  };
+}
+var x = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(x || {});
+const Se = { key: 0 }, je = { key: 1 }, Me = /* @__PURE__ */ k({
+  __name: "ToastEntry",
+  props: {
+    entry: {}
+  },
+  setup(e) {
+    const a = {
+      [x.ERROR]: "mdi-alert-circle-outline",
+      [x.SUCCESS]: "mdi-check-circle-outline",
+      [x.INFO]: "mdi-information-outline",
+      [x.WARNING]: "mdi-alert-circle-outline"
+    }, t = {
+      [x.ERROR]: "error",
+      [x.SUCCESS]: "success",
+      [x.INFO]: "primary",
+      [x.WARNING]: "warning"
+    }, r = e, o = ee(), u = E(-1), c = y(() => a[r.entry.type]), n = y(() => t[r.entry.type]), { t: i } = me({ useScope: "global" });
+    function f() {
+      window.clearTimeout(u.value), o.removeFromQueue(r.entry.id);
+    }
+    return Ce(() => {
+      u.value = window.setTimeout(() => {
+        f();
+      }, r.entry.timeout);
+    }), (_, D) => (m(), p(l(Ve), {
+      theme: "dark",
+      class: "toast-entry",
+      closable: "",
+      "onClick:close": f,
+      density: "compact"
+    }, Te({
+      default: d(() => [
+        _.entry.translateMessage ? (m(), U("span", Se, G(l(i)(_.entry.message)), 1)) : (m(), U("span", je, G(_.entry.message), 1))
+      ]),
+      _: 2
+    }, [
+      c.value ? {
+        name: "prepend",
+        fn: d(() => [
+          s(l(Ie), {
+            icon: c.value,
+            color: n.value
+          }, null, 8, ["icon", "color"])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+}), W = (e, a) => {
+  const t = e.__vccOpts || e;
+  for (const [r, o] of a)
+    t[r] = o;
+  return t;
+}, Pe = /* @__PURE__ */ W(Me, [["__scopeId", "data-v-7b5e0267"]]), Ne = /* @__PURE__ */ k({
+  __name: "ToastOutlet",
+  setup(e) {
+    const { queue: a } = ee(), { mobile: t } = fe(), r = y(() => t.value ? "" : "toast-outlet--desktop");
+    function o(u) {
+      const { width: c } = u.getBoundingClientRect();
+      u instanceof HTMLElement && (u.style.width = `${c.toFixed()}px`);
+    }
+    return (u, c) => (m(), p(we, {
+      name: "fade",
+      tag: "div",
+      class: le(["toast-outlet", r.value]),
+      onBeforeLeave: o
+    }, {
+      default: d(() => [
+        (m(!0), U(M, null, J(l(a), (n) => (m(), p(Pe, {
+          key: n.id,
+          entry: n
+        }, null, 8, ["entry"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), Qe = /* @__PURE__ */ W(Ne, [["__scopeId", "data-v-ba5c8268"]]), Fe = E(!1);
+function _e() {
+  return Fe;
+}
+const $e = /* @__PURE__ */ k({
+  __name: "LoadingOverlay",
+  setup(e) {
+    const a = _e();
+    return (t, r) => (m(), p(l(Ae), {
+      modelValue: l(a),
+      "onUpdate:modelValue": r[0] || (r[0] = (o) => xe(a) ? a.value = o : null),
+      persistent: "",
+      class: "d-flex align-center justify-center"
+    }, {
+      default: d(() => [
+        s(l(Re), {
+          indeterminate: "",
+          color: "primary",
+          size: "100"
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+}), dt = /* @__PURE__ */ k({
+  __name: "UiKitOutlet",
+  setup(e) {
+    return (a, t) => (m(), U(M, null, [
+      s(Le),
+      s(Qe),
+      s($e)
+    ], 64));
+  }
+}), C = /* @__PURE__ */ k({
+  __name: "MaybeTranslation",
+  props: {
+    content: {},
+    translate: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const { t: a } = me({ useScope: "global" });
+    return (t, r) => t.translate ? (m(), U(M, { key: 0 }, [
+      te(G(l(a)(t.content)), 1)
+    ], 64)) : (m(), U(M, { key: 1 }, [
+      te(G(t.content), 1)
+    ], 64));
+  }
+}), We = { class: "d-flex justify-space-between pr-2 py-2" }, Ge = 650, Be = /* @__PURE__ */ k({
+  __name: "InfoDialog",
+  props: {
+    data: {}
+  },
+  emits: ["resolve", "reject"],
+  setup(e, { emit: a }) {
+    const t = e, r = a, { options: { i18n: { messages: { close: o } } } } = j(), u = {
+      text: o,
+      translateText: !0,
+      value: null
+    };
+    let c = null;
+    const n = E(!0), i = y(() => Object.hasOwn(t.data, "content") ? {
+      content: t.data.content,
+      translateContent: t.data.translateContent
+    } : null), f = y(() => Object.hasOwn(t.data, "component") ? {
+      component: t.data.component,
+      props: t.data.props
+    } : null), _ = y(() => t.data.defaultCta === !1 ? null : Q({}, u, t.data.defaultCta));
+    function D(v) {
+      R(v) ? v.action() : b(v.value);
+    }
+    function R(v) {
+      return Object.hasOwn(v, "action");
+    }
+    function b(v = null) {
+      c = v, n.value = !1;
+    }
+    function h() {
+      r("resolve", c);
+    }
+    return (v, T) => (m(), p(l(K), {
+      modelValue: n.value,
+      "onUpdate:modelValue": T[1] || (T[1] = (V) => n.value = V),
+      "max-width": v.data.width ?? Ge,
+      onAfterLeave: h
+    }, {
+      default: d(() => [
+        s(l(z), { class: "info-dialog-card" }, {
+          default: d(() => [
+            N("div", We, [
+              s(l(ue), null, {
+                default: d(() => [
+                  s(C, {
+                    translate: v.data.translateTitle,
+                    content: v.data.title
+                  }, null, 8, ["translate", "content"])
+                ]),
+                _: 1
+              }),
+              s(l(A), {
+                icon: "$close",
+                variant: "text",
+                onClick: T[0] || (T[0] = (V) => b(null))
+              })
+            ]),
+            i.value ? (m(), p(l(se), { key: 0 }, {
+              default: d(() => [
+                N("p", null, [
+                  s(C, {
+                    translate: i.value.translateContent,
+                    content: i.value.content
+                  }, null, 8, ["translate", "content"])
+                ])
+              ]),
+              _: 1
+            })) : S("", !0),
+            f.value ? (m(), p(F(f.value.component), re($({ key: 1 }, f.value.props)), null, 16)) : S("", !0),
+            s(l(q), { class: "justify-end" }, {
+              default: d(() => [
+                (m(!0), U(M, null, J(v.data.additionalCta ?? [], (V, I) => (m(), p(l(A), {
+                  key: I,
+                  color: "primary",
+                  variant: "text",
+                  onClick: () => D(V)
+                }, {
+                  default: d(() => [
+                    s(C, {
+                      translate: V.translateText,
+                      content: V.text
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128)),
+                _.value ? (m(), p(l(A), {
+                  key: 0,
+                  color: "primary",
+                  variant: "elevated",
+                  onClick: b
+                }, {
+                  default: d(() => [
+                    s(C, {
+                      translate: _.value.translateText,
+                      content: _.value.text
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 1
+                })) : S("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "max-width"]));
+  }
+}), He = /* @__PURE__ */ W(Be, [["__scopeId", "data-v-0f8116ef"]]);
+var L = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.LARGE = "lg", e))(L || {});
+function H(e, a) {
+  const r = {
+    text: j().options.i18n.messages[a],
+    translateText: !0
+  };
+  return Q(r, e);
+}
+const Ke = /* @__PURE__ */ k({
+  __name: "PromptDialog",
+  props: {
+    data: {}
+  },
+  emits: ["resolve", "reject"],
+  setup(e, { emit: a }) {
+    const t = e, r = a, o = {
+      [L.SMALL]: 650,
+      [L.LARGE]: 1200
+    }, u = H(t.data.saveCta, "save"), c = H(t.data.abortCta, "cancel"), n = E(!0), i = E(ne(t.data.initialValue) ?? null), f = E(null), { mobile: _ } = fe(), D = y(() => t.data.required && !i.value), R = y(() => o[t.data.size ?? L.SMALL]), b = y(() => t.data.size === L.LARGE ? _.value : !1), h = y(() => t.data.size === L.LARGE ? "secondary" : "primary");
+    function v() {
+      return t.data.props ?? {};
+    }
+    function T() {
+      i.value = ne(t.data.initialValue) ?? null, n.value = !1;
+    }
+    function V() {
+      n.value = !1;
+    }
+    function I() {
+      if (t.data.required && !i.value) {
+        r("reject");
+        return;
+      }
+      r("resolve", i.value);
+    }
+    return (w, O) => (m(), p(l(K), {
+      modelValue: n.value,
+      "onUpdate:modelValue": O[1] || (O[1] = (P) => n.value = P),
+      "max-width": R.value,
+      fullscreen: b.value,
+      scrollable: w.data.size === l(L).LARGE,
+      onAfterLeave: I
+    }, {
+      default: d(() => [
+        s(l(z), { class: "prompt-dialog-card" }, {
+          default: d(() => [
+            s(l(ce), { color: "primary" }, {
+              default: d(() => [
+                s(l(ie), null, {
+                  default: d(() => [
+                    s(C, {
+                      translate: w.data.translateTitle,
+                      content: w.data.title
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 1
+                }),
+                s(l(B)),
+                N("div", {
+                  ref_key: "toolbar",
+                  ref: f,
+                  class: "prompt-dialog-toolbar-slot"
+                }, null, 512),
+                s(l(A), {
+                  icon: "mdi-close",
+                  onClick: T
+                })
+              ]),
+              _: 1
+            }),
+            f.value ? (m(), p(F(w.data.component), $({ key: 0 }, v(), {
+              modelValue: i.value,
+              "onUpdate:modelValue": O[0] || (O[0] = (P) => i.value = P),
+              toolbar: f.value
+            }), null, 16, ["modelValue", "toolbar"])) : S("", !0),
+            s(l(de)),
+            s(l(q), null, {
+              default: d(() => [
+                s(l(B)),
+                s(l(A), {
+                  color: h.value,
+                  onClick: T
+                }, {
+                  default: d(() => [
+                    s(C, {
+                      translate: l(c).translateText,
+                      content: l(c).text
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 1
+                }, 8, ["color"]),
+                s(l(A), {
+                  variant: "elevated",
+                  color: h.value,
+                  disabled: D.value,
+                  onClick: V
+                }, {
+                  default: d(() => [
+                    s(C, {
+                      translate: l(u).translateText,
+                      content: l(u).text
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 1
+                }, 8, ["color", "disabled"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "max-width", "fullscreen", "scrollable"]));
+  }
+}), ze = /* @__PURE__ */ W(Ke, [["__scopeId", "data-v-6cec23a5"]]), qe = { class: "d-flex justify-space-between pr-2 py-2" }, Ye = 550, Xe = /* @__PURE__ */ k({
+  __name: "ConfirmDialog",
+  props: {
+    data: {}
+  },
+  emits: ["resolve", "reject"],
+  setup(e, { emit: a }) {
+    const t = e, r = a, { options: { i18n: { messages: { yes: o, no: u } } } } = j(), c = {
+      text: o,
+      translateText: !0
+    }, n = {
+      text: u,
+      translateText: !0
+    };
+    let i = !1;
+    const f = E(!0), _ = y(() => Object.hasOwn(t.data, "content") ? {
+      content: t.data.content,
+      translateContent: t.data.translateContent
+    } : null), D = y(() => Object.hasOwn(t.data, "component") ? {
+      component: t.data.component,
+      props: t.data.props
+    } : null), R = y(() => Q({}, c, t.data.confirmCta)), b = y(() => Q({}, n, t.data.rejectCta)), h = y(() => t.data.highlightCta ?? "confirm"), v = y(() => t.data.level ?? "primary");
+    function T() {
+      f.value = !1;
+    }
+    function V() {
+      i = !0, f.value = !1;
+    }
+    function I() {
+      if (t.data.throwOnReject && !i) {
+        r("reject");
+        return;
+      }
+      r("resolve", i);
+    }
+    return (w, O) => (m(), p(l(K), {
+      modelValue: f.value,
+      "onUpdate:modelValue": O[0] || (O[0] = (P) => f.value = P),
+      persistent: !!w.data.permanent,
+      "max-width": w.data.maxWidth ?? Ye,
+      onAfterLeave: I
+    }, {
+      default: d(() => [
+        s(l(z), { class: "confirm-dialog-card" }, {
+          default: d(() => [
+            N("div", qe, [
+              s(l(ue), null, {
+                default: d(() => [
+                  s(C, {
+                    translate: w.data.translateTitle,
+                    content: w.data.title
+                  }, null, 8, ["translate", "content"])
+                ]),
+                _: 1
+              }),
+              w.data.permanent ? S("", !0) : (m(), p(l(A), {
+                key: 0,
+                icon: "$close",
+                variant: "text",
+                onClick: T
+              }))
+            ]),
+            _.value ? (m(), p(l(se), { key: 0 }, {
+              default: d(() => [
+                s(C, {
+                  translate: _.value.translateContent,
+                  content: _.value.content
+                }, null, 8, ["translate", "content"])
+              ]),
+              _: 1
+            })) : S("", !0),
+            D.value ? (m(), p(F(D.value.component), re($({ key: 1 }, D.value.props)), null, 16)) : S("", !0),
+            s(l(q), { class: "justify-end" }, {
+              default: d(() => [
+                N("div", {
+                  class: le(["d-flex align-center", h.value === "confirm" ? "" : "flex-row-reverse"])
+                }, [
+                  s(l(A), {
+                    variant: h.value === "reject" ? "elevated" : "text",
+                    color: v.value,
+                    onClick: T
+                  }, {
+                    default: d(() => [
+                      s(C, {
+                        translate: b.value.translateText,
+                        content: b.value.text
+                      }, null, 8, ["translate", "content"])
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "color"]),
+                  s(l(A), {
+                    variant: h.value === "confirm" ? "elevated" : "text",
+                    color: v.value,
+                    onClick: V
+                  }, {
+                    default: d(() => [
+                      s(C, {
+                        translate: R.value.translateText,
+                        content: R.value.text
+                      }, null, 8, ["translate", "content"])
+                    ]),
+                    _: 1
+                  }, 8, ["variant", "color"])
+                ], 2)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "persistent", "max-width"]));
+  }
+}), Ze = /* @__PURE__ */ W(Xe, [["__scopeId", "data-v-3e8b3358"]]);
+function Je(e) {
+  return e ? new Promise((a) => {
+    setTimeout(() => {
+      a();
+    }, e);
+  }) : Promise.resolve();
+}
+function et(e, a = {}) {
+  const { options: { loading: { delay: t, overlay: r } } } = j(), o = E(!1), u = _e();
+  async function c(...n) {
+    o.value = !0, r && (u.value = !0);
+    try {
+      const [i] = await Promise.all([
+        e(...n),
+        Je(t)
+      ]);
+      return i;
+    } catch (i) {
+      throw i;
+    } finally {
+      o.value = !1, r && (u.value = !1);
+    }
+  }
+  return { loading: Z(o), action: c };
+}
+const tt = /* @__PURE__ */ k({
+  __name: "FormDialog",
+  props: {
+    data: {}
+  },
+  emits: ["resolve", "reject"],
+  setup(e, { emit: a }) {
+    const t = e, r = a, o = H(t.data.saveCta, "save"), u = H(t.data.abortCta, "cancel"), c = De("formComponent"), n = E(!0), i = Ee(), { loading: f, action: _ } = et(v), D = y(() => ({
+      global: {
+        disabled: f.value
+      }
+    }));
+    let R = null;
+    function b() {
+      return t.data.props ?? {};
+    }
+    async function h() {
+      await i.value.$validate() && await _();
+    }
+    async function v() {
+      if (!c.value)
+        throw new Error("Form component not mounted");
+      const I = await c.value.finish();
+      typeof t.data.action == "function" ? R = await t.data.action(I) : R = I;
+    }
+    function T() {
+      n.value = !1;
+    }
+    function V() {
+      if (t.data.rejectOnEmpty && R === null) {
+        r("reject");
+        return;
+      }
+      r("resolve", R);
+    }
+    return (I, w) => (m(), p(l(K), {
+      modelValue: n.value,
+      "onUpdate:modelValue": w[0] || (w[0] = (O) => n.value = O),
+      onAfterLeave: V,
+      "max-width": "1200",
+      scrollable: ""
+    }, {
+      default: d(() => [
+        s(l(z), null, {
+          default: d(() => [
+            s(l(ce), { color: "primary" }, {
+              default: d(() => [
+                s(l(ie), null, {
+                  default: d(() => [
+                    s(C, {
+                      content: I.data.title,
+                      translate: !!I.data.translateTitle
+                    }, null, 8, ["content", "translate"])
+                  ]),
+                  _: 1
+                }),
+                s(l(B)),
+                s(l(A), {
+                  icon: "mdi-close",
+                  onClick: T
+                })
+              ]),
+              _: 1
+            }),
+            s(l(he), { defaults: D.value }, {
+              default: d(() => [
+                (m(), p(F(I.data.component), $({
+                  ref_key: "formComponent",
+                  ref: c,
+                  onSave: h
+                }, b()), null, 16))
+              ]),
+              _: 1
+            }, 8, ["defaults"]),
+            s(l(de)),
+            s(l(q), null, {
+              default: d(() => [
+                s(l(B)),
+                s(l(A), {
+                  onClick: T,
+                  color: "primary"
+                }, {
+                  default: d(() => [
+                    s(C, {
+                      content: l(u).text,
+                      translate: l(u).translateText
+                    }, null, 8, ["content", "translate"])
+                  ]),
+                  _: 1
+                }),
+                s(l(A), {
+                  onClick: h,
+                  variant: "elevated",
+                  color: "primary"
+                }, {
+                  default: d(() => [
+                    s(C, {
+                      translate: l(o).translateText,
+                      content: l(o).text
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+});
+function mt() {
+  const e = pe();
+  function a(u, c) {
+    let n;
+    return typeof u == "string" ? n = {
+      title: u,
+      content: c ?? ""
+    } : n = u, new Promise((i) => {
+      const f = {
+        component: He,
+        props: { data: n },
+        resolve: i,
+        reject: () => {
+          i(null);
+        }
+      };
+      e.addToQueue(f);
+    });
+  }
+  function t(u) {
+    return new Promise((c, n) => {
+      const i = {
+        component: ze,
+        props: { data: u },
+        resolve: c,
+        reject: n
+      };
+      e.addToQueue(i);
+    });
+  }
+  function r(u, c, n) {
+    let i = u;
+    return typeof u == "string" && typeof c == "string" && (i = {
+      title: u,
+      content: c,
+      level: n
+    }), new Promise((f, _) => {
+      const D = {
+        component: Ze,
+        props: { data: i },
+        resolve: f,
+        reject: _
+      };
+      e.addToQueue(D);
+    });
+  }
+  function o(u) {
+    return new Promise((c, n) => {
+      const i = {
+        component: tt,
+        props: { data: u },
+        resolve: c,
+        reject: n
+      };
+      e.addToQueue(i);
+    });
+  }
+  return {
+    info: a,
+    prompt: t,
+    confirm: r,
+    form: o
+  };
+}
+var nt = /* @__PURE__ */ ((e) => (e.DEFAULT = "primary", e.WARNING = "warning", e.DANGER = "error", e))(nt || {});
+function ft() {
+  const e = ee(), { options: { toast: { timeout: a } } } = j();
+  function t(c, n) {
+    return new Promise((i) => {
+      e.addToQueue({
+        message: c,
+        resolve: i,
+        timeout: (n == null ? void 0 : n.timeout) ?? a,
+        translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
+        type: x.INFO
+      });
+    });
+  }
+  function r(c, n) {
+    return new Promise((i) => {
+      e.addToQueue({
+        message: c,
+        resolve: i,
+        timeout: (n == null ? void 0 : n.timeout) ?? a,
+        translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
+        type: x.WARNING
+      });
+    });
+  }
+  function o(c, n) {
+    return new Promise((i) => {
+      e.addToQueue({
+        message: c,
+        resolve: i,
+        timeout: (n == null ? void 0 : n.timeout) ?? a,
+        translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
+        type: x.ERROR
+      });
+    });
+  }
+  function u(c, n) {
+    return new Promise((i) => {
+      e.addToQueue({
+        message: c,
+        resolve: i,
+        timeout: (n == null ? void 0 : n.timeout) ?? a,
+        translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
+        type: x.SUCCESS
+      });
+    });
+  }
+  return {
+    info: t,
+    warn: r,
+    error: o,
+    success: u
+  };
+}
+const at = () => ({
+  loading: {
+    delay: 2e3,
+    overlay: !1
+  },
+  toast: {
+    timeout: 4e3
+  },
+  i18n: {
+    messages: {
+      yes: "common.yes",
+      no: "common.no",
+      cancel: "action.cancel",
+      close: "action.close",
+      save: "action.save"
+    }
+  }
+});
+function ot(e) {
+  const a = E([]), t = E([]);
+  return {
+    dialogQueue: a,
+    toastQueue: t,
+    options: e
+  };
+}
+function vt(e) {
+  return (a) => {
+    const t = at(), r = Q(t, e), o = ot(r);
+    a.__SCHWARZDAVID_UIKIT_SYMBOL__ = Symbol("@schwarzdavid/ui-kit"), a.provide(a.__SCHWARZDAVID_UIKIT_SYMBOL__, o);
+  };
+}
+export {
+  nt as ConfirmDialogLevel,
+  L as PromptDialogSize,
+  dt as UiKitOutlet,
+  vt as createUIKit,
+  mt as useDialog,
+  et as useLoading,
+  _e as useLoadingOverlay,
+  ft as useToast
+};