@schwarzdavid/ui-kit 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/ui-kit.js

@@ -1,62 +1,79 @@
-import { ref as w, readonly as H, markRaw as le, defineComponent as I, openBlock as m, createElementBlock as L, Fragment as O, renderList as X, unref as s, createBlock as g, resolveDynamicComponent as B, mergeProps as G, computed as p, onMounted as ge, createSlots as _e, withCtx as d, createElementVNode as P, toDisplayString as K, createVNode as i, getCurrentInstance as ye, inject as re, TransitionGroup as Ce, normalizeClass as ue, isRef as Te, createTextVNode as te, createCommentVNode as k, normalizeProps as se, toValue as ne } from "vue";
-import { VAlert as be, VIcon as we, VOverlay as he, VProgressCircular as Ae, VDialog as Y, VCard as J, VCardTitle as ie, VBtn as V, VCardText as ce, VCardActions as Z, VToolbar as xe, VToolbarTitle as Ve, VSpacer as ae, VDivider as Ie } from "vuetify/components";
-import { merge as D } from "lodash";
-import { useI18n as Ee } from "vue-i18n";
-const v = [];
+import { getCurrentInstance as we, inject as he, readonly as ee, markRaw as ue, defineComponent as k, openBlock as m, createElementBlock as U, Fragment as P, renderList as te, unref as l, createBlock as y, resolveDynamicComponent as W, mergeProps as q, ref as R, computed as A, onMounted as Ae, createSlots as Te, withCtx as d, toDisplayString as B, createVNode as u, TransitionGroup as xe, normalizeClass as ce, isRef as Ve, createTextVNode as oe, createElementVNode as F, createCommentVNode as j, normalizeProps as ie, toValue as le, useTemplateRef as Ie } from "vue";
+import { VAlert as De, VIcon as Re, VOverlay as be, VProgressCircular as Ee, VDialog as z, VCard as Y, VCardTitle as de, VBtn as I, VCardText as me, VCardActions as X, VToolbar as fe, VToolbarTitle as pe, VSpacer as H, VDivider as ve } from "vuetify/components";
+import { useI18n as ne } from "vue-i18n";
+import { useDisplay as _e } from "vuetify";
+import { merge as $ } from "lodash";
+import ke from "@vuelidate/core";
+import * as v from "@vuelidate/validators";
+import { helpers as re } from "@vuelidate/validators";
+const w = [];
 for (let e = 0; e < 256; ++e)
-  v.push((e + 256).toString(16).slice(1));
-function ke(e, t = 0) {
-  return (v[e[t + 0]] + v[e[t + 1]] + v[e[t + 2]] + v[e[t + 3]] + "-" + v[e[t + 4]] + v[e[t + 5]] + "-" + v[e[t + 6]] + v[e[t + 7]] + "-" + v[e[t + 8]] + v[e[t + 9]] + "-" + v[e[t + 10]] + v[e[t + 11]] + v[e[t + 12]] + v[e[t + 13]] + v[e[t + 14]] + v[e[t + 15]]).toLowerCase();
+  w.push((e + 256).toString(16).slice(1));
+function Le(e, n = 0) {
+  return (w[e[n + 0]] + w[e[n + 1]] + w[e[n + 2]] + w[e[n + 3]] + "-" + w[e[n + 4]] + w[e[n + 5]] + "-" + w[e[n + 6]] + w[e[n + 7]] + "-" + w[e[n + 8]] + w[e[n + 9]] + "-" + w[e[n + 10]] + w[e[n + 11]] + w[e[n + 12]] + w[e[n + 13]] + w[e[n + 14]] + w[e[n + 15]]).toLowerCase();
 }
-let q;
-const De = new Uint8Array(16);
-function Re() {
-  if (!q) {
+let Z;
+const Oe = new Uint8Array(16);
+function Ue() {
+  if (!Z) {
     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);
+    Z = crypto.getRandomValues.bind(crypto);
   }
-  return q(De);
+  return Z(Oe);
 }
-const Ue = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), oe = { randomUUID: Ue };
-function de(e, t, n) {
-  if (oe.randomUUID && !t && !e)
-    return oe.randomUUID();
+const Se = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), se = { randomUUID: Se };
+function ge(e, n, t) {
+  var o;
+  if (se.randomUUID && !n && !e)
+    return se.randomUUID();
   e = e || {};
-  const a = e.random || (e.rng || Re)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, ke(a);
+  const r = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? Ue();
+  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, Le(r);
 }
-const N = w([]);
-function me() {
-  function e() {
-    let a;
+var J = /* @__PURE__ */ ((e) => (e.NOT_INSTALLED = "Need to install with `app.use` function", e.UNEXPECTED_ERROR = "Unexpected error", e))(J || {});
+function N() {
+  const e = we();
+  if (!(e != null && e.appContext.app.__SCHWARZDAVID_UIKIT_SYMBOL__))
+    throw new Error(J.NOT_INSTALLED);
+  const n = e.appContext.app.__SCHWARZDAVID_UIKIT_SYMBOL__, t = he(n);
+  if (!t)
+    throw new Error(J.UNEXPECTED_ERROR);
+  return t;
+}
+function ye() {
+  const { dialogQueue: e } = N();
+  function n() {
+    let o;
     for (; ; )
-      if (a = de(), !N.value.some((o) => o.id === a))
-        return a;
+      if (o = ge(), !e.value.some((s) => s.id === o))
+        return o;
   }
-  function t(a) {
-    const o = e(), r = le({ ...a, id: o, resolve: (c) => {
-      n(o), a.resolve(c);
-    }, reject: (c) => {
-      n(o), a.reject(c);
+  function t(o) {
+    const s = n(), i = ue({ ...o, id: s, resolve: (f) => {
+      r(s), o.resolve(f);
+    }, reject: (f) => {
+      r(s), o.reject(f);
     } });
-    return N.value.push(r), r;
+    return e.value.push(i), i;
   }
-  function n(a) {
-    const o = typeof a == "string" ? a : a.id, l = N.value.findIndex((u) => u.id === o);
-    l >= 0 && N.value.splice(l, 1);
+  function r(o) {
+    const s = typeof o == "string" ? o : o.id, c = e.value.findIndex((a) => a.id === s);
+    c >= 0 && e.value.splice(c, 1);
   }
   return {
-    queue: H(N),
+    queue: ee(e),
     addToQueue: t,
-    removeFromQueue: n
+    removeFromQueue: r
   };
 }
-const Le = /* @__PURE__ */ I({
+const Me = /* @__PURE__ */ k({
   __name: "DialogOutlet",
   setup(e) {
-    const { queue: t } = me();
-    return (n, a) => (m(!0), L(O, null, X(s(t), (o) => (m(), g(B(o.component), G({
+    const { queue: n } = ye();
+    return (t, r) => (m(!0), U(P, null, te(l(n), (o) => (m(), y(W(o.component), q({
       key: o.id,
       ref_for: !0
     }, o.props, {
@@ -64,160 +81,124 @@ const Le = /* @__PURE__ */ I({
       onReject: o.reject
     }), null, 16, ["onResolve", "onReject"]))), 128));
   }
-}), S = w([]);
-function ee() {
-  function e() {
-    let a;
+});
+function ae() {
+  const { toastQueue: e } = N();
+  function n() {
+    let o;
     for (; ; )
-      if (a = de(), !S.value.some((o) => o.id === a))
-        return a;
+      if (o = ge(), !e.value.some((s) => s.id === o))
+        return o;
   }
-  function t(a) {
-    const o = e(), u = le({ ...a, id: o, resolve: () => {
-      n(o), a.resolve();
+  function t(o) {
+    const s = n(), a = ue({ ...o, id: s, resolve: () => {
+      r(s), o.resolve();
     } });
-    return S.value.unshift(u), u;
+    return e.value.unshift(a), a;
   }
-  function n(a) {
-    const o = typeof a == "string" ? a : a.id, l = S.value.findIndex((u) => u.id === o);
-    l >= 0 && S.value.splice(l, 1);
+  function r(o) {
+    const s = typeof o == "string" ? o : o.id, c = e.value.findIndex((a) => a.id === s);
+    c >= 0 && e.value.splice(c, 1);
   }
   return {
-    queue: H(S),
+    queue: ee(e),
     addToQueue: t,
-    removeFromQueue: n
+    removeFromQueue: r
   };
 }
-var y = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(y || {});
-const Oe = /* @__PURE__ */ I({
+var x = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(x || {});
+const je = { key: 0 }, Ne = { key: 1 }, Pe = /* @__PURE__ */ k({
   __name: "ToastEntry",
   props: {
     entry: {}
   },
   setup(e) {
-    const t = {
-      [y.ERROR]: "mdi-alert-circle-outline",
-      [y.SUCCESS]: "mdi-check-circle-outline",
-      [y.INFO]: "mdi-information-outline",
-      [y.WARNING]: "mdi-alert-circle-outline"
-    }, n = {
-      [y.ERROR]: "error",
-      [y.SUCCESS]: "success",
-      [y.INFO]: "primary",
-      [y.WARNING]: "warning"
-    }, a = e, o = ee(), l = w(-1), u = p(() => t[a.entry.type]), r = p(() => n[a.entry.type]);
-    function c() {
-      window.clearTimeout(l.value), o.removeFromQueue(a.entry.id);
+    const n = {
+      [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 = ae(), s = R(-1), c = A(() => n[r.entry.type]), a = A(() => t[r.entry.type]), { t: i } = ne({ useScope: "global" });
+    function f() {
+      window.clearTimeout(s.value), o.removeFromQueue(r.entry.id);
     }
-    return ge(() => {
-      l.value = window.setTimeout(() => {
-      }, a.entry.timeout);
-    }), (_, h) => (m(), g(s(be), {
+    return Ae(() => {
+      s.value = window.setTimeout(() => {
+        f();
+      }, r.entry.timeout);
+    }), (C, V) => (m(), y(l(De), {
       theme: "dark",
       class: "toast-entry",
       closable: "",
-      "onClick:close": c,
+      "onClick:close": f,
       density: "compact"
-    }, _e({
+    }, Te({
       default: d(() => [
-        P("span", null, K(_.entry.message), 1)
+        C.entry.translateMessage ? (m(), U("span", je, B(l(i)(C.entry.message)), 1)) : (m(), U("span", Ne, B(C.entry.message), 1))
       ]),
       _: 2
     }, [
-      u.value ? {
+      c.value ? {
         name: "prepend",
         fn: d(() => [
-          i(s(we), {
-            icon: u.value,
-            color: r.value
+          u(l(Re), {
+            icon: c.value,
+            color: a.value
           }, null, 8, ["icon", "color"])
         ]),
         key: "0"
       } : void 0
     ]), 1024));
   }
-}), $ = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [a, o] of t)
-    n[a] = o;
-  return n;
-}, Pe = /* @__PURE__ */ $(Oe, [["__scopeId", "data-v-59807b44"]]);
-function Q() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-  if (Q.cache.has(e)) return Q.cache.get(e);
-  const t = e.replace(/[^a-z]/gi, "-").replace(/\B([A-Z])/g, "-$1").toLowerCase();
-  return Q.cache.set(e, t), t;
-}
-Q.cache = /* @__PURE__ */ new Map();
-function je(e, t) {
-  const n = ye();
-  if (!n)
-    throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
-  return n;
-}
-function Ne() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const t = je(e).type;
-  return Q((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
-}
-const Se = Symbol.for("vuetify:display");
-function pe() {
-  let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : Ne();
-  const n = re(Se);
-  if (!n) throw new Error("Could not find Vuetify display injection");
-  const a = p(() => {
-    if (e.mobile != null) return e.mobile;
-    if (!e.mobileBreakpoint) return n.mobile.value;
-    const l = typeof e.mobileBreakpoint == "number" ? e.mobileBreakpoint : n.thresholds.value[e.mobileBreakpoint];
-    return n.width.value < l;
-  }), o = p(() => t ? {
-    [`${t}--mobile`]: a.value
-  } : {});
-  return {
-    ...n,
-    displayClasses: o,
-    mobile: a
-  };
-}
-const Qe = /* @__PURE__ */ I({
+}), G = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [r, o] of n)
+    t[r] = o;
+  return t;
+}, Qe = /* @__PURE__ */ G(Pe, [["__scopeId", "data-v-7b5e0267"]]), Fe = /* @__PURE__ */ k({
   __name: "ToastOutlet",
   setup(e) {
-    const { queue: t } = ee(), { mobile: n } = pe(), a = p(() => n.value ? "" : "toast-outlet--desktop");
-    function o(l) {
-      const { width: u } = l.getBoundingClientRect();
-      l instanceof HTMLElement && (l.style.width = `${u.toFixed()}px`);
+    const { queue: n } = ae(), { mobile: t } = _e(), r = A(() => t.value ? "" : "toast-outlet--desktop");
+    function o(s) {
+      const { width: c } = s.getBoundingClientRect();
+      s instanceof HTMLElement && (s.style.width = `${c.toFixed()}px`);
     }
-    return (l, u) => (m(), g(Ce, {
+    return (s, c) => (m(), y(xe, {
       name: "fade",
       tag: "div",
-      class: ue(["toast-outlet", a.value]),
+      class: ce(["toast-outlet", r.value]),
       onBeforeLeave: o
     }, {
       default: d(() => [
-        (m(!0), L(O, null, X(s(t), (r) => (m(), g(Pe, {
-          key: r.id,
-          entry: r
+        (m(!0), U(P, null, te(l(n), (a) => (m(), y(Qe, {
+          key: a.id,
+          entry: a
         }, null, 8, ["entry"]))), 128))
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), $e = /* @__PURE__ */ $(Qe, [["__scopeId", "data-v-ba5c8268"]]), Fe = w(!1);
-function fe() {
-  return Fe;
+}), $e = /* @__PURE__ */ G(Fe, [["__scopeId", "data-v-ba5c8268"]]), We = R(!1);
+function Ce() {
+  return We;
 }
-const Me = /* @__PURE__ */ I({
+const qe = /* @__PURE__ */ k({
   __name: "LoadingOverlay",
   setup(e) {
-    const t = fe();
-    return (n, a) => (m(), g(s(he), {
-      modelValue: s(t),
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => Te(t) ? t.value = o : null),
+    const n = Ce();
+    return (t, r) => (m(), y(l(be), {
+      modelValue: l(n),
+      "onUpdate:modelValue": r[0] || (r[0] = (o) => Ve(n) ? n.value = o : null),
       persistent: "",
       class: "d-flex align-center justify-center"
     }, {
       default: d(() => [
-        i(s(Ae), {
+        u(l(Ee), {
           indeterminate: "",
           color: "primary",
           size: "100"
@@ -226,128 +207,128 @@ const Me = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), st = /* @__PURE__ */ I({
+}), pt = /* @__PURE__ */ k({
   __name: "UiKitOutlet",
   setup(e) {
-    return (t, n) => (m(), L(O, null, [
-      i(Le),
-      i($e),
-      i(Me)
+    return (n, t) => (m(), U(P, null, [
+      u(Me),
+      u($e),
+      u(qe)
     ], 64));
   }
-}), T = /* @__PURE__ */ I({
+}), T = /* @__PURE__ */ k({
   __name: "MaybeTranslation",
   props: {
     content: {},
     translate: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const { t } = Ee({ useScope: "global" });
-    return (n, a) => n.translate ? (m(), L(O, { key: 0 }, [
-      te(K(s(t)(n.content)), 1)
-    ], 64)) : (m(), L(O, { key: 1 }, [
-      te(K(n.content), 1)
+    const { t: n } = ne({ useScope: "global" });
+    return (t, r) => t.translate ? (m(), U(P, { key: 0 }, [
+      oe(B(l(n)(t.content)), 1)
+    ], 64)) : (m(), U(P, { key: 1 }, [
+      oe(B(t.content), 1)
     ], 64));
   }
-}), Be = { class: "d-flex justify-space-between pr-2 py-2" }, Ge = 650, We = /* @__PURE__ */ I({
+}), Ge = { class: "d-flex justify-space-between pr-2 py-2" }, Be = 650, He = /* @__PURE__ */ k({
   __name: "InfoDialog",
   props: {
     data: {}
   },
   emits: ["resolve", "reject"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, o = {
-      text: "APP.CLOSE",
+  setup(e, { emit: n }) {
+    const t = e, r = n, { options: { i18n: { messages: { close: o } } } } = N(), s = {
+      text: o,
       translateText: !0,
       value: null
     };
-    let l = null;
-    const u = w(!0), r = p(() => Object.hasOwn(n.data, "content") ? {
-      content: n.data.content,
-      translateContent: n.data.translateContent
-    } : null), c = p(() => Object.hasOwn(n.data, "component") ? {
-      component: n.data.component,
-      props: n.data.props
-    } : null), _ = p(() => n.data.defaultCta === !1 ? null : D({}, o, n.data.defaultCta));
-    function h(f) {
-      R(f) ? f.action() : A(f.value);
+    let c = null;
+    const a = R(!0), i = A(() => Object.hasOwn(t.data, "content") ? {
+      content: t.data.content,
+      translateContent: t.data.translateContent
+    } : null), f = A(() => Object.hasOwn(t.data, "component") ? {
+      component: t.data.component,
+      props: t.data.props
+    } : null), C = A(() => t.data.defaultCta === !1 ? null : $({}, s, t.data.defaultCta));
+    function V(p) {
+      L(p) ? p.action() : b(p.value);
     }
-    function R(f) {
-      return Object.hasOwn(f, "action");
+    function L(p) {
+      return Object.hasOwn(p, "action");
     }
-    function A(f = null) {
-      l = f, u.value = !1;
+    function b(p = null) {
+      c = p, a.value = !1;
     }
-    function U() {
-      a("resolve", l);
+    function D() {
+      r("resolve", c);
     }
-    return (f, x) => (m(), g(s(Y), {
-      modelValue: u.value,
-      "onUpdate:modelValue": x[1] || (x[1] = (C) => u.value = C),
-      "max-width": f.data.width ?? Ge,
-      onAfterLeave: U
+    return (p, g) => (m(), y(l(z), {
+      modelValue: a.value,
+      "onUpdate:modelValue": g[1] || (g[1] = (h) => a.value = h),
+      "max-width": p.data.width ?? Be,
+      onAfterLeave: D
     }, {
       default: d(() => [
-        i(s(J), { class: "info-dialog-card" }, {
+        u(l(Y), { class: "info-dialog-card" }, {
           default: d(() => [
-            P("div", Be, [
-              i(s(ie), null, {
+            F("div", Ge, [
+              u(l(de), null, {
                 default: d(() => [
-                  i(T, {
-                    translate: f.data.translateTitle,
-                    content: f.data.title
+                  u(T, {
+                    translate: p.data.translateTitle,
+                    content: p.data.title
                   }, null, 8, ["translate", "content"])
                 ]),
                 _: 1
               }),
-              i(s(V), {
+              u(l(I), {
                 icon: "$close",
                 variant: "text",
-                onClick: x[0] || (x[0] = (C) => A(null))
+                onClick: g[0] || (g[0] = (h) => b(null))
               })
             ]),
-            r.value ? (m(), g(s(ce), { key: 0 }, {
+            i.value ? (m(), y(l(me), { key: 0 }, {
               default: d(() => [
-                P("p", null, [
-                  i(T, {
-                    translate: r.value.translateContent,
-                    content: r.value.content
+                F("p", null, [
+                  u(T, {
+                    translate: i.value.translateContent,
+                    content: i.value.content
                   }, null, 8, ["translate", "content"])
                 ])
               ]),
               _: 1
-            })) : k("", !0),
-            c.value ? (m(), g(B(c.value.component), se(G({ key: 1 }, c.value.props)), null, 16)) : k("", !0),
-            i(s(Z), { class: "justify-end" }, {
+            })) : j("", !0),
+            f.value ? (m(), y(W(f.value.component), ie(q({ key: 1 }, f.value.props)), null, 16)) : j("", !0),
+            u(l(X), { class: "justify-end" }, {
               default: d(() => [
-                (m(!0), L(O, null, X(f.data.additionalCta ?? [], (C, b) => (m(), g(s(V), {
-                  key: b,
+                (m(!0), U(P, null, te(p.data.additionalCta ?? [], (h, O) => (m(), y(l(I), {
+                  key: O,
                   color: "primary",
                   variant: "text",
-                  onClick: () => h(C)
+                  onClick: () => V(h)
                 }, {
                   default: d(() => [
-                    i(T, {
-                      translate: C.translateText,
-                      content: C.text
+                    u(T, {
+                      translate: h.translateText,
+                      content: h.text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128)),
-                _.value ? (m(), g(s(V), {
+                C.value ? (m(), y(l(I), {
                   key: 0,
                   color: "primary",
                   variant: "elevated",
-                  onClick: A
+                  onClick: b
                 }, {
                   default: d(() => [
-                    i(T, {
-                      translate: _.value.translateText,
-                      content: _.value.text
+                    u(T, {
+                      translate: C.value.translateText,
+                      content: C.value.text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
-                })) : k("", !0)
+                })) : j("", !0)
               ]),
               _: 1
             })
@@ -358,104 +339,108 @@ const Me = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue", "max-width"]));
   }
-}), ze = /* @__PURE__ */ $(We, [["__scopeId", "data-v-48bbcd24"]]);
-var E = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.LARGE = "lg", e))(E || {});
-const qe = /* @__PURE__ */ I({
+}), Ke = /* @__PURE__ */ G(He, [["__scopeId", "data-v-0bb08e28"]]);
+var M = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.LARGE = "lg", e))(M || {});
+function K(e, n) {
+  const r = {
+    text: N().options.i18n.messages[n],
+    translateText: !0
+  };
+  return $(r, e);
+}
+const ze = /* @__PURE__ */ k({
   __name: "PromptDialog",
   props: {
     data: {}
   },
   emits: ["resolve", "reject"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, o = {
-      [E.SMALL]: 650,
-      [E.LARGE]: 1200
-    }, l = {
-      text: "APP.CANCEL",
-      translateText: !0
-    }, u = {
-      text: "APP.SAVE",
-      translateText: !0
-    }, r = w(!0), c = w(ne(n.data.initialValue) ?? null), _ = w(null), { mobile: h } = pe(), R = p(() => n.data.required && !c.value), A = p(() => o[n.data.size ?? E.SMALL]), U = p(() => n.data.size === E.LARGE ? h.value : !1), f = p(() => D({}, l, n.data.abortCta)), x = p(() => D({}, u, n.data.saveCta)), C = p(() => n.data.size === E.LARGE ? "secondary" : "primary");
-    function b() {
-      c.value = ne(n.data.initialValue) ?? null, r.value = !1;
+  setup(e, { emit: n }) {
+    const t = e, r = n, o = {
+      [M.SMALL]: 650,
+      [M.LARGE]: 1200
+    }, s = K(t.data.saveCta, "save"), c = K(t.data.abortCta, "cancel"), a = R(!0), i = R(le(t.data.initialValue) ?? null), f = R(null), { mobile: C } = _e(), V = A(() => t.data.required && !i.value), L = A(() => o[t.data.size ?? M.SMALL]), b = A(() => t.data.size === M.LARGE ? C.value : !1), D = A(() => t.data.size === M.LARGE ? "secondary" : "primary");
+    function p() {
+      return t.data.props ?? {};
+    }
+    function g() {
+      i.value = le(t.data.initialValue) ?? null, a.value = !1;
     }
-    function F() {
-      r.value = !1;
+    function h() {
+      a.value = !1;
     }
-    function W() {
-      if (n.data.required && !c.value) {
-        a("reject");
+    function O() {
+      if (t.data.required && !i.value) {
+        r("reject");
         return;
       }
-      a("resolve", c.value);
+      r("resolve", i.value);
     }
-    return (j, M) => (m(), g(s(Y), {
-      modelValue: r.value,
-      "onUpdate:modelValue": M[1] || (M[1] = (z) => r.value = z),
-      "max-width": A.value,
-      fullscreen: U.value,
-      scrollable: j.data.size === s(E).LARGE,
-      onAfterLeave: W
+    return (E, S) => (m(), y(l(z), {
+      modelValue: a.value,
+      "onUpdate:modelValue": S[1] || (S[1] = (Q) => a.value = Q),
+      "max-width": L.value,
+      fullscreen: b.value,
+      scrollable: E.data.size === l(M).LARGE,
+      onAfterLeave: O
     }, {
       default: d(() => [
-        i(s(J), { class: "prompt-dialog-card" }, {
+        u(l(Y), { class: "prompt-dialog-card" }, {
           default: d(() => [
-            i(s(xe), { color: "primary" }, {
+            u(l(fe), { color: "primary" }, {
               default: d(() => [
-                i(s(Ve), null, {
+                u(l(pe), null, {
                   default: d(() => [
-                    i(T, {
-                      translate: j.data.translateTitle,
-                      content: j.data.title
+                    u(T, {
+                      translate: E.data.translateTitle,
+                      content: E.data.title
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
                 }),
-                i(s(ae)),
-                P("div", {
+                u(l(H)),
+                F("div", {
                   ref_key: "toolbar",
-                  ref: _,
+                  ref: f,
                   class: "prompt-dialog-toolbar-slot"
                 }, null, 512),
-                i(s(V), {
+                u(l(I), {
                   icon: "mdi-close",
-                  onClick: b
+                  onClick: g
                 })
               ]),
               _: 1
             }),
-            _.value ? (m(), g(B(j.data.component), G({ key: 0 }, j.data.props, {
-              modelValue: c.value,
-              "onUpdate:modelValue": M[0] || (M[0] = (z) => c.value = z),
-              toolbar: _.value
-            }), null, 16, ["modelValue", "toolbar"])) : k("", !0),
-            i(s(Ie)),
-            i(s(Z), null, {
+            f.value ? (m(), y(W(E.data.component), q({ key: 0 }, p(), {
+              modelValue: i.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (Q) => i.value = Q),
+              toolbar: f.value
+            }), null, 16, ["modelValue", "toolbar"])) : j("", !0),
+            u(l(ve)),
+            u(l(X), null, {
               default: d(() => [
-                i(s(ae)),
-                i(s(V), {
-                  color: C.value,
-                  onClick: b
+                u(l(H)),
+                u(l(I), {
+                  color: D.value,
+                  onClick: g
                 }, {
                   default: d(() => [
-                    i(T, {
-                      translate: f.value.translateText,
-                      content: f.value.text
+                    u(T, {
+                      translate: l(c).translateText,
+                      content: l(c).text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
                 }, 8, ["color"]),
-                i(s(V), {
+                u(l(I), {
                   variant: "elevated",
-                  color: C.value,
-                  disabled: R.value,
-                  onClick: F
+                  color: D.value,
+                  disabled: V.value,
+                  onClick: h
                 }, {
                   default: d(() => [
-                    i(T, {
-                      translate: x.value.translateText,
-                      content: x.value.text
+                    u(T, {
+                      translate: l(s).translateText,
+                      content: l(s).text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
@@ -470,105 +455,105 @@ const qe = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue", "max-width", "fullscreen", "scrollable"]));
   }
-}), Ke = /* @__PURE__ */ $(qe, [["__scopeId", "data-v-aa6b77b6"]]), He = { class: "d-flex justify-space-between pr-2 py-2" }, Xe = 550, Ye = /* @__PURE__ */ I({
+}), Ye = /* @__PURE__ */ G(ze, [["__scopeId", "data-v-6cec23a5"]]), Xe = { class: "d-flex justify-space-between pr-2 py-2" }, Ze = 550, Je = /* @__PURE__ */ k({
   __name: "ConfirmDialog",
   props: {
     data: {}
   },
   emits: ["resolve", "reject"],
-  setup(e, { emit: t }) {
-    const n = e, a = t, o = {
-      text: "common.yes",
+  setup(e, { emit: n }) {
+    const t = e, r = n, { options: { i18n: { messages: { yes: o, no: s } } } } = N(), c = {
+      text: o,
       translateText: !0
-    }, l = {
-      text: "common.no",
+    }, a = {
+      text: s,
       translateText: !0
     };
-    let u = !1;
-    const r = w(!0), c = p(() => Object.hasOwn(n.data, "content") ? {
-      content: n.data.content,
-      translateContent: n.data.translateContent
-    } : null), _ = p(() => Object.hasOwn(n.data, "component") ? {
-      component: n.data.component,
-      props: n.data.props
-    } : null), h = p(() => D({}, o, n.data.confirmCta)), R = p(() => D({}, l, n.data.rejectCta)), A = p(() => n.data.highlightCta ?? "confirm"), U = p(() => n.data.level ?? "primary");
-    function f() {
-      r.value = !1;
+    let i = !1;
+    const f = R(!0), C = A(() => Object.hasOwn(t.data, "content") ? {
+      content: t.data.content,
+      translateContent: t.data.translateContent
+    } : null), V = A(() => Object.hasOwn(t.data, "component") ? {
+      component: t.data.component,
+      props: t.data.props
+    } : null), L = A(() => $({}, c, t.data.confirmCta)), b = A(() => $({}, a, t.data.rejectCta)), D = A(() => t.data.highlightCta ?? "confirm"), p = A(() => t.data.level ?? "primary");
+    function g() {
+      f.value = !1;
     }
-    function x() {
-      u = !0, r.value = !1;
+    function h() {
+      i = !0, f.value = !1;
     }
-    function C() {
-      if (n.data.throwOnReject && !u) {
-        a("reject");
+    function O() {
+      if (t.data.throwOnReject && !i) {
+        r("reject");
         return;
       }
-      a("resolve", u);
+      r("resolve", i);
     }
-    return (b, F) => (m(), g(s(Y), {
-      modelValue: r.value,
-      "onUpdate:modelValue": F[0] || (F[0] = (W) => r.value = W),
-      persistent: !!b.data.permanent,
-      "max-width": b.data.maxWidth ?? Xe,
-      onAfterLeave: C
+    return (E, S) => (m(), y(l(z), {
+      modelValue: f.value,
+      "onUpdate:modelValue": S[0] || (S[0] = (Q) => f.value = Q),
+      persistent: !!E.data.permanent,
+      "max-width": E.data.maxWidth ?? Ze,
+      onAfterLeave: O
     }, {
       default: d(() => [
-        i(s(J), { class: "confirm-dialog-card" }, {
+        u(l(Y), { class: "confirm-dialog-card" }, {
           default: d(() => [
-            P("div", He, [
-              i(s(ie), null, {
+            F("div", Xe, [
+              u(l(de), null, {
                 default: d(() => [
-                  i(T, {
-                    translate: b.data.translateTitle,
-                    content: b.data.title
+                  u(T, {
+                    translate: E.data.translateTitle,
+                    content: E.data.title
                   }, null, 8, ["translate", "content"])
                 ]),
                 _: 1
               }),
-              b.data.permanent ? k("", !0) : (m(), g(s(V), {
+              E.data.permanent ? j("", !0) : (m(), y(l(I), {
                 key: 0,
                 icon: "$close",
                 variant: "text",
-                onClick: f
+                onClick: g
               }))
             ]),
-            c.value ? (m(), g(s(ce), { key: 0 }, {
+            C.value ? (m(), y(l(me), { key: 0 }, {
               default: d(() => [
-                i(T, {
-                  translate: c.value.translateContent,
-                  content: c.value.content
+                u(T, {
+                  translate: C.value.translateContent,
+                  content: C.value.content
                 }, null, 8, ["translate", "content"])
               ]),
               _: 1
-            })) : k("", !0),
-            _.value ? (m(), g(B(_.value.component), se(G({ key: 1 }, _.value.props)), null, 16)) : k("", !0),
-            i(s(Z), { class: "justify-end" }, {
+            })) : j("", !0),
+            V.value ? (m(), y(W(V.value.component), ie(q({ key: 1 }, V.value.props)), null, 16)) : j("", !0),
+            u(l(X), { class: "justify-end" }, {
               default: d(() => [
-                P("div", {
-                  class: ue(["d-flex align-center", A.value === "confirm" ? "" : "flex-row-reverse"])
+                F("div", {
+                  class: ce(["d-flex align-center", D.value === "confirm" ? "" : "flex-row-reverse"])
                 }, [
-                  i(s(V), {
-                    variant: A.value === "reject" ? "elevated" : "text",
-                    color: U.value,
-                    onClick: f
+                  u(l(I), {
+                    variant: D.value === "reject" ? "elevated" : "text",
+                    color: p.value,
+                    onClick: g
                   }, {
                     default: d(() => [
-                      i(T, {
-                        translate: R.value.translateText,
-                        content: R.value.text
+                      u(T, {
+                        translate: b.value.translateText,
+                        content: b.value.text
                       }, null, 8, ["translate", "content"])
                     ]),
                     _: 1
                   }, 8, ["variant", "color"]),
-                  i(s(V), {
-                    variant: A.value === "confirm" ? "elevated" : "text",
-                    color: U.value,
-                    onClick: x
+                  u(l(I), {
+                    variant: D.value === "confirm" ? "elevated" : "text",
+                    color: p.value,
+                    onClick: h
                   }, {
                     default: d(() => [
-                      i(T, {
-                        translate: h.value.translateText,
-                        content: h.value.text
+                      u(T, {
+                        translate: L.value.translateText,
+                        content: L.value.text
                       }, null, 8, ["translate", "content"])
                     ]),
                     _: 1
@@ -584,162 +569,329 @@ const qe = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue", "persistent", "max-width"]));
   }
-}), Je = /* @__PURE__ */ $(Ye, [["__scopeId", "data-v-e571516e"]]);
-function it() {
-  const e = me();
-  function t(o, l) {
-    let u;
-    return typeof o == "string" ? u = {
-      title: o,
-      content: l ?? ""
-    } : u = o, new Promise((r) => {
-      const c = {
-        component: ze,
-        props: { data: u },
-        resolve: r,
+}), et = /* @__PURE__ */ G(Je, [["__scopeId", "data-v-3e8b3358"]]);
+function tt(e) {
+  return e ? new Promise((n) => {
+    setTimeout(() => {
+      n();
+    }, e);
+  }) : Promise.resolve();
+}
+function nt(e, n = {}) {
+  const { options: { loading: { delay: t, overlay: r } } } = N(), o = R(!1), s = Ce();
+  async function c(...a) {
+    o.value = !0, r && (s.value = !0);
+    try {
+      const [i] = await Promise.all([
+        e(...a),
+        tt(t)
+      ]);
+      return i;
+    } catch (i) {
+      throw i;
+    } finally {
+      o.value = !1, r && (s.value = !1);
+    }
+  }
+  return { loading: ee(o), action: c };
+}
+const at = /* @__PURE__ */ k({
+  __name: "FormDialog",
+  props: {
+    data: {}
+  },
+  emits: ["resolve", "reject"],
+  setup(e, { emit: n }) {
+    const t = e, r = n, o = K(t.data.saveCta, "save"), s = K(t.data.abortCta, "cancel"), c = Ie("formComponent"), a = R(!0), i = ke(), { loading: f, action: C } = nt(b);
+    function V() {
+      return t.data.props ?? {};
+    }
+    async function L() {
+      await i.value.$validate() && await C();
+    }
+    async function b() {
+      var h;
+      const g = await ((h = c.value) == null ? void 0 : h.finish());
+      if (!g) {
+        console.warn("FormDialog: No result returned from form component.");
+        return;
+      }
+      if (typeof t.data.action == "function") {
+        const O = await t.data.action(g);
+        r("resolve", O);
+      } else
+        r("resolve", g);
+    }
+    function D() {
+      a.value = !1;
+    }
+    function p() {
+      r("resolve", null);
+    }
+    return (g, h) => (m(), y(l(z), {
+      modelValue: a.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (O) => a.value = O),
+      onAfterLeave: p,
+      "max-width": "1200",
+      scrollable: ""
+    }, {
+      default: d(() => [
+        u(l(Y), null, {
+          default: d(() => [
+            u(l(fe), { color: "primary" }, {
+              default: d(() => [
+                u(l(pe), null, {
+                  default: d(() => [
+                    u(T, {
+                      content: g.data.title,
+                      translate: !!g.data.translateTitle
+                    }, null, 8, ["content", "translate"])
+                  ]),
+                  _: 1
+                }),
+                u(l(H)),
+                u(l(I), {
+                  icon: "mdi-close",
+                  onClick: D
+                })
+              ]),
+              _: 1
+            }),
+            (m(), y(W(g.data.component), q({
+              ref_key: "formComponent",
+              ref: c,
+              onSave: L
+            }, V()), null, 16)),
+            u(l(ve)),
+            u(l(X), null, {
+              default: d(() => [
+                u(l(H)),
+                u(l(I), {
+                  onClick: D,
+                  color: "primary"
+                }, {
+                  default: d(() => [
+                    u(T, {
+                      content: l(s).text,
+                      translate: l(s).translateText
+                    }, null, 8, ["content", "translate"])
+                  ]),
+                  _: 1
+                }),
+                u(l(I), {
+                  onClick: L,
+                  variant: "elevated",
+                  color: "primary"
+                }, {
+                  default: d(() => [
+                    u(T, {
+                      translate: l(o).translateText,
+                      content: l(o).text
+                    }, null, 8, ["translate", "content"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
+  }
+});
+function vt() {
+  const e = ye();
+  function n(s, c) {
+    let a;
+    return typeof s == "string" ? a = {
+      title: s,
+      content: c ?? ""
+    } : a = s, new Promise((i) => {
+      const f = {
+        component: Ke,
+        props: { data: a },
+        resolve: i,
         reject: () => {
-          r(null);
+          i(null);
         }
       };
-      e.addToQueue(c);
+      e.addToQueue(f);
     });
   }
-  function n(o) {
-    return new Promise((l, u) => {
-      const r = {
-        component: Ke,
-        props: { data: o },
-        resolve: l,
-        reject: u
+  function t(s) {
+    return new Promise((c, a) => {
+      const i = {
+        component: Ye,
+        props: { data: s },
+        resolve: c,
+        reject: a
+      };
+      e.addToQueue(i);
+    });
+  }
+  function r(s, c, a) {
+    let i = s;
+    return typeof s == "string" && typeof c == "string" && (i = {
+      title: s,
+      content: c,
+      level: a
+    }), new Promise((f, C) => {
+      const V = {
+        component: et,
+        props: { data: i },
+        resolve: f,
+        reject: C
       };
-      e.addToQueue(r);
+      e.addToQueue(V);
     });
   }
-  function a(o, l, u) {
-    let r = o;
-    return typeof o == "string" && typeof l == "string" && (r = {
-      title: o,
-      content: l,
-      level: u
-    }), new Promise((c, _) => {
-      const h = {
-        component: Je,
-        props: { data: r },
+  function o(s) {
+    return new Promise((c, a) => {
+      const i = {
+        component: at,
+        props: { data: s },
         resolve: c,
-        reject: _
+        reject: a
       };
-      e.addToQueue(h);
+      e.addToQueue(i);
     });
   }
   return {
-    info: t,
-    prompt: n,
-    confirm: a
+    info: n,
+    prompt: t,
+    confirm: r,
+    form: o
   };
 }
-var Ze = /* @__PURE__ */ ((e) => (e.DEFAULT = "primary", e.WARNING = "warning", e.DANGER = "error", e))(Ze || {});
-function ct() {
-  const e = ee();
-  function t(l, u) {
-    return new Promise((r) => {
+var ot = /* @__PURE__ */ ((e) => (e.DEFAULT = "primary", e.WARNING = "warning", e.DANGER = "error", e))(ot || {});
+function _t() {
+  const e = ae(), { options: { toast: { timeout: n } } } = N();
+  function t(c, a) {
+    return new Promise((i) => {
       e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: y.INFO
+        message: c,
+        resolve: i,
+        timeout: (a == null ? void 0 : a.timeout) ?? n,
+        translateMessage: (a == null ? void 0 : a.translateMessage) ?? !0,
+        type: x.INFO
       });
     });
   }
-  function n(l, u) {
-    return new Promise((r) => {
+  function r(c, a) {
+    return new Promise((i) => {
       e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: y.WARNING
+        message: c,
+        resolve: i,
+        timeout: (a == null ? void 0 : a.timeout) ?? n,
+        translateMessage: (a == null ? void 0 : a.translateMessage) ?? !0,
+        type: x.WARNING
       });
     });
   }
-  function a(l, u) {
-    return new Promise((r) => {
+  function o(c, a) {
+    return new Promise((i) => {
       e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: y.ERROR
+        message: c,
+        resolve: i,
+        timeout: (a == null ? void 0 : a.timeout) ?? n,
+        translateMessage: (a == null ? void 0 : a.translateMessage) ?? !0,
+        type: x.ERROR
       });
     });
   }
-  function o(l, u) {
-    return new Promise((r) => {
+  function s(c, a) {
+    return new Promise((i) => {
       e.addToQueue({
-        message: l,
-        resolve: r,
-        timeout: 4e3,
-        type: y.SUCCESS
+        message: c,
+        resolve: i,
+        timeout: (a == null ? void 0 : a.timeout) ?? n,
+        translateMessage: (a == null ? void 0 : a.translateMessage) ?? !0,
+        type: x.SUCCESS
       });
     });
   }
   return {
     info: t,
-    warn: n,
-    error: a,
-    success: o
+    warn: r,
+    error: o,
+    success: s
   };
 }
-const et = () => ({
+const _ = v.createI18nMessage({
+  t: (...e) => {
+    const { t: n } = ne({ useScope: "global" });
+    return n(...e);
+  },
+  messagePath(e) {
+    return console.log(e.$validator), "validation." + e.$validator;
+  }
+}), gt = _(v.required), yt = _(v.requiredIf, { withArguments: !0 }), Ct = _(v.requiredUnless, { withArguments: !0 }), wt = _(v.minLength, { withArguments: !0 }), ht = _(v.maxLength, { withArguments: !0 }), At = _(v.minValue, { withArguments: !0 }), Tt = _(v.maxValue, { withArguments: !0 }), xt = _(v.between, { withArguments: !0 }), Vt = _(v.alpha), It = _(v.alphaNum), Dt = _(v.numeric), Rt = _(v.integer), bt = _(v.decimal), Et = _(v.email), kt = _(v.ipAddress), Lt = _(v.macAddress), Ot = _(v.sameAs, { withArguments: !0 }), Ut = _(v.url), St = _((e) => re.withParams({
+  type: "oneOf",
+  values: e
+}, (n) => {
+  const t = Array.isArray(e) ? e : Object.values(e);
+  return !re.req(n) || t.includes(n);
+}), { withArguments: !0 }), lt = () => ({
   loading: {
     delay: 2e3,
     overlay: !1
-  }
-}), ve = "plugin:@schwarzdavid/ui-kit";
-function tt(e, t) {
-  const n = D(et(), t);
-  e.provide(ve, n);
-}
-function nt(e) {
-  const t = re(ve);
-  if (!t)
-    throw new Error("UIKit Plugin not installed");
-  return D({}, t, e);
-}
-function at(e) {
-  return e ? new Promise((t) => {
-    setTimeout(() => {
-      t();
-    }, e);
-  }) : Promise.resolve();
-}
-function dt(e, t = {}) {
-  const { loading: { delay: n, overlay: a } } = nt({ loading: t }), o = w(!1), l = fe();
-  async function u(...r) {
-    o.value = !0, a && (l.value = !0);
-    try {
-      const [c] = await Promise.all([
-        e(...r),
-        at(n)
-      ]);
-      return c;
-    } catch (c) {
-      throw c;
-    } finally {
-      o.value = !1, a && (l.value = !1);
+  },
+  toast: {
+    timeout: 4e3
+  },
+  i18n: {
+    messages: {
+      yes: "common.yes",
+      no: "common.no",
+      cancel: "action.cancel",
+      close: "action.close",
+      save: "action.save"
     }
   }
-  return { loading: H(o), action: u };
+});
+function rt(e) {
+  const n = R([]), t = R([]);
+  return {
+    dialogQueue: n,
+    toastQueue: t,
+    options: e
+  };
 }
-function mt(e) {
-  return (t) => {
-    tt(t, e);
+function Mt(e) {
+  return (n) => {
+    const t = lt(), r = $(t, e), o = rt(r);
+    n.__SCHWARZDAVID_UIKIT_SYMBOL__ = Symbol("@schwarzdavid/ui-kit"), n.provide(n.__SCHWARZDAVID_UIKIT_SYMBOL__, o);
   };
 }
 export {
-  Ze as ConfirmDialogLevel,
-  E as PromptDialogSize,
-  st as UiKitOutlet,
-  mt as createUIKit,
-  it as useDialog,
-  dt as useLoading,
-  fe as useLoadingOverlay,
-  ct as useToast
+  ot as ConfirmDialogLevel,
+  M as PromptDialogSize,
+  pt as UiKitOutlet,
+  Vt as alpha,
+  It as alphaNum,
+  xt as between,
+  Mt as createUIKit,
+  bt as decimal,
+  Et as email,
+  Rt as integer,
+  kt as ipAddress,
+  Lt as maxAddress,
+  ht as maxLength,
+  Tt as maxValue,
+  wt as minLength,
+  At as minValue,
+  Dt as numeric,
+  St as oneOf,
+  gt as required,
+  yt as requiredIf,
+  Ct as requiredUnless,
+  Ot as sameAs,
+  Ut as url,
+  vt as useDialog,
+  nt as useLoading,
+  Ce as useLoadingOverlay,
+  _t as useToast
 };