maz-ui 3.42.1 → 3.42.2

package/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -11,7 +11,7 @@ export interface DialogData {
     confirmText?: string;
 }
 export declare const useMazDialogPromise: () => {
-    confirmDialogData: import("vue").Ref<DialogData | undefined>;
+    data: import("vue").Ref<DialogData | undefined>;
     dialogState: import("vue").Ref<{
         id: string;
         isActive: boolean;

package/components/MazDialogPromise.d.ts

@@ -1,4 +1,3 @@
-import { type PropType } from 'vue';
 import { type Color, type Size } from './types';
 import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
 export type DialogButton = {
@@ -15,39 +14,27 @@ export type DialogButton = {
 };
 export { useMazDialogPromise, type DialogState, type DialogData, } from './MazDialogPromise/use-maz-dialog-promise';
 export type { Color, Size } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Dialog Data - type DialogData */
-    data: {
-        type: PropType<DialogData>;
-        default: undefined;
-    };
+    data: DialogData;
     /** Uniq identifier */
-    identifier: {
-        type: StringConstructor;
-        required: true;
-    };
+    identifier: string;
     /** Custom buttons - type DialogButton[] */
-    buttons: {
-        type: PropType<DialogButton[]>;
-        default: () => never[];
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    buttons: DialogButton[];
+}>, {
+    data: undefined;
+    buttons: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Dialog Data - type DialogData */
-    data: {
-        type: PropType<DialogData>;
-        default: undefined;
-    };
+    data: DialogData;
     /** Uniq identifier */
-    identifier: {
-        type: StringConstructor;
-        required: true;
-    };
+    identifier: string;
     /** Custom buttons - type DialogButton[] */
-    buttons: {
-        type: PropType<DialogButton[]>;
-        default: () => never[];
-    };
-}>>, {
+    buttons: DialogButton[];
+}>, {
+    data: undefined;
+    buttons: () => never[];
+}>>>, {
     data: DialogData;
     buttons: DialogButton[];
 }, {}>, {
@@ -64,8 +51,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "confirm-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-C4xTbUi9.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-CS8SGV4-.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/chunks/{MazBtn-CauvhLv6.mjs → MazBtn-Bnvl3FXX.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazBtn.css';
 import { defineComponent as E, defineAsyncComponent as h, useAttrs as R, useSlots as w, onBeforeMount as A, computed as l, openBlock as n, createBlock as a, resolveDynamicComponent as r, normalizeClass as s, withCtx as D, createElementBlock as u, createCommentVNode as t, renderSlot as d, unref as c } from "vue";
-import { _ as L } from "./MazDialogPromise-C4xTbUi9.mjs";
+import { _ as L } from "./MazDialogPromise-CS8SGV4-.mjs";
 const P = /* @__PURE__ */ E({
   __name: "MazBtn",
   props: {
@@ -26,7 +26,7 @@ const P = /* @__PURE__ */ E({
     contentClass: { default: void 0 }
   },
   setup(g) {
-    const z = h(() => import("./MazSpinner-DWts_Ogu.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
+    const z = h(() => import("./MazSpinner-CkOtx69J.mjs")), f = h(() => import("./MazIcon-Cxrv3_OK.mjs")), { href: k, to: B } = R(), p = w(), o = g;
     A(() => {
       o.icon && !o.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });

package/components/chunks/MazDialogPromise-CS8SGV4-.mjs

@@ -0,0 +1,410 @@
+import '../assets/MazDialogPromise.css';
+import { ref as j, defineComponent as L, onMounted as W, watch as K, openBlock as v, createBlock as D, Teleport as I, createVNode as B, Transition as U, withCtx as k, createElementBlock as z, normalizeClass as T, createElementVNode as C, withModifiers as q, mergeProps as S, renderSlot as p, createCommentVNode as f, defineAsyncComponent as V, useAttrs as X, computed as E, createTextVNode as y, toDisplayString as b, unref as r, Fragment as P, renderList as G } from "vue";
+const J = j(), $ = j([]), Q = (n, t) => new Promise((d, i) => {
+  $.value = [
+    ...$.value,
+    {
+      id: n,
+      isActive: !0,
+      resolve: async () => {
+        await (t == null ? void 0 : t()), d(!0);
+      },
+      reject: i
+    }
+  ];
+}), H = (n) => ($.value = $.value.filter(({ id: t }) => t !== n), $.value), N = (n, t, d = !1) => {
+  var i;
+  t && ((i = t[n]) == null || i.call(t, d), t.isActive = !1, setTimeout(() => {
+    H(t.id);
+  }, 500));
+}, R = () => ({
+  data: J,
+  dialogState: $,
+  showDialogAndWaitChoice: Q,
+  removeDialogFromState: H,
+  rejectDialog: (n, t = "cancel") => N("reject", n, t),
+  resolveDialog: (n, t = "accept") => N("resolve", n, t)
+}), O = "--backdrop-present", Y = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "MazBackdrop",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    teleportSelector: { default: "body" },
+    beforeClose: { type: Function, default: void 0 },
+    persistent: { type: Boolean, default: !1 },
+    noCloseOnEscKey: { type: Boolean, default: !1 },
+    transitionName: { default: "backdrop-anim" },
+    backdropClass: { default: void 0 },
+    backdropContentClass: { default: void 0 }
+  },
+  emits: ["open", "close", "update:model-value", "before-close"],
+  setup(n, { expose: t, emit: d }) {
+    const i = () => {
+      document.documentElement.classList.add(O);
+    }, c = async () => {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(O);
+    }, m = d, o = n, l = j(o.modelValue);
+    function s() {
+      u(!1);
+    }
+    async function u(a) {
+      var M;
+      a || (m("before-close"), await ((M = o.beforeClose) == null ? void 0 : M.call(o))), l.value = a;
+    }
+    function g() {
+      m("open");
+    }
+    function h() {
+      m("update:model-value", !1), m("close"), w();
+    }
+    function e() {
+      o.persistent || s();
+    }
+    function A(a) {
+      !o.noCloseOnEscKey && a.key === "Escape" && !o.persistent && s();
+    }
+    function F() {
+      i(), document.addEventListener("keyup", A, !1);
+    }
+    function w() {
+      document.removeEventListener("keyup", A), c();
+    }
+    return W(() => {
+      o.modelValue ? F() : w();
+    }), K(
+      () => o.modelValue,
+      (a) => {
+        l.value = a, a ? F() : w();
+      }
+    ), t({
+      onBackdropAnimationEnter: g,
+      onBackdropAnimationLeave: h,
+      onBackdropClicked: e,
+      close: s,
+      present: l,
+      toggleModal: u,
+      onKeyPress: A
+    }), (a, M) => (v(), D(I, { to: a.teleportSelector }, [
+      B(U, {
+        appear: "",
+        name: a.transitionName,
+        onAfterEnter: g,
+        onAfterLeave: h
+      }, {
+        default: k(() => [
+          l.value ? (v(), z(
+            "div",
+            {
+              key: 0,
+              class: T(["m-backdrop --present", [a.backdropClass]]),
+              tabindex: "-1",
+              role: "dialog"
+            },
+            [
+              C(
+                "button",
+                {
+                  class: T(["m-backdrop-overlay", { "--disabled": a.persistent }]),
+                  tabindex: "-1",
+                  onClick: q(e, ["self"])
+                },
+                null,
+                2
+                /* CLASS */
+              ),
+              C(
+                "div",
+                S({
+                  class: ["m-backdrop-content", a.backdropContentClass]
+                }, a.$attrs, {
+                  role: "document",
+                  tabindex: "0"
+                }),
+                [
+                  p(a.$slots, "default", { close: s })
+                ],
+                16
+                /* FULL_PROPS */
+              )
+            ],
+            2
+            /* CLASS */
+          )) : f("v-if", !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["name"])
+    ], 8, ["to"]));
+  }
+}), Z = {
+  key: 0,
+  id: "dialogTitle",
+  class: "maz-my-0 maz-text-xl maz-font-semibold"
+}, _ = {
+  id: "dialogDesc",
+  class: "m-dialog-content"
+}, x = {
+  key: 0,
+  class: "m-dialog-footer"
+}, ee = /* @__PURE__ */ L({
+  __name: "MazDialog",
+  props: {
+    title: { default: void 0 },
+    noClose: { type: Boolean, default: !1 },
+    width: { default: "500px" },
+    maxWidth: { default: "95vw" },
+    maxHeight: { default: "95vh" },
+    scrollable: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 }
+  },
+  emits: [
+    /** Model binding */
+    "update:model-value",
+    /** Emitted when dialog is closed (after animation) */
+    "close",
+    /** Emitted when dialog is opened (after animation) */
+    "open"
+  ],
+  setup(n) {
+    const t = V(() => import("./MazBtn-Bnvl3FXX.mjs")), d = V(() => import("./x-mark-BP8zWe_C.mjs")), i = X(), c = E(() => ({
+      ...i,
+      class: void 0,
+      style: void 0
+    })), m = E(() => ({
+      class: i.class,
+      style: i.style
+    }));
+    return (o, l) => (v(), D(Y, S(c.value, {
+      persistent: o.persistent,
+      "transition-name": "modal-anim",
+      "aria-labelledby": "dialogTitle",
+      "aria-describedby": "dialogDesc",
+      onClose: l[0] || (l[0] = (s) => o.$emit("close", s)),
+      onOpen: l[1] || (l[1] = (s) => o.$emit("open", s)),
+      "onUpdate:modelValue": l[2] || (l[2] = (s) => o.$emit("update:model-value", s))
+    }), {
+      default: k(({ close: s }) => [
+        C(
+          "div",
+          S({
+            class: ["m-dialog", { "--scrollable": o.scrollable }],
+            role: "dialog",
+            "aria-modal": "true",
+            style: [{ width: o.width, maxWidth: o.maxWidth, maxHeight: o.maxHeight }]
+          }, m.value),
+          [
+            f(`
+          @slot Header slot
+            @binding {Function} close close function
+        `),
+            p(o.$slots, "header", { close: s }, () => [
+              C(
+                "div",
+                {
+                  class: T(["m-dialog-header", { "--has-title": o.$slots.title || o.title }])
+                },
+                [
+                  o.$slots.title || o.title ? (v(), z("h2", Z, [
+                    f(`
+                @slot Title slot in the header
+              `),
+                    p(o.$slots, "title", {}, () => [
+                      y(
+                        b(o.title),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ])) : f("v-if", !0),
+                  !o.noClose && !o.persistent ? (v(), D(r(t), {
+                    key: 1,
+                    class: "m-dialog-closebtn",
+                    color: "transparent",
+                    onClick: s
+                  }, {
+                    default: k(() => [
+                      B(r(d), { class: "maz-text-lg" })
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"])) : f("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )
+            ], !0),
+            C("div", _, [
+              f(`
+            @slot Default content
+              @binding {Function} close close function
+          `),
+              p(o.$slots, "default", { close: s }, void 0, !0)
+            ]),
+            o.$slots.footer ? (v(), z("div", x, [
+              f(`
+            @slot Footer slot
+              @binding {Function} close close function
+          `),
+              p(o.$slots, "footer", { close: s }, void 0, !0)
+            ])) : f("v-if", !0)
+          ],
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["persistent"]));
+  }
+}), oe = (n, t) => {
+  const d = n.__vccOpts || n;
+  for (const [i, c] of t)
+    d[i] = c;
+  return d;
+}, te = /* @__PURE__ */ oe(ee, [["__scopeId", "data-v-6ded3568"]]), se = { class: "maz-space-x-2" }, le = /* @__PURE__ */ L({
+  __name: "MazDialogPromise",
+  props: {
+    data: { default: void 0 },
+    identifier: {},
+    buttons: { default: () => [] }
+  },
+  setup(n) {
+    const t = V(() => import("./MazBtn-Bnvl3FXX.mjs")), d = n, { dialogState: i, rejectDialog: c, resolveDialog: m, data: o } = R(), l = E(() => d.data ?? o.value), s = E(
+      () => i.value.find(({ id: u }) => u === d.identifier)
+    );
+    return (u, g) => {
+      var h;
+      return v(), D(te, {
+        "model-value": ((h = s.value) == null ? void 0 : h.isActive) ?? !1,
+        "onUpdate:modelValue": g[2] || (g[2] = (e) => r(c)(s.value))
+      }, {
+        title: k(() => [
+          p(u.$slots, "title", {}, () => {
+            var e;
+            return [
+              y(
+                b((e = l.value) == null ? void 0 : e.title),
+                1
+                /* TEXT */
+              )
+            ];
+          })
+        ]),
+        default: k(() => [
+          f(`
+        @slot Default slot - Place your content
+          @binding {Function} resolve resolve function
+          @binding {Function} reject reject function
+      `),
+          p(u.$slots, "default", {
+            resolve: (e) => r(m)(s.value, e),
+            reject: (e) => r(c)(s.value, e)
+          }, () => {
+            var e;
+            return [
+              y(
+                b((e = l.value) == null ? void 0 : e.message),
+                1
+                /* TEXT */
+              )
+            ];
+          })
+        ]),
+        footer: k(() => [
+          f(`
+        @slot Footer Buttons slot
+          @binding {Function} resolve resolve function
+          @binding {Function} reject reject function
+      `),
+          p(u.$slots, "footer-button", {
+            resolve: (e) => r(m)(s.value, e),
+            reject: (e) => r(c)(s.value, e)
+          }, () => [
+            C("div", se, [
+              u.buttons.length > 0 ? (v(!0), z(
+                P,
+                { key: 0 },
+                G(u.buttons, (e, A) => (v(), D(r(t), {
+                  key: A,
+                  color: e.color,
+                  size: e.size,
+                  outline: e.outline,
+                  rounded: e.rounded,
+                  disabled: e.disabled,
+                  block: e.block,
+                  loading: e.loading,
+                  onClick: (F) => e.type === "resolve" ? r(m)(s.value, e.response) : r(c)(s.value, e.response)
+                }, {
+                  default: k(() => [
+                    y(
+                      b(e.text),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["color", "size", "outline", "rounded", "disabled", "block", "loading", "onClick"]))),
+                128
+                /* KEYED_FRAGMENT */
+              )) : (v(), z(
+                P,
+                { key: 1 },
+                [
+                  B(r(t), {
+                    color: "danger",
+                    outline: "",
+                    onClick: g[0] || (g[0] = (e) => r(c)(s.value))
+                  }, {
+                    default: k(() => [
+                      p(u.$slots, "cancel-text", {}, () => {
+                        var e;
+                        return [
+                          y(
+                            b(((e = l.value) == null ? void 0 : e.cancelText) || "Cancel"),
+                            1
+                            /* TEXT */
+                          )
+                        ];
+                      })
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }),
+                  B(r(t), {
+                    color: "success",
+                    onClick: g[1] || (g[1] = (e) => r(m)(s.value))
+                  }, {
+                    default: k(() => [
+                      p(u.$slots, "confirm-text", {}, () => {
+                        var e;
+                        return [
+                          y(
+                            b(((e = l.value) == null ? void 0 : e.confirmText) || "Confirm"),
+                            1
+                            /* TEXT */
+                          )
+                        ];
+                      })
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  })
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))
+            ])
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["model-value"]);
+    };
+  }
+});
+export {
+  oe as _,
+  le as a,
+  R as u
+};

package/components/chunks/{MazSpinner-DWts_Ogu.mjs → MazSpinner-CkOtx69J.mjs}

@@ -1,6 +1,6 @@
 import '../assets/MazSpinner.css';
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazDialogPromise-C4xTbUi9.mjs";
+import { _ as p } from "./MazDialogPromise-CS8SGV4-.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },

package/nuxt/index.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "3.42.1"
+  "version": "3.42.2"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.42.1",
+  "version": "3.42.2",
   "description": "A standalone components library for Vue.Js 3 & Nuxt.Js 3",
   "author": "Louis Mazel <me@loicmazuel.com>",
   "main": "./modules/index.cjs",

package/types/components/MazDialogPromise/use-maz-dialog-promise.d.ts

@@ -11,7 +11,7 @@ export interface DialogData {
     confirmText?: string;
 }
 export declare const useMazDialogPromise: () => {
-    confirmDialogData: import("vue").Ref<DialogData | undefined>;
+    data: import("vue").Ref<DialogData | undefined>;
     dialogState: import("vue").Ref<{
         id: string;
         isActive: boolean;

package/types/components/MazDialogPromise.vue.d.ts

@@ -1,4 +1,3 @@
-import { type PropType } from 'vue';
 import { type Color, type Size } from './types';
 import { type DialogData } from './MazDialogPromise/use-maz-dialog-promise';
 export type DialogButton = {
@@ -15,39 +14,27 @@ export type DialogButton = {
 };
 export { useMazDialogPromise, type DialogState, type DialogData, } from './MazDialogPromise/use-maz-dialog-promise';
 export type { Color, Size } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Dialog Data - type DialogData */
-    data: {
-        type: PropType<DialogData>;
-        default: undefined;
-    };
+    data: DialogData;
     /** Uniq identifier */
-    identifier: {
-        type: StringConstructor;
-        required: true;
-    };
+    identifier: string;
     /** Custom buttons - type DialogButton[] */
-    buttons: {
-        type: PropType<DialogButton[]>;
-        default: () => never[];
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    buttons: DialogButton[];
+}>, {
+    data: undefined;
+    buttons: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /** Dialog Data - type DialogData */
-    data: {
-        type: PropType<DialogData>;
-        default: undefined;
-    };
+    data: DialogData;
     /** Uniq identifier */
-    identifier: {
-        type: StringConstructor;
-        required: true;
-    };
+    identifier: string;
     /** Custom buttons - type DialogButton[] */
-    buttons: {
-        type: PropType<DialogButton[]>;
-        default: () => never[];
-    };
-}>>, {
+    buttons: DialogButton[];
+}>, {
+    data: undefined;
+    buttons: () => never[];
+}>>>, {
     data: DialogData;
     buttons: DialogButton[];
 }, {}>, {
@@ -64,8 +51,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "confirm-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/chunks/MazDialogPromise-C4xTbUi9.mjs

@@ -1,413 +0,0 @@
-import '../assets/MazDialogPromise.css';
-import { ref as j, defineComponent as V, onMounted as W, watch as K, openBlock as p, createBlock as $, Teleport as q, createVNode as D, Transition as I, withCtx as v, createElementBlock as h, normalizeClass as w, createElementVNode as k, withModifiers as U, mergeProps as M, renderSlot as f, createCommentVNode as m, defineAsyncComponent as T, useAttrs as X, computed as S, createTextVNode as g, toDisplayString as y, unref as d, Fragment as P, renderList as G } from "vue";
-const J = j(), b = j([]), Q = (n, o) => new Promise((r, i) => {
-  b.value = [
-    ...b.value,
-    {
-      id: n,
-      isActive: !0,
-      resolve: async () => {
-        await (o == null ? void 0 : o()), r(!0);
-      },
-      reject: i
-    }
-  ];
-}), H = (n) => (b.value = b.value.filter(({ id: o }) => o !== n), b.value), N = (n, o, r = !1) => {
-  var i;
-  o && ((i = o[n]) == null || i.call(o, r), o.isActive = !1, setTimeout(() => {
-    H(o.id);
-  }, 500));
-}, R = () => ({
-  confirmDialogData: J,
-  dialogState: b,
-  showDialogAndWaitChoice: Q,
-  removeDialogFromState: H,
-  rejectDialog: (n, o = "cancel") => N("reject", n, o),
-  resolveDialog: (n, o = "accept") => N("resolve", n, o)
-}), O = "--backdrop-present", Y = /* @__PURE__ */ V({
-  inheritAttrs: !1,
-  __name: "MazBackdrop",
-  props: {
-    modelValue: { type: Boolean, default: !1 },
-    teleportSelector: { default: "body" },
-    beforeClose: { type: Function, default: void 0 },
-    persistent: { type: Boolean, default: !1 },
-    noCloseOnEscKey: { type: Boolean, default: !1 },
-    transitionName: { default: "backdrop-anim" },
-    backdropClass: { default: void 0 },
-    backdropContentClass: { default: void 0 }
-  },
-  emits: ["open", "close", "update:model-value", "before-close"],
-  setup(n, { expose: o, emit: r }) {
-    const i = () => {
-      document.documentElement.classList.add(O);
-    }, c = async () => {
-      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(O);
-    }, u = r, e = n, l = j(e.modelValue);
-    function s() {
-      C(!1);
-    }
-    async function C(a) {
-      var F;
-      a || (u("before-close"), await ((F = e.beforeClose) == null ? void 0 : F.call(e))), l.value = a;
-    }
-    function t() {
-      u("open");
-    }
-    function A() {
-      u("update:model-value", !1), u("close"), E();
-    }
-    function z() {
-      e.persistent || s();
-    }
-    function B(a) {
-      !e.noCloseOnEscKey && a.key === "Escape" && !e.persistent && s();
-    }
-    function L() {
-      i(), document.addEventListener("keyup", B, !1);
-    }
-    function E() {
-      document.removeEventListener("keyup", B), c();
-    }
-    return W(() => {
-      e.modelValue ? L() : E();
-    }), K(
-      () => e.modelValue,
-      (a) => {
-        l.value = a, a ? L() : E();
-      }
-    ), o({
-      onBackdropAnimationEnter: t,
-      onBackdropAnimationLeave: A,
-      onBackdropClicked: z,
-      close: s,
-      present: l,
-      toggleModal: C,
-      onKeyPress: B
-    }), (a, F) => (p(), $(q, { to: a.teleportSelector }, [
-      D(I, {
-        appear: "",
-        name: a.transitionName,
-        onAfterEnter: t,
-        onAfterLeave: A
-      }, {
-        default: v(() => [
-          l.value ? (p(), h(
-            "div",
-            {
-              key: 0,
-              class: w(["m-backdrop --present", [a.backdropClass]]),
-              tabindex: "-1",
-              role: "dialog"
-            },
-            [
-              k(
-                "button",
-                {
-                  class: w(["m-backdrop-overlay", { "--disabled": a.persistent }]),
-                  tabindex: "-1",
-                  onClick: U(z, ["self"])
-                },
-                null,
-                2
-                /* CLASS */
-              ),
-              k(
-                "div",
-                M({
-                  class: ["m-backdrop-content", a.backdropContentClass]
-                }, a.$attrs, {
-                  role: "document",
-                  tabindex: "0"
-                }),
-                [
-                  f(a.$slots, "default", { close: s })
-                ],
-                16
-                /* FULL_PROPS */
-              )
-            ],
-            2
-            /* CLASS */
-          )) : m("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["name"])
-    ], 8, ["to"]));
-  }
-}), Z = {
-  key: 0,
-  id: "dialogTitle",
-  class: "maz-my-0 maz-text-xl maz-font-semibold"
-}, x = {
-  id: "dialogDesc",
-  class: "m-dialog-content"
-}, _ = {
-  key: 0,
-  class: "m-dialog-footer"
-}, ee = /* @__PURE__ */ V({
-  __name: "MazDialog",
-  props: {
-    title: { default: void 0 },
-    noClose: { type: Boolean, default: !1 },
-    width: { default: "500px" },
-    maxWidth: { default: "95vw" },
-    maxHeight: { default: "95vh" },
-    scrollable: { type: Boolean, default: !1 },
-    persistent: { type: Boolean, default: !1 }
-  },
-  emits: [
-    /** Model binding */
-    "update:model-value",
-    /** Emitted when dialog is closed (after animation) */
-    "close",
-    /** Emitted when dialog is opened (after animation) */
-    "open"
-  ],
-  setup(n) {
-    const o = T(() => import("./MazBtn-CauvhLv6.mjs")), r = T(() => import("./x-mark-BP8zWe_C.mjs")), i = X(), c = S(() => ({
-      ...i,
-      class: void 0,
-      style: void 0
-    })), u = S(() => ({
-      class: i.class,
-      style: i.style
-    }));
-    return (e, l) => (p(), $(Y, M(c.value, {
-      persistent: e.persistent,
-      "transition-name": "modal-anim",
-      "aria-labelledby": "dialogTitle",
-      "aria-describedby": "dialogDesc",
-      onClose: l[0] || (l[0] = (s) => e.$emit("close", s)),
-      onOpen: l[1] || (l[1] = (s) => e.$emit("open", s)),
-      "onUpdate:modelValue": l[2] || (l[2] = (s) => e.$emit("update:model-value", s))
-    }), {
-      default: v(({ close: s }) => [
-        k(
-          "div",
-          M({
-            class: ["m-dialog", { "--scrollable": e.scrollable }],
-            role: "dialog",
-            "aria-modal": "true",
-            style: [{ width: e.width, maxWidth: e.maxWidth, maxHeight: e.maxHeight }]
-          }, u.value),
-          [
-            m(`
-          @slot Header slot
-            @binding {Function} close close function
-        `),
-            f(e.$slots, "header", { close: s }, () => [
-              k(
-                "div",
-                {
-                  class: w(["m-dialog-header", { "--has-title": e.$slots.title || e.title }])
-                },
-                [
-                  e.$slots.title || e.title ? (p(), h("h2", Z, [
-                    m(`
-                @slot Title slot in the header
-              `),
-                    f(e.$slots, "title", {}, () => [
-                      g(
-                        y(e.title),
-                        1
-                        /* TEXT */
-                      )
-                    ], !0)
-                  ])) : m("v-if", !0),
-                  !e.noClose && !e.persistent ? (p(), $(d(o), {
-                    key: 1,
-                    class: "m-dialog-closebtn",
-                    color: "transparent",
-                    onClick: s
-                  }, {
-                    default: v(() => [
-                      D(d(r), { class: "maz-text-lg" })
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["onClick"])) : m("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )
-            ], !0),
-            k("div", x, [
-              m(`
-            @slot Default content
-              @binding {Function} close close function
-          `),
-              f(e.$slots, "default", { close: s }, void 0, !0)
-            ]),
-            e.$slots.footer ? (p(), h("div", _, [
-              m(`
-            @slot Footer slot
-              @binding {Function} close close function
-          `),
-              f(e.$slots, "footer", { close: s }, void 0, !0)
-            ])) : m("v-if", !0)
-          ],
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["persistent"]));
-  }
-}), te = (n, o) => {
-  const r = n.__vccOpts || n;
-  for (const [i, c] of o)
-    r[i] = c;
-  return r;
-}, oe = /* @__PURE__ */ te(ee, [["__scopeId", "data-v-6ded3568"]]), ne = { class: "maz-space-x-2" }, le = /* @__PURE__ */ V({
-  __name: "MazDialogPromise",
-  props: {
-    /** Dialog Data - type DialogData */
-    data: { type: Object, default: void 0 },
-    /** Uniq identifier */
-    identifier: { type: String, required: !0 },
-    /** Custom buttons - type DialogButton[] */
-    buttons: { type: Array, default: () => [] }
-  },
-  setup(n) {
-    const o = T(() => import("./MazBtn-CauvhLv6.mjs")), r = n, { dialogState: i, rejectDialog: c, resolveDialog: u } = R(), e = S(
-      () => i.value.find(({ id: l }) => l === r.identifier)
-    );
-    return (l, s) => {
-      var C;
-      return p(), $(oe, {
-        "model-value": ((C = e.value) == null ? void 0 : C.isActive) ?? !1,
-        "onUpdate:modelValue": s[2] || (s[2] = (t) => d(c)(e.value))
-      }, {
-        title: v(() => [
-          f(l.$slots, "title", {}, () => {
-            var t;
-            return [
-              g(
-                y((t = n.data) == null ? void 0 : t.title),
-                1
-                /* TEXT */
-              )
-            ];
-          })
-        ]),
-        default: v(() => [
-          m(`
-        @slot Default slot - Place your content
-          @binding {Function} resolve resolve function
-          @binding {Function} reject reject function
-      `),
-          f(l.$slots, "default", {
-            resolve: (t) => d(u)(e.value, t),
-            reject: (t) => d(c)(e.value, t)
-          }, () => {
-            var t;
-            return [
-              g(
-                y((t = n.data) == null ? void 0 : t.message),
-                1
-                /* TEXT */
-              )
-            ];
-          })
-        ]),
-        footer: v(() => [
-          m(`
-        @slot Footer Buttons slot
-          @binding {Function} resolve resolve function
-          @binding {Function} reject reject function
-      `),
-          f(l.$slots, "footer-button", {
-            resolve: (t) => d(u)(e.value, t),
-            reject: (t) => d(c)(e.value, t)
-          }, () => [
-            k("div", ne, [
-              n.buttons.length > 0 ? (p(!0), h(
-                P,
-                { key: 0 },
-                G(n.buttons, (t, A) => (p(), $(d(o), {
-                  key: A,
-                  color: t.color,
-                  size: t.size,
-                  outline: t.outline,
-                  rounded: t.rounded,
-                  disabled: t.disabled,
-                  block: t.block,
-                  loading: t.loading,
-                  onClick: (z) => t.type === "resolve" ? d(u)(e.value, t.response) : d(c)(e.value, t.response)
-                }, {
-                  default: v(() => [
-                    g(
-                      y(t.text),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["color", "size", "outline", "rounded", "disabled", "block", "loading", "onClick"]))),
-                128
-                /* KEYED_FRAGMENT */
-              )) : (p(), h(
-                P,
-                { key: 1 },
-                [
-                  D(d(o), {
-                    color: "danger",
-                    outline: "",
-                    onClick: s[0] || (s[0] = (t) => d(c)(e.value))
-                  }, {
-                    default: v(() => [
-                      f(l.$slots, "cancel-text", {}, () => {
-                        var t;
-                        return [
-                          g(
-                            y(((t = n.data) == null ? void 0 : t.cancelText) || "Cancel"),
-                            1
-                            /* TEXT */
-                          )
-                        ];
-                      })
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }),
-                  D(d(o), {
-                    color: "success",
-                    onClick: s[1] || (s[1] = (t) => d(u)(e.value))
-                  }, {
-                    default: v(() => [
-                      f(l.$slots, "confirm-text", {}, () => {
-                        var t;
-                        return [
-                          g(
-                            y(((t = n.data) == null ? void 0 : t.confirmText) || "Confirm"),
-                            1
-                            /* TEXT */
-                          )
-                        ];
-                      })
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  })
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))
-            ])
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["model-value"]);
-    };
-  }
-});
-export {
-  te as _,
-  le as a,
-  R as u
-};