maz-ui 3.36.3 → 3.36.4

package/components/chunks/MazDialogPromise-r1kerrgl.mjs

@@ -0,0 +1,413 @@
+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 r, Fragment as P, renderList as G } from "vue";
+const J = j(), b = j([]), Q = (n, o) => new Promise((d, i) => {
+  b.value = [
+    ...b.value,
+    {
+      id: n,
+      isActive: !0,
+      resolve: async () => {
+        await (o == null ? void 0 : o()), d(!0);
+      },
+      reject: i
+    }
+  ];
+}), H = (n) => (b.value = b.value.filter(({ id: o }) => o !== n), b.value), N = (n, o, d = !1) => {
+  var i;
+  o && ((i = o[n]) == null || i.call(o, d), 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: d }) {
+    const i = () => {
+      document.documentElement.classList.add(O);
+    }, c = async () => {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(O);
+    }, u = d, 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-B-q9T3u-.mjs")), d = 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(), $(r(o), {
+                    key: 1,
+                    class: "m-dialog-closebtn",
+                    color: "transparent",
+                    onClick: s
+                  }, {
+                    default: v(() => [
+                      D(r(d), { 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 d = n.__vccOpts || n;
+  for (const [i, c] of o)
+    d[i] = c;
+  return d;
+}, oe = /* @__PURE__ */ te(ee, [["__scopeId", "data-v-6ded3568"]]), ne = { class: "maz-space-x-2" }, ae = /* @__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-B-q9T3u-.mjs")), d = n, { dialogState: i, rejectDialog: c, resolveDialog: u } = R(), e = S(
+      () => i.value.find(({ id: l }) => l === d.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) => r(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) => r(u)(e.value, t),
+            reject: (t) => r(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) => r(u)(e.value, t),
+            reject: (t) => r(c)(e.value, t)
+          }, () => [
+            k("div", ne, [
+              n.buttons.length > 0 ? (p(!0), h(
+                P,
+                { key: 0 },
+                G(n.buttons, (t, A) => (p(), $(r(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" ? r(u)(e.value, t.response) : r(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(r(o), {
+                    color: "danger",
+                    outline: "",
+                    onClick: s[0] || (s[0] = (t) => r(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(r(o), {
+                    color: "success",
+                    onClick: s[1] || (s[1] = (t) => r(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 _,
+  ae as a,
+  R as u
+};

package/components/chunks/{MazSpinner-CJw_tVej.mjs → MazSpinner-C6tjpIOP.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 "./MazDialog-CW8YIBc1.mjs";
+import { _ as p } from "./MazDialog--vjZyPR3.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/components/chunks/{MazSpinner-DaehD0ZC.mjs → MazSpinner-DK6REgwQ.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-Cd5B1cpr.mjs";
+import { _ as p } from "./MazDialogPromise-r1kerrgl.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.36.3"
+  "version": "3.36.4"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maz-ui",
-  "version": "3.36.3",
+  "version": "3.36.4",
   "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/MazDialog.vue.d.ts

@@ -1,75 +1,46 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    /** Modal's title in  header */
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
+export type Props = {
+    /** Title of the modal in header */
+    title?: string;
     /** Remove the close button in header */
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    noClose?: boolean;
     /** Modal's width */
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
+    width?: string;
     /** Modal's max-width */
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
+    maxWidth?: string;
     /** Modal's max-height */
-    maxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
+    maxHeight?: string;
     /**  Modal's content becomes scrollable - warning: a overflow is applied */
-    scrollable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scrollable?: boolean;
+    /** Persistent dialog (not closable by clicking outside and remove close button) */
+    persistent?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    title: undefined;
+    noClose: boolean;
+    width: string;
+    maxWidth: string;
+    maxHeight: string;
+    scrollable: boolean;
+    persistent: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     open: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /** Modal's title in  header */
-    title: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    /** Remove the close button in header */
-    noClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Modal's width */
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Modal's max-width */
-    maxWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** Modal's max-height */
-    maxHeight: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**  Modal's content becomes scrollable - warning: a overflow is applied */
-    scrollable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    title: undefined;
+    noClose: boolean;
+    width: string;
+    maxWidth: string;
+    maxHeight: string;
+    scrollable: boolean;
+    persistent: boolean;
+}>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
+    persistent: boolean;
     width: string;
     noClose: boolean;
     maxWidth: string;
@@ -88,8 +59,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): 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;
+    };
+};