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

package/dist/style.css

@@ -1 +1 @@
-.toast-entry[data-v-59807b44]{pointer-events:all}.toast-entry[data-v-59807b44] .v-alert__prepend{align-self:center}.toast-outlet[data-v-ba5c8268]{position:fixed;z-index:9999;bottom:8px;right:8px;left:8px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none}.toast-outlet--desktop[data-v-ba5c8268]{left:unset;max-width:500px;width:100%}.fade-move[data-v-ba5c8268],.fade-enter-active[data-v-ba5c8268],.fade-leave-active[data-v-ba5c8268]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-ba5c8268],.fade-leave-to[data-v-ba5c8268]{opacity:0;transform:translate(50%) scaleY(.5)}.fade-leave-active[data-v-ba5c8268]{position:absolute}.info-dialog-card[data-v-48bbcd24]>.v-card-text{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-card[data-v-aa6b77b6]>.v-card-item{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-toolbar-slot[data-v-aa6b77b6]{display:contents}.confirm-dialog-card[data-v-e571516e]>.v-card-text{padding-left:16px!important;padding-right:16px!important}
+.toast-entry[data-v-4c652270]{pointer-events:all}.toast-entry[data-v-4c652270] .v-alert__prepend{align-self:center}.toast-outlet[data-v-ba5c8268]{position:fixed;z-index:9999;bottom:8px;right:8px;left:8px;display:flex;flex-direction:column;row-gap:8px;pointer-events:none}.toast-outlet--desktop[data-v-ba5c8268]{left:unset;max-width:500px;width:100%}.fade-move[data-v-ba5c8268],.fade-enter-active[data-v-ba5c8268],.fade-leave-active[data-v-ba5c8268]{transition:all .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-ba5c8268],.fade-leave-to[data-v-ba5c8268]{opacity:0;transform:translate(50%) scaleY(.5)}.fade-leave-active[data-v-ba5c8268]{position:absolute}.info-dialog-card[data-v-48bbcd24]>.v-card-text{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-card[data-v-aa6b77b6]>.v-card-item{padding-left:16px!important;padding-right:16px!important}.prompt-dialog-toolbar-slot[data-v-aa6b77b6]{display:contents}.confirm-dialog-card[data-v-e571516e]>.v-card-text{padding-left:16px!important;padding-right:16px!important}

package/dist/ui-kit.d.ts

@@ -105,7 +105,7 @@ declare interface PluginDialogOptions {
         rejectCta: ConfirmDialogCta;
     };
     info: {
-        defaultCta: InfoDialogCta<null>;
+        defaultCta: InfoDialogBaseCta;
     };
     prompt: {
         abortCta: PromptDialogCta;

package/dist/ui-kit.js

@@ -1,5 +1,5 @@
-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 { ref as x, 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 j, 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 xe, VOverlay as we, VProgressCircular as he, VDialog as Y, VCard as J, VCardTitle as ie, VBtn as V, VCardText as ce, VCardActions as Z, VToolbar as Ae, 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 = [];
@@ -26,7 +26,7 @@ function de(e, t, n) {
   const a = e.random || (e.rng || Re)();
   return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, ke(a);
 }
-const N = w([]);
+const N = x([]);
 function me() {
   function e() {
     let a;
@@ -64,7 +64,7 @@ const Le = /* @__PURE__ */ I({
       onReject: o.reject
     }), null, 16, ["onResolve", "onReject"]))), 128));
   }
-}), S = w([]);
+}), S = x([]);
 function ee() {
   function e() {
     let a;
@@ -105,14 +105,15 @@ const Oe = /* @__PURE__ */ I({
       [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]);
+    }, a = e, o = ee(), l = x(-1), u = p(() => t[a.entry.type]), r = p(() => n[a.entry.type]);
     function c() {
       window.clearTimeout(l.value), o.removeFromQueue(a.entry.id);
     }
     return ge(() => {
       l.value = window.setTimeout(() => {
+        c();
       }, a.entry.timeout);
-    }), (_, h) => (m(), g(s(be), {
+    }), (_, w) => (m(), g(s(be), {
       theme: "dark",
       class: "toast-entry",
       closable: "",
@@ -120,14 +121,14 @@ const Oe = /* @__PURE__ */ I({
       density: "compact"
     }, _e({
       default: d(() => [
-        P("span", null, K(_.entry.message), 1)
+        j("span", null, K(_.entry.message), 1)
       ]),
       _: 2
     }, [
       u.value ? {
         name: "prepend",
         fn: d(() => [
-          i(s(we), {
+          i(s(xe), {
             icon: u.value,
             color: r.value
           }, null, 8, ["icon", "color"])
@@ -141,7 +142,7 @@ const Oe = /* @__PURE__ */ I({
   for (const [a, o] of t)
     n[a] = o;
   return n;
-}, Pe = /* @__PURE__ */ $(Oe, [["__scopeId", "data-v-59807b44"]]);
+}, je = /* @__PURE__ */ $(Oe, [["__scopeId", "data-v-4c652270"]]);
 function Q() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
   if (Q.cache.has(e)) return Q.cache.get(e);
@@ -149,7 +150,7 @@ function Q() {
   return Q.cache.set(e, t), t;
 }
 Q.cache = /* @__PURE__ */ new Map();
-function je(e, t) {
+function Pe(e, t) {
   const n = ye();
   if (!n)
     throw new Error(`[Vuetify] ${e} must be called from inside a setup function`);
@@ -157,7 +158,7 @@ function je(e, t) {
 }
 function Ne() {
   let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "composables";
-  const t = je(e).type;
+  const t = Pe(e).type;
   return Q((t == null ? void 0 : t.aliasName) || (t == null ? void 0 : t.name));
 }
 const Se = Symbol.for("vuetify:display");
@@ -194,7 +195,7 @@ const Qe = /* @__PURE__ */ I({
       onBeforeLeave: o
     }, {
       default: d(() => [
-        (m(!0), L(O, null, X(s(t), (r) => (m(), g(Pe, {
+        (m(!0), L(O, null, X(s(t), (r) => (m(), g(je, {
           key: r.id,
           entry: r
         }, null, 8, ["entry"]))), 128))
@@ -202,7 +203,7 @@ const Qe = /* @__PURE__ */ I({
       _: 1
     }, 8, ["class"]));
   }
-}), $e = /* @__PURE__ */ $(Qe, [["__scopeId", "data-v-ba5c8268"]]), Fe = w(!1);
+}), $e = /* @__PURE__ */ $(Qe, [["__scopeId", "data-v-ba5c8268"]]), Fe = x(!1);
 function fe() {
   return Fe;
 }
@@ -210,14 +211,14 @@ const Me = /* @__PURE__ */ I({
   __name: "LoadingOverlay",
   setup(e) {
     const t = fe();
-    return (n, a) => (m(), g(s(he), {
+    return (n, a) => (m(), g(s(we), {
       modelValue: s(t),
       "onUpdate:modelValue": a[0] || (a[0] = (o) => Te(t) ? t.value = o : null),
       persistent: "",
       class: "d-flex align-center justify-center"
     }, {
       default: d(() => [
-        i(s(Ae), {
+        i(s(he), {
           indeterminate: "",
           color: "primary",
           size: "100"
@@ -262,35 +263,35 @@ const Me = /* @__PURE__ */ I({
       value: null
     };
     let l = null;
-    const u = w(!0), r = p(() => Object.hasOwn(n.data, "content") ? {
+    const u = x(!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);
+    function w(f) {
+      R(f) ? f.action() : h(f.value);
     }
     function R(f) {
       return Object.hasOwn(f, "action");
     }
-    function A(f = null) {
+    function h(f = null) {
       l = f, u.value = !1;
     }
     function U() {
       a("resolve", l);
     }
-    return (f, x) => (m(), g(s(Y), {
+    return (f, A) => (m(), g(s(Y), {
       modelValue: u.value,
-      "onUpdate:modelValue": x[1] || (x[1] = (C) => u.value = C),
+      "onUpdate:modelValue": A[1] || (A[1] = (C) => u.value = C),
       "max-width": f.data.width ?? Ge,
       onAfterLeave: U
     }, {
       default: d(() => [
         i(s(J), { class: "info-dialog-card" }, {
           default: d(() => [
-            P("div", Be, [
+            j("div", Be, [
               i(s(ie), null, {
                 default: d(() => [
                   i(T, {
@@ -303,12 +304,12 @@ const Me = /* @__PURE__ */ I({
               i(s(V), {
                 icon: "$close",
                 variant: "text",
-                onClick: x[0] || (x[0] = (C) => A(null))
+                onClick: A[0] || (A[0] = (C) => h(null))
               })
             ]),
             r.value ? (m(), g(s(ce), { key: 0 }, {
               default: d(() => [
-                P("p", null, [
+                j("p", null, [
                   i(T, {
                     translate: r.value.translateContent,
                     content: r.value.content
@@ -324,7 +325,7 @@ const Me = /* @__PURE__ */ I({
                   key: b,
                   color: "primary",
                   variant: "text",
-                  onClick: () => h(C)
+                  onClick: () => w(C)
                 }, {
                   default: d(() => [
                     i(T, {
@@ -338,7 +339,7 @@ const Me = /* @__PURE__ */ I({
                   key: 0,
                   color: "primary",
                   variant: "elevated",
-                  onClick: A
+                  onClick: h
                 }, {
                   default: d(() => [
                     i(T, {
@@ -376,7 +377,7 @@ const qe = /* @__PURE__ */ I({
     }, 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");
+    }, r = x(!0), c = x(ne(n.data.initialValue) ?? null), _ = x(null), { mobile: w } = pe(), R = p(() => n.data.required && !c.value), h = p(() => o[n.data.size ?? E.SMALL]), U = p(() => n.data.size === E.LARGE ? w.value : !1), f = p(() => D({}, l, n.data.abortCta)), A = 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;
     }
@@ -390,30 +391,30 @@ const qe = /* @__PURE__ */ I({
       }
       a("resolve", c.value);
     }
-    return (j, M) => (m(), g(s(Y), {
+    return (P, M) => (m(), g(s(Y), {
       modelValue: r.value,
       "onUpdate:modelValue": M[1] || (M[1] = (z) => r.value = z),
-      "max-width": A.value,
+      "max-width": h.value,
       fullscreen: U.value,
-      scrollable: j.data.size === s(E).LARGE,
+      scrollable: P.data.size === s(E).LARGE,
       onAfterLeave: W
     }, {
       default: d(() => [
         i(s(J), { class: "prompt-dialog-card" }, {
           default: d(() => [
-            i(s(xe), { color: "primary" }, {
+            i(s(Ae), { color: "primary" }, {
               default: d(() => [
                 i(s(Ve), null, {
                   default: d(() => [
                     i(T, {
-                      translate: j.data.translateTitle,
-                      content: j.data.title
+                      translate: P.data.translateTitle,
+                      content: P.data.title
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
                 }),
                 i(s(ae)),
-                P("div", {
+                j("div", {
                   ref_key: "toolbar",
                   ref: _,
                   class: "prompt-dialog-toolbar-slot"
@@ -425,7 +426,7 @@ const qe = /* @__PURE__ */ I({
               ]),
               _: 1
             }),
-            _.value ? (m(), g(B(j.data.component), G({ key: 0 }, j.data.props, {
+            _.value ? (m(), g(B(P.data.component), G({ key: 0 }, P.data.props, {
               modelValue: c.value,
               "onUpdate:modelValue": M[0] || (M[0] = (z) => c.value = z),
               toolbar: _.value
@@ -454,8 +455,8 @@ const qe = /* @__PURE__ */ I({
                 }, {
                   default: d(() => [
                     i(T, {
-                      translate: x.value.translateText,
-                      content: x.value.text
+                      translate: A.value.translateText,
+                      content: A.value.text
                     }, null, 8, ["translate", "content"])
                   ]),
                   _: 1
@@ -485,17 +486,17 @@ const qe = /* @__PURE__ */ I({
       translateText: !0
     };
     let u = !1;
-    const r = w(!0), c = p(() => Object.hasOwn(n.data, "content") ? {
+    const r = x(!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");
+    } : null), w = p(() => D({}, o, n.data.confirmCta)), R = p(() => D({}, l, n.data.rejectCta)), h = p(() => n.data.highlightCta ?? "confirm"), U = p(() => n.data.level ?? "primary");
     function f() {
       r.value = !1;
     }
-    function x() {
+    function A() {
       u = !0, r.value = !1;
     }
     function C() {
@@ -515,7 +516,7 @@ const qe = /* @__PURE__ */ I({
       default: d(() => [
         i(s(J), { class: "confirm-dialog-card" }, {
           default: d(() => [
-            P("div", He, [
+            j("div", He, [
               i(s(ie), null, {
                 default: d(() => [
                   i(T, {
@@ -544,11 +545,11 @@ const qe = /* @__PURE__ */ I({
             _.value ? (m(), g(B(_.value.component), se(G({ key: 1 }, _.value.props)), null, 16)) : k("", !0),
             i(s(Z), { class: "justify-end" }, {
               default: d(() => [
-                P("div", {
-                  class: ue(["d-flex align-center", A.value === "confirm" ? "" : "flex-row-reverse"])
+                j("div", {
+                  class: ue(["d-flex align-center", h.value === "confirm" ? "" : "flex-row-reverse"])
                 }, [
                   i(s(V), {
-                    variant: A.value === "reject" ? "elevated" : "text",
+                    variant: h.value === "reject" ? "elevated" : "text",
                     color: U.value,
                     onClick: f
                   }, {
@@ -561,14 +562,14 @@ const qe = /* @__PURE__ */ I({
                     _: 1
                   }, 8, ["variant", "color"]),
                   i(s(V), {
-                    variant: A.value === "confirm" ? "elevated" : "text",
+                    variant: h.value === "confirm" ? "elevated" : "text",
                     color: U.value,
-                    onClick: x
+                    onClick: A
                   }, {
                     default: d(() => [
                       i(T, {
-                        translate: h.value.translateText,
-                        content: h.value.text
+                        translate: w.value.translateText,
+                        content: w.value.text
                       }, null, 8, ["translate", "content"])
                     ]),
                     _: 1
@@ -622,13 +623,13 @@ function it() {
       content: l,
       level: u
     }), new Promise((c, _) => {
-      const h = {
+      const w = {
         component: Je,
         props: { data: r },
         resolve: c,
         reject: _
       };
-      e.addToQueue(h);
+      e.addToQueue(w);
     });
   }
   return {
@@ -691,6 +692,32 @@ const et = () => ({
   loading: {
     delay: 2e3,
     overlay: !1
+  },
+  dialog: {
+    info: {
+      defaultCta: {
+        text: ""
+      }
+    },
+    confirm: {
+      confirmCta: {
+        text: ""
+      },
+      rejectCta: {
+        text: ""
+      }
+    },
+    prompt: {
+      abortCta: {
+        text: ""
+      },
+      saveCta: {
+        text: ""
+      }
+    }
+  },
+  toast: {
+    timeout: 4e3
   }
 }), ve = "plugin:@schwarzdavid/ui-kit";
 function tt(e, t) {
@@ -711,7 +738,7 @@ function at(e) {
   }) : Promise.resolve();
 }
 function dt(e, t = {}) {
-  const { loading: { delay: n, overlay: a } } = nt({ loading: t }), o = w(!1), l = fe();
+  const { loading: { delay: n, overlay: a } } = nt({ loading: t }), o = x(!1), l = fe();
   async function u(...r) {
     o.value = !0, a && (l.value = !0);
     try {

package/package.json

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