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

package/dist/main.d.ts

@@ -128,8 +128,18 @@ declare type PluginI18nMessageKey = 'save' | 'cancel' | 'close' | 'yes' | 'no';
 
 declare interface PluginI18nOptions {
     messages: Record<PluginI18nMessageKey, string>;
+    validation: PluginI18nValidationFn | PluginI18nValidationOptions;
 }
 
+declare type PluginI18nValidationFn = (validatorName: string) => string;
+
+declare interface PluginI18nValidationOptions {
+    prefix: string;
+    transform: PluginI18nValidationTransform;
+}
+
+declare type PluginI18nValidationTransform = 'snake_case' | 'camelCase' | 'PascalCase' | 'kebab-case' | 'none';
+
 declare interface PluginLoadingOptions {
     delay: number | false;
     overlay: boolean;

package/dist/main.js

@@ -1,9 +1,10 @@
-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";
+import { readonly as X, markRaw as ae, defineComponent as E, createElementBlock as O, openBlock as m, Fragment as M, renderList as Z, unref as l, createBlock as p, resolveDynamicComponent as F, mergeProps as $, ref as R, computed as y, onMounted as _e, createSlots as ge, withCtx as d, toDisplayString as W, createVNode as s, TransitionGroup as ye, normalizeClass as oe, isRef as Ce, createTextVNode as ee, createElementVNode as Q, createCommentVNode as L, normalizeProps as le, toValue as te, useTemplateRef as Te } from "vue";
+import { u as S } from "./usePluginContext-CyxsFQjN.js";
+import { VAlert as xe, VIcon as we, VOverlay as Ve, VProgressCircular as De, VDialog as H, VCard as q, VCardTitle as re, VBtn as A, VCardText as ue, VCardActions as K, VToolbar as se, VToolbarTitle as ce, VSpacer as B, VDivider as ie, VDefaultsProvider as he } from "vuetify/components";
+import { useI18n as de } from "vue-i18n";
+import { useDisplay as me } from "vuetify";
+import { merge as N } from "lodash";
+import Ae from "@vuelidate/core";
 const g = [];
 for (let e = 0; e < 256; ++e)
   g.push((e + 256).toString(16).slice(1));
@@ -11,46 +12,36 @@ 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() {
+const Ie = new Uint8Array(16);
+function Re() {
   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);
+  return Y(Ie);
 }
-const Ue = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ae = { randomUUID: Ue };
-function ve(e, a, t) {
+const ke = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ne = { randomUUID: ke };
+function fe(e, a, t) {
   var o;
-  if (ae.randomUUID && !e)
-    return ae.randomUUID();
+  if (ne.randomUUID && !e)
+    return ne.randomUUID();
   e = e || {};
-  const r = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? Oe();
+  const r = e.random ?? ((o = e.rng) == null ? void 0 : o.call(e)) ?? Re();
   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 ve() {
+  const { dialogQueue: e } = S();
   function a() {
     let o;
     for (; ; )
-      if (o = ve(), !e.value.some((u) => u.id === o))
+      if (o = fe(), !e.value.some((u) => u.id === o))
         return o;
   }
   function t(o) {
-    const u = a(), i = oe({ ...o, id: u, resolve: (f) => {
+    const u = a(), i = ae({ ...o, id: u, resolve: (f) => {
       r(u), o.resolve(f);
     }, reject: (f) => {
       r(u), o.reject(f);
@@ -62,16 +53,16 @@ function pe() {
     c >= 0 && e.value.splice(c, 1);
   }
   return {
-    queue: Z(e),
+    queue: X(e),
     addToQueue: t,
     removeFromQueue: r
   };
 }
-const Le = /* @__PURE__ */ k({
+const Ee = /* @__PURE__ */ E({
   __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), $({
+    const { queue: a } = ve();
+    return (t, r) => (m(!0), O(M, null, Z(l(a), (o) => (m(), p(F(o.component), $({
       key: o.id,
       ref_for: !0
     }, o.props, {
@@ -80,16 +71,16 @@ const Le = /* @__PURE__ */ k({
     }), null, 16, ["onResolve", "onReject"]))), 128));
   }
 });
-function ee() {
-  const { toastQueue: e } = j();
+function J() {
+  const { toastQueue: e } = S();
   function a() {
     let o;
     for (; ; )
-      if (o = ve(), !e.value.some((u) => u.id === o))
+      if (o = fe(), !e.value.some((u) => u.id === o))
         return o;
   }
   function t(o) {
-    const u = a(), n = oe({ ...o, id: u, resolve: () => {
+    const u = a(), n = ae({ ...o, id: u, resolve: () => {
       r(u), o.resolve();
     } });
     return e.value.unshift(n), n;
@@ -99,52 +90,52 @@ function ee() {
     c >= 0 && e.value.splice(c, 1);
   }
   return {
-    queue: Z(e),
+    queue: X(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({
+var w = /* @__PURE__ */ ((e) => (e.SUCCESS = "success", e.INFO = "info", e.WARNING = "warning", e.ERROR = "error", e))(w || {});
+const Ue = { key: 0 }, Oe = { key: 1 }, je = /* @__PURE__ */ E({
   __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"
+      [w.ERROR]: "mdi-alert-circle-outline",
+      [w.SUCCESS]: "mdi-check-circle-outline",
+      [w.INFO]: "mdi-information-outline",
+      [w.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" });
+      [w.ERROR]: "error",
+      [w.SUCCESS]: "success",
+      [w.INFO]: "primary",
+      [w.WARNING]: "warning"
+    }, r = e, o = J(), u = R(-1), c = y(() => a[r.entry.type]), n = y(() => t[r.entry.type]), { t: i } = de({ useScope: "global" });
     function f() {
       window.clearTimeout(u.value), o.removeFromQueue(r.entry.id);
     }
-    return Ce(() => {
+    return _e(() => {
       u.value = window.setTimeout(() => {
         f();
       }, r.entry.timeout);
-    }), (_, D) => (m(), p(l(Ve), {
+    }), (_, V) => (m(), p(l(xe), {
       theme: "dark",
       class: "toast-entry",
       closable: "",
       "onClick:close": f,
       density: "compact"
-    }, Te({
+    }, ge({
       default: d(() => [
-        _.entry.translateMessage ? (m(), U("span", Se, G(l(i)(_.entry.message)), 1)) : (m(), U("span", je, G(_.entry.message), 1))
+        _.entry.translateMessage ? (m(), O("span", Ue, W(l(i)(_.entry.message)), 1)) : (m(), O("span", Oe, W(_.entry.message), 1))
       ]),
       _: 2
     }, [
       c.value ? {
         name: "prepend",
         fn: d(() => [
-          s(l(Ie), {
+          s(l(we), {
             icon: c.value,
             color: n.value
           }, null, 8, ["icon", "color"])
@@ -153,27 +144,27 @@ const Se = { key: 0 }, je = { key: 1 }, Me = /* @__PURE__ */ k({
       } : void 0
     ]), 1024));
   }
-}), W = (e, a) => {
+}), G = (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({
+}, Le = /* @__PURE__ */ G(je, [["__scopeId", "data-v-7b5e0267"]]), Se = /* @__PURE__ */ E({
   __name: "ToastOutlet",
   setup(e) {
-    const { queue: a } = ee(), { mobile: t } = fe(), r = y(() => t.value ? "" : "toast-outlet--desktop");
+    const { queue: a } = J(), { mobile: t } = me(), 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, {
+    return (u, c) => (m(), p(ye, {
       name: "fade",
       tag: "div",
-      class: le(["toast-outlet", r.value]),
+      class: oe(["toast-outlet", r.value]),
       onBeforeLeave: o
     }, {
       default: d(() => [
-        (m(!0), U(M, null, J(l(a), (n) => (m(), p(Pe, {
+        (m(!0), O(M, null, Z(l(a), (n) => (m(), p(Le, {
           key: n.id,
           entry: n
         }, null, 8, ["entry"]))), 128))
@@ -181,22 +172,22 @@ const Se = { key: 0 }, je = { key: 1 }, Me = /* @__PURE__ */ k({
       _: 1
     }, 8, ["class"]));
   }
-}), Qe = /* @__PURE__ */ W(Ne, [["__scopeId", "data-v-ba5c8268"]]), Fe = E(!1);
-function _e() {
-  return Fe;
+}), Me = /* @__PURE__ */ G(Se, [["__scopeId", "data-v-ba5c8268"]]), Pe = R(!1);
+function pe() {
+  return Pe;
 }
-const $e = /* @__PURE__ */ k({
+const Qe = /* @__PURE__ */ E({
   __name: "LoadingOverlay",
   setup(e) {
-    const a = _e();
-    return (t, r) => (m(), p(l(Ae), {
+    const a = pe();
+    return (t, r) => (m(), p(l(Ve), {
       modelValue: l(a),
-      "onUpdate:modelValue": r[0] || (r[0] = (o) => xe(a) ? a.value = o : null),
+      "onUpdate:modelValue": r[0] || (r[0] = (o) => Ce(a) ? a.value = o : null),
       persistent: "",
       class: "d-flex align-center justify-center"
     }, {
       default: d(() => [
-        s(l(Re), {
+        s(l(De), {
           indeterminate: "",
           color: "primary",
           size: "100"
@@ -205,72 +196,72 @@ const $e = /* @__PURE__ */ k({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), dt = /* @__PURE__ */ k({
+}), ct = /* @__PURE__ */ E({
   __name: "UiKitOutlet",
   setup(e) {
-    return (a, t) => (m(), U(M, null, [
-      s(Le),
-      s(Qe),
-      s($e)
+    return (a, t) => (m(), O(M, null, [
+      s(Ee),
+      s(Me),
+      s(Qe)
     ], 64));
   }
-}), C = /* @__PURE__ */ k({
+}), C = /* @__PURE__ */ E({
   __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)
+    const { t: a } = de({ useScope: "global" });
+    return (t, r) => t.translate ? (m(), O(M, { key: 0 }, [
+      ee(W(l(a)(t.content)), 1)
+    ], 64)) : (m(), O(M, { key: 1 }, [
+      ee(W(t.content), 1)
     ], 64));
   }
-}), We = { class: "d-flex justify-space-between pr-2 py-2" }, Ge = 650, Be = /* @__PURE__ */ k({
+}), Ne = { class: "d-flex justify-space-between pr-2 py-2" }, Fe = 650, $e = /* @__PURE__ */ E({
   __name: "InfoDialog",
   props: {
     data: {}
   },
   emits: ["resolve", "reject"],
   setup(e, { emit: a }) {
-    const t = e, r = a, { options: { i18n: { messages: { close: o } } } } = j(), u = {
+    const t = e, r = a, { options: { i18n: { messages: { close: o } } } } = S(), u = {
       text: o,
       translateText: !0,
       value: null
     };
     let c = null;
-    const n = E(!0), i = y(() => Object.hasOwn(t.data, "content") ? {
+    const n = R(!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);
+    } : null), _ = y(() => t.data.defaultCta === !1 ? null : N({}, u, t.data.defaultCta));
+    function V(v) {
+      b(v) ? v.action() : k(v.value);
     }
-    function R(v) {
+    function b(v) {
       return Object.hasOwn(v, "action");
     }
-    function b(v = null) {
+    function k(v = null) {
       c = v, n.value = !1;
     }
-    function h() {
+    function I() {
       r("resolve", c);
     }
-    return (v, T) => (m(), p(l(K), {
+    return (v, T) => (m(), p(l(H), {
       modelValue: n.value,
-      "onUpdate:modelValue": T[1] || (T[1] = (V) => n.value = V),
-      "max-width": v.data.width ?? Ge,
-      onAfterLeave: h
+      "onUpdate:modelValue": T[1] || (T[1] = (D) => n.value = D),
+      "max-width": v.data.width ?? Fe,
+      onAfterLeave: I
     }, {
       default: d(() => [
-        s(l(z), { class: "info-dialog-card" }, {
+        s(l(q), { class: "info-dialog-card" }, {
           default: d(() => [
-            N("div", We, [
-              s(l(ue), null, {
+            Q("div", Ne, [
+              s(l(re), null, {
                 default: d(() => [
                   s(C, {
                     translate: v.data.translateTitle,
@@ -282,12 +273,12 @@ const $e = /* @__PURE__ */ k({
               s(l(A), {
                 icon: "$close",
                 variant: "text",
-                onClick: T[0] || (T[0] = (V) => b(null))
+                onClick: T[0] || (T[0] = (D) => k(null))
               })
             ]),
-            i.value ? (m(), p(l(se), { key: 0 }, {
+            i.value ? (m(), p(l(ue), { key: 0 }, {
               default: d(() => [
-                N("p", null, [
+                Q("p", null, [
                   s(C, {
                     translate: i.value.translateContent,
                     content: i.value.content
@@ -295,20 +286,20 @@ const $e = /* @__PURE__ */ k({
                 ])
               ]),
               _: 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" }, {
+            })) : L("", !0),
+            f.value ? (m(), p(F(f.value.component), le($({ key: 1 }, f.value.props)), null, 16)) : L("", !0),
+            s(l(K), { class: "justify-end" }, {
               default: d(() => [
-                (m(!0), U(M, null, J(v.data.additionalCta ?? [], (V, I) => (m(), p(l(A), {
-                  key: I,
+                (m(!0), O(M, null, Z(v.data.additionalCta ?? [], (D, h) => (m(), p(l(A), {
+                  key: h,
                   color: "primary",
                   variant: "text",
-                  onClick: () => D(V)
+                  onClick: () => V(D)
                 }, {
                   default: d(() => [
                     s(C, {
-                      translate: V.translateText,
-                      content: V.text
+                      translate: D.translateText,
+                      content: D.text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 2
@@ -317,7 +308,7 @@ const $e = /* @__PURE__ */ k({
                   key: 0,
                   color: "primary",
                   variant: "elevated",
-                  onClick: b
+                  onClick: k
                 }, {
                   default: d(() => [
                     s(C, {
@@ -326,7 +317,7 @@ const $e = /* @__PURE__ */ k({
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
-                })) : S("", !0)
+                })) : L("", !0)
               ]),
               _: 1
             })
@@ -337,16 +328,16 @@ const $e = /* @__PURE__ */ k({
       _: 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) {
+}), Ge = /* @__PURE__ */ G($e, [["__scopeId", "data-v-0f8116ef"]]);
+var j = /* @__PURE__ */ ((e) => (e.SMALL = "sm", e.LARGE = "lg", e))(j || {});
+function z(e, a) {
   const r = {
-    text: j().options.i18n.messages[a],
+    text: S().options.i18n.messages[a],
     translateText: !0
   };
-  return Q(r, e);
+  return N(r, e);
 }
-const Ke = /* @__PURE__ */ k({
+const We = /* @__PURE__ */ E({
   __name: "PromptDialog",
   props: {
     data: {}
@@ -354,49 +345,49 @@ const Ke = /* @__PURE__ */ k({
   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");
+      [j.SMALL]: 650,
+      [j.LARGE]: 1200
+    }, u = z(t.data.saveCta, "save"), c = z(t.data.abortCta, "cancel"), n = R(!0), i = R(te(t.data.initialValue) ?? null), f = R(null), { mobile: _ } = me(), V = y(() => t.data.required && !i.value), b = y(() => o[t.data.size ?? j.SMALL]), k = y(() => t.data.size === j.LARGE ? _.value : !1), I = y(() => t.data.size === j.LARGE ? "secondary" : "primary");
     function v() {
       return t.data.props ?? {};
     }
     function T() {
-      i.value = ne(t.data.initialValue) ?? null, n.value = !1;
+      i.value = te(t.data.initialValue) ?? null, n.value = !1;
     }
-    function V() {
+    function D() {
       n.value = !1;
     }
-    function I() {
+    function h() {
       if (t.data.required && !i.value) {
         r("reject");
         return;
       }
       r("resolve", i.value);
     }
-    return (w, O) => (m(), p(l(K), {
+    return (x, U) => (m(), p(l(H), {
       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
+      "onUpdate:modelValue": U[1] || (U[1] = (P) => n.value = P),
+      "max-width": b.value,
+      fullscreen: k.value,
+      scrollable: x.data.size === l(j).LARGE,
+      onAfterLeave: h
     }, {
       default: d(() => [
-        s(l(z), { class: "prompt-dialog-card" }, {
+        s(l(q), { class: "prompt-dialog-card" }, {
           default: d(() => [
-            s(l(ce), { color: "primary" }, {
+            s(l(se), { color: "primary" }, {
               default: d(() => [
-                s(l(ie), null, {
+                s(l(ce), null, {
                   default: d(() => [
                     s(C, {
-                      translate: w.data.translateTitle,
-                      content: w.data.title
+                      translate: x.data.translateTitle,
+                      content: x.data.title
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
                 }),
                 s(l(B)),
-                N("div", {
+                Q("div", {
                   ref_key: "toolbar",
                   ref: f,
                   class: "prompt-dialog-toolbar-slot"
@@ -408,17 +399,17 @@ const Ke = /* @__PURE__ */ k({
               ]),
               _: 1
             }),
-            f.value ? (m(), p(F(w.data.component), $({ key: 0 }, v(), {
+            f.value ? (m(), p(F(x.data.component), $({ key: 0 }, v(), {
               modelValue: i.value,
-              "onUpdate:modelValue": O[0] || (O[0] = (P) => i.value = P),
+              "onUpdate:modelValue": U[0] || (U[0] = (P) => i.value = P),
               toolbar: f.value
-            }), null, 16, ["modelValue", "toolbar"])) : S("", !0),
-            s(l(de)),
-            s(l(q), null, {
+            }), null, 16, ["modelValue", "toolbar"])) : L("", !0),
+            s(l(ie)),
+            s(l(K), null, {
               default: d(() => [
                 s(l(B)),
                 s(l(A), {
-                  color: h.value,
+                  color: I.value,
                   onClick: T
                 }, {
                   default: d(() => [
@@ -431,9 +422,9 @@ const Ke = /* @__PURE__ */ k({
                 }, 8, ["color"]),
                 s(l(A), {
                   variant: "elevated",
-                  color: h.value,
-                  disabled: D.value,
-                  onClick: V
+                  color: I.value,
+                  disabled: V.value,
+                  onClick: D
                 }, {
                   default: d(() => [
                     s(C, {
@@ -453,14 +444,14 @@ const Ke = /* @__PURE__ */ k({
       _: 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({
+}), Be = /* @__PURE__ */ G(We, [["__scopeId", "data-v-6cec23a5"]]), ze = { class: "d-flex justify-space-between pr-2 py-2" }, He = 550, qe = /* @__PURE__ */ E({
   __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 = {
+    const t = e, r = a, { options: { i18n: { messages: { yes: o, no: u } } } } = S(), c = {
       text: o,
       translateText: !0
     }, n = {
@@ -468,54 +459,54 @@ const Ke = /* @__PURE__ */ k({
       translateText: !0
     };
     let i = !1;
-    const f = E(!0), _ = y(() => Object.hasOwn(t.data, "content") ? {
+    const f = R(!0), _ = y(() => Object.hasOwn(t.data, "content") ? {
       content: t.data.content,
       translateContent: t.data.translateContent
-    } : null), D = y(() => Object.hasOwn(t.data, "component") ? {
+    } : null), V = 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");
+    } : null), b = y(() => N({}, c, t.data.confirmCta)), k = y(() => N({}, n, t.data.rejectCta)), I = y(() => t.data.highlightCta ?? "confirm"), v = y(() => t.data.level ?? "primary");
     function T() {
       f.value = !1;
     }
-    function V() {
+    function D() {
       i = !0, f.value = !1;
     }
-    function I() {
+    function h() {
       if (t.data.throwOnReject && !i) {
         r("reject");
         return;
       }
       r("resolve", i);
     }
-    return (w, O) => (m(), p(l(K), {
+    return (x, U) => (m(), p(l(H), {
       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
+      "onUpdate:modelValue": U[0] || (U[0] = (P) => f.value = P),
+      persistent: !!x.data.permanent,
+      "max-width": x.data.maxWidth ?? He,
+      onAfterLeave: h
     }, {
       default: d(() => [
-        s(l(z), { class: "confirm-dialog-card" }, {
+        s(l(q), { class: "confirm-dialog-card" }, {
           default: d(() => [
-            N("div", qe, [
-              s(l(ue), null, {
+            Q("div", ze, [
+              s(l(re), null, {
                 default: d(() => [
                   s(C, {
-                    translate: w.data.translateTitle,
-                    content: w.data.title
+                    translate: x.data.translateTitle,
+                    content: x.data.title
                   }, null, 8, ["translate", "content"])
                 ]),
                 _: 1
               }),
-              w.data.permanent ? S("", !0) : (m(), p(l(A), {
+              x.data.permanent ? L("", !0) : (m(), p(l(A), {
                 key: 0,
                 icon: "$close",
                 variant: "text",
                 onClick: T
               }))
             ]),
-            _.value ? (m(), p(l(se), { key: 0 }, {
+            _.value ? (m(), p(l(ue), { key: 0 }, {
               default: d(() => [
                 s(C, {
                   translate: _.value.translateContent,
@@ -523,35 +514,35 @@ const Ke = /* @__PURE__ */ k({
                 }, 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" }, {
+            })) : L("", !0),
+            V.value ? (m(), p(F(V.value.component), le($({ key: 1 }, V.value.props)), null, 16)) : L("", !0),
+            s(l(K), { class: "justify-end" }, {
               default: d(() => [
-                N("div", {
-                  class: le(["d-flex align-center", h.value === "confirm" ? "" : "flex-row-reverse"])
+                Q("div", {
+                  class: oe(["d-flex align-center", I.value === "confirm" ? "" : "flex-row-reverse"])
                 }, [
                   s(l(A), {
-                    variant: h.value === "reject" ? "elevated" : "text",
+                    variant: I.value === "reject" ? "elevated" : "text",
                     color: v.value,
                     onClick: T
                   }, {
                     default: d(() => [
                       s(C, {
-                        translate: b.value.translateText,
-                        content: b.value.text
+                        translate: k.value.translateText,
+                        content: k.value.text
                       }, null, 8, ["translate", "content"])
                     ]),
                     _: 1
                   }, 8, ["variant", "color"]),
                   s(l(A), {
-                    variant: h.value === "confirm" ? "elevated" : "text",
+                    variant: I.value === "confirm" ? "elevated" : "text",
                     color: v.value,
-                    onClick: V
+                    onClick: D
                   }, {
                     default: d(() => [
                       s(C, {
-                        translate: R.value.translateText,
-                        content: R.value.text
+                        translate: b.value.translateText,
+                        content: b.value.text
                       }, null, 8, ["translate", "content"])
                     ]),
                     _: 1
@@ -567,22 +558,22 @@ const Ke = /* @__PURE__ */ k({
       _: 1
     }, 8, ["modelValue", "persistent", "max-width"]));
   }
-}), Ze = /* @__PURE__ */ W(Xe, [["__scopeId", "data-v-3e8b3358"]]);
-function Je(e) {
+}), Ke = /* @__PURE__ */ G(qe, [["__scopeId", "data-v-3e8b3358"]]);
+function Ye(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();
+function Xe(e, a = {}) {
+  const { options: { loading: { delay: t, overlay: r } } } = S(), o = R(!1), u = pe();
   async function c(...n) {
     o.value = !0, r && (u.value = !0);
     try {
       const [i] = await Promise.all([
         e(...n),
-        Je(t)
+        Ye(t)
       ]);
       return i;
     } catch (i) {
@@ -591,60 +582,60 @@ function et(e, a = {}) {
       o.value = !1, r && (u.value = !1);
     }
   }
-  return { loading: Z(o), action: c };
+  return { loading: X(o), action: c };
 }
-const tt = /* @__PURE__ */ k({
+const Ze = /* @__PURE__ */ E({
   __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(() => ({
+    const t = e, r = a, o = z(t.data.saveCta, "save"), u = z(t.data.abortCta, "cancel"), c = Te("formComponent"), n = R(!0), i = Ae(), { loading: f, action: _ } = Xe(v), V = y(() => ({
       global: {
         disabled: f.value
       }
     }));
-    let R = null;
-    function b() {
+    let b = null;
+    function k() {
       return t.data.props ?? {};
     }
-    async function h() {
+    async function I() {
       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;
+      const h = await c.value.finish();
+      typeof t.data.action == "function" ? b = await t.data.action(h) : b = h;
     }
     function T() {
       n.value = !1;
     }
-    function V() {
-      if (t.data.rejectOnEmpty && R === null) {
+    function D() {
+      if (t.data.rejectOnEmpty && b === null) {
         r("reject");
         return;
       }
-      r("resolve", R);
+      r("resolve", b);
     }
-    return (I, w) => (m(), p(l(K), {
+    return (h, x) => (m(), p(l(H), {
       modelValue: n.value,
-      "onUpdate:modelValue": w[0] || (w[0] = (O) => n.value = O),
-      onAfterLeave: V,
+      "onUpdate:modelValue": x[0] || (x[0] = (U) => n.value = U),
+      onAfterLeave: D,
       "max-width": "1200",
       scrollable: ""
     }, {
       default: d(() => [
-        s(l(z), null, {
+        s(l(q), null, {
           default: d(() => [
-            s(l(ce), { color: "primary" }, {
+            s(l(se), { color: "primary" }, {
               default: d(() => [
-                s(l(ie), null, {
+                s(l(ce), null, {
                   default: d(() => [
                     s(C, {
-                      content: I.data.title,
-                      translate: !!I.data.translateTitle
+                      content: h.data.title,
+                      translate: !!h.data.translateTitle
                     }, null, 8, ["content", "translate"])
                   ]),
                   _: 1
@@ -657,18 +648,18 @@ const tt = /* @__PURE__ */ k({
               ]),
               _: 1
             }),
-            s(l(he), { defaults: D.value }, {
+            s(l(he), { defaults: V.value }, {
               default: d(() => [
-                (m(), p(F(I.data.component), $({
+                (m(), p(F(h.data.component), $({
                   ref_key: "formComponent",
                   ref: c,
-                  onSave: h
-                }, b()), null, 16))
+                  onSave: I
+                }, k()), null, 16))
               ]),
               _: 1
             }, 8, ["defaults"]),
-            s(l(de)),
-            s(l(q), null, {
+            s(l(ie)),
+            s(l(K), null, {
               default: d(() => [
                 s(l(B)),
                 s(l(A), {
@@ -684,7 +675,7 @@ const tt = /* @__PURE__ */ k({
                   _: 1
                 }),
                 s(l(A), {
-                  onClick: h,
+                  onClick: I,
                   variant: "elevated",
                   color: "primary"
                 }, {
@@ -707,8 +698,8 @@ const tt = /* @__PURE__ */ k({
     }, 8, ["modelValue"]));
   }
 });
-function mt() {
-  const e = pe();
+function it() {
+  const e = ve();
   function a(u, c) {
     let n;
     return typeof u == "string" ? n = {
@@ -716,7 +707,7 @@ function mt() {
       content: c ?? ""
     } : n = u, new Promise((i) => {
       const f = {
-        component: He,
+        component: Ge,
         props: { data: n },
         resolve: i,
         reject: () => {
@@ -729,7 +720,7 @@ function mt() {
   function t(u) {
     return new Promise((c, n) => {
       const i = {
-        component: ze,
+        component: Be,
         props: { data: u },
         resolve: c,
         reject: n
@@ -744,19 +735,19 @@ function mt() {
       content: c,
       level: n
     }), new Promise((f, _) => {
-      const D = {
-        component: Ze,
+      const V = {
+        component: Ke,
         props: { data: i },
         resolve: f,
         reject: _
       };
-      e.addToQueue(D);
+      e.addToQueue(V);
     });
   }
   function o(u) {
     return new Promise((c, n) => {
       const i = {
-        component: tt,
+        component: Ze,
         props: { data: u },
         resolve: c,
         reject: n
@@ -771,9 +762,9 @@ function mt() {
     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();
+var Je = /* @__PURE__ */ ((e) => (e.DEFAULT = "primary", e.WARNING = "warning", e.DANGER = "error", e))(Je || {});
+function dt() {
+  const e = J(), { options: { toast: { timeout: a } } } = S();
   function t(c, n) {
     return new Promise((i) => {
       e.addToQueue({
@@ -781,7 +772,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.INFO
+        type: w.INFO
       });
     });
   }
@@ -792,7 +783,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.WARNING
+        type: w.WARNING
       });
     });
   }
@@ -803,7 +794,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.ERROR
+        type: w.ERROR
       });
     });
   }
@@ -814,7 +805,7 @@ function ft() {
         resolve: i,
         timeout: (n == null ? void 0 : n.timeout) ?? a,
         translateMessage: (n == null ? void 0 : n.translateMessage) ?? !0,
-        type: x.SUCCESS
+        type: w.SUCCESS
       });
     });
   }
@@ -825,7 +816,7 @@ function ft() {
     success: u
   };
 }
-const at = () => ({
+const et = () => ({
   loading: {
     delay: 2e3,
     overlay: !1
@@ -840,30 +831,34 @@ const at = () => ({
       cancel: "action.cancel",
       close: "action.close",
       save: "action.save"
+    },
+    validation: {
+      prefix: "validation",
+      transform: "none"
     }
   }
 });
-function ot(e) {
-  const a = E([]), t = E([]);
+function tt(e) {
+  const a = R([]), t = R([]);
   return {
     dialogQueue: a,
     toastQueue: t,
     options: e
   };
 }
-function vt(e) {
+function mt(e) {
   return (a) => {
-    const t = at(), r = Q(t, e), o = ot(r);
+    const t = et(), r = N(t, e), o = tt(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
+  Je as ConfirmDialogLevel,
+  j as PromptDialogSize,
+  ct as UiKitOutlet,
+  mt as createUIKit,
+  it as useDialog,
+  Xe as useLoading,
+  pe as useLoadingOverlay,
+  dt as useToast
 };

package/dist/usePluginContext-CyxsFQjN.js

@@ -0,0 +1,14 @@
+import { getCurrentInstance as r, inject as _ } from "vue";
+var e = /* @__PURE__ */ ((t) => (t.NOT_INSTALLED = "Need to install with `app.use` function", t.UNEXPECTED_ERROR = "Unexpected error", t))(e || {});
+function E() {
+  const t = r();
+  if (!(t != null && t.appContext.app.__SCHWARZDAVID_UIKIT_SYMBOL__))
+    throw new Error(e.NOT_INSTALLED);
+  const o = t.appContext.app.__SCHWARZDAVID_UIKIT_SYMBOL__, n = _(o);
+  if (!n)
+    throw new Error(e.UNEXPECTED_ERROR);
+  return n;
+}
+export {
+  E as u
+};

package/dist/validators.js

@@ -1,56 +1,77 @@
 import * as r from "@vuelidate/validators";
 import { helpers as o } from "@vuelidate/validators";
-import { useI18n as a } from "vue-i18n";
-import { computed as m, unref as l } from "vue";
+import { useI18n as m } from "vue-i18n";
+import { u as l } from "./usePluginContext-CyxsFQjN.js";
+import { upperFirst as f, camelCase as a, snakeCase as p, kebabCase as h } from "lodash";
+import { computed as d, unref as g } from "vue";
 const n = r.createI18nMessage({
   t: (...e) => {
-    const { t } = a({ useScope: "global" });
+    const { t } = m({ useScope: "global" });
     return t(...e);
   },
   messagePath(e) {
-    return console.log(e.$validator), "validation." + e.$validator;
+    const { options: { i18n: { validation: t } } } = l();
+    if (typeof t == "function")
+      return t(e.$validator);
+    const s = w(e.$validator, t.transform);
+    return `${t.prefix}.${s}`;
   }
-}), A = n(r.required), b = n(r.requiredIf, { withArguments: !0 }), V = n(r.requiredUnless, { withArguments: !0 }), O = n(r.minLength, { withArguments: !0 }), j = n(r.maxLength, { withArguments: !0 }), $ = n(r.minValue, { withArguments: !0 }), q = n(r.maxValue, { withArguments: !0 }), x = n(r.between, { withArguments: !0 }), I = n(r.alpha), y = n(r.alphaNum), L = n(r.numeric), E = n(r.integer), N = n(r.decimal), U = n(r.email), W = n(r.ipAddress), B = n(r.macAddress), M = n(r.sameAs, { withArguments: !0 }), P = n(r.url), T = n((e) => o.withParams({
+});
+function w(e, t) {
+  switch (t) {
+    case "camelCase":
+      return a(e);
+    case "kebab-case":
+      return h(e);
+    case "snake_case":
+      return p(e);
+    case "PascalCase":
+      return f(a(e));
+    default:
+      return e;
+  }
+}
+const C = n(r.required), y = n(r.requiredIf, { withArguments: !0 }), I = n(r.requiredUnless, { withArguments: !0 }), L = n(r.minLength, { withArguments: !0 }), P = n(r.maxLength, { withArguments: !0 }), E = n(r.minValue, { withArguments: !0 }), N = n(r.maxValue, { withArguments: !0 }), U = n(r.between, { withArguments: !0 }), W = n(r.alpha), B = n(r.alphaNum), M = n(r.numeric), T = n(r.integer), F = n(r.decimal), R = n(r.email), S = n(r.ipAddress), _ = n(r.macAddress), k = n(r.sameAs, { withArguments: !0 }), z = n(r.url), D = n((e) => o.withParams({
   type: "oneOf",
   values: e
 }, (t) => {
   const s = Array.isArray(e) ? e : Object.values(e);
   return !o.req(t) || s.includes(t);
-}), { withArguments: !0 }), R = (e) => m(() => i(e.value));
+}), { withArguments: !0 }), G = (e) => d(() => i(e.value));
 function i(e) {
-  return Object.entries(e).map(([t, s]) => t.startsWith("$") ? [t, null] : f(s) ? [t, d(s)] : h(s) ? [t, i(s)] : (console.warn("Unknown validation type.", t, s), [t, null])).reduce((t, [s, u]) => (u && (t[s] = u), t), {});
+  return Object.entries(e).map(([t, s]) => t.startsWith("$") ? [t, null] : A(s) ? [t, V(s)] : b(s) ? [t, i(s)] : (console.warn("Unknown validation type.", t, s), [t, null])).reduce((t, [s, u]) => (u && (t[s] = u), t), {});
 }
-function f(e) {
+function A(e) {
   return typeof e != "object" || e === null ? !1 : Object.hasOwn(e, "$model") && Object.entries(e).filter(([t]) => !t.startsWith("$")).every(([, t]) => c(t));
 }
-function h(e) {
+function b(e) {
   return typeof e != "object" || e === null ? !1 : Object.entries(e).filter(([t]) => !t.startsWith("$")).some(([, t]) => !c(t));
 }
 function c(e) {
   return typeof e == "object" && e !== null && Object.hasOwn(e, "$params");
 }
-function d(e) {
-  return e.$errors.map((t) => l(t.$message));
+function V(e) {
+  return e.$errors.map((t) => g(t.$message));
 }
 export {
-  I as alpha,
-  y as alphaNum,
-  x as between,
-  N as decimal,
-  U as email,
-  E as integer,
-  W as ipAddress,
-  B as maxAddress,
-  j as maxLength,
-  q as maxValue,
-  O as minLength,
-  $ as minValue,
-  L as numeric,
-  T as oneOf,
-  A as required,
-  b as requiredIf,
-  V as requiredUnless,
-  M as sameAs,
-  P as url,
-  R as useVuelidateErrors
+  W as alpha,
+  B as alphaNum,
+  U as between,
+  F as decimal,
+  R as email,
+  T as integer,
+  S as ipAddress,
+  _ as maxAddress,
+  P as maxLength,
+  N as maxValue,
+  L as minLength,
+  E as minValue,
+  M as numeric,
+  D as oneOf,
+  C as required,
+  y as requiredIf,
+  I as requiredUnless,
+  k as sameAs,
+  z as url,
+  G as useVuelidateErrors
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schwarzdavid/ui-kit",
-  "version": "0.0.1-alpha.11",
+  "version": "0.0.1-alpha.12",
   "type": "module",
   "scripts": {
     "preview": "vite preview",