maz-ui 3.22.3 → 3.23.0

package/components/chunks/MazDialogPromise-eec5acde.mjs

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

package/components/chunks/MazDrawer-b628b37e.mjs

@@ -0,0 +1,206 @@
+import "../assets/MazDrawer.css";
+import { defineComponent as g, ref as z, onMounted as _, watch as L, openBlock as d, createBlock as B, Teleport as M, createVNode as p, Transition as D, withCtx as f, createElementBlock as E, normalizeClass as i, createElementVNode as l, withModifiers as V, mergeProps as A, renderSlot as k, createCommentVNode as $, defineAsyncComponent as b, createTextVNode as h, toDisplayString as O, unref as C } from "vue";
+const w = "--backdrop-present", N = () => {
+  document.documentElement.classList.add(w);
+}, T = async () => {
+  document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(w);
+}, P = g({
+  inheritAttrs: !1,
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    teleportSelector: { type: String, default: "body" },
+    beforeClose: {
+      // eslint-disable-next-line @typescript-eslint/ban-types
+      type: Function,
+      default: void 0
+    },
+    persistent: { type: Boolean, default: !1 },
+    noCloseOnEscKey: { type: Boolean, default: !1 },
+    transitionName: { type: String, default: "backdrop-anim" },
+    backdropClass: { type: [Array, String, Object], default: void 0 },
+    backdropContentClass: {
+      type: [Array, String, Object],
+      default: void 0
+    }
+  },
+  emits: ["open", "before-close", "close", "update:model-value"],
+  setup(e, { emit: a }) {
+    const s = z(e.modelValue), t = () => {
+      o(!1);
+    }, o = async (r) => {
+      var y;
+      r || (a("before-close"), await ((y = e.beforeClose) == null ? void 0 : y.call(e))), s.value = r;
+    }, n = () => {
+      a("open");
+    }, c = () => {
+      a("update:model-value", !1), a("close"), u();
+    }, S = () => {
+      e.persistent || t();
+    }, m = (r) => {
+      !e.noCloseOnEscKey && r.key === "Escape" && !e.persistent && t();
+    }, v = () => {
+      N(), document.addEventListener("keyup", m, !1);
+    }, u = () => {
+      document.removeEventListener("keyup", m), T();
+    };
+    return _(() => {
+      e.modelValue ? v() : u();
+    }), L(
+      () => e.modelValue,
+      (r) => {
+        s.value = r, r ? v() : u();
+      }
+    ), {
+      onBackdropAnimationEnter: n,
+      onBackdropAnimationLeave: c,
+      onBackdropClicked: S,
+      close: t,
+      present: s,
+      toggleModal: o,
+      onKeyPress: m
+    };
+  }
+});
+const K = (e, a) => {
+  const s = e.__vccOpts || e;
+  for (const [t, o] of a)
+    s[t] = o;
+  return s;
+};
+function j(e, a, s, t, o, n) {
+  return d(), B(M, { to: e.teleportSelector }, [
+    p(D, {
+      appear: "",
+      name: e.transitionName,
+      onAfterEnter: e.onBackdropAnimationEnter,
+      onAfterLeave: e.onBackdropAnimationLeave
+    }, {
+      default: f(() => [
+        e.present ? (d(), E(
+          "div",
+          {
+            key: 0,
+            class: i(["m-backdrop --present", [e.backdropClass]]),
+            tabindex: "-1",
+            role: "dialog"
+          },
+          [
+            l(
+              "button",
+              {
+                class: i(["m-backdrop-overlay", { "--disabled": e.persistent }]),
+                tabindex: "-1",
+                onClick: a[0] || (a[0] = V((...c) => e.onBackdropClicked && e.onBackdropClicked(...c), ["self"]))
+              },
+              null,
+              2
+              /* CLASS */
+            ),
+            l(
+              "div",
+              A({
+                class: ["m-backdrop-content", e.backdropContentClass]
+              }, e.$attrs, {
+                role: "document",
+                tabindex: "0"
+              }),
+              [
+                k(e.$slots, "default", { close: e.close })
+              ],
+              16
+              /* FULL_PROPS */
+            )
+          ],
+          2
+          /* CLASS */
+        )) : $("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+  ], 8, ["to"]);
+}
+const F = /* @__PURE__ */ K(P, [["render", j]]), q = { class: "m-drawer-header__title" }, I = {
+  key: 0,
+  class: "m-drawer-header__close"
+}, U = { class: "m-drawer-body" }, H = /* @__PURE__ */ g({
+  __name: "MazDrawer",
+  props: {
+    noClose: { type: Boolean, default: !1 },
+    title: { type: String, default: void 0 },
+    variant: {
+      type: String,
+      default: "right",
+      validator: (e) => ["right", "top", "left", "bottom"].includes(e)
+    },
+    backdropClass: { type: String, default: void 0 },
+    size: { type: String, default: "30rem" }
+  },
+  emits: ["open", "close", "update:model-value"],
+  setup(e) {
+    const a = b(() => import("./MazBtn-1e61862b.mjs")), s = b(() => import("./x-mark-35f2f1e7.mjs"));
+    return (t, o) => (d(), B(F, A(t.$attrs, {
+      "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
+      style: {
+        "--maz-drawer-size": e.size
+      },
+      onClose: o[0] || (o[0] = (n) => t.$emit("close", n)),
+      onOpen: o[1] || (o[1] = (n) => t.$emit("open", n)),
+      "onUpdate:modelValue": o[2] || (o[2] = (n) => t.$emit("update:model-value", n))
+    }), {
+      default: f(({ close: n }) => [
+        l(
+          "div",
+          {
+            class: i(["m-drawer-content-wrap", [`--${e.variant}`]])
+          },
+          [
+            l(
+              "header",
+              {
+                class: i(["m-drawer-header", [t.$slots.title || e.title ? "--between" : "--end"]])
+              },
+              [
+                l("h4", q, [
+                  k(t.$slots, "title", { close: n }, () => [
+                    h(
+                      O(e.title),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ]),
+                e.noClose ? $("v-if", !0) : (d(), E("div", I, [
+                  p(C(a), {
+                    size: "sm",
+                    color: "transparent",
+                    onClick: n
+                  }, {
+                    default: f(() => [
+                      p(C(s), { class: "icon maz-text-lg" })
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"])
+                ]))
+              ],
+              2
+              /* CLASS */
+            ),
+            l("div", U, [
+              k(t.$slots, "default", { close: n })
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["backdrop-class", "style"]));
+  }
+});
+export {
+  K as _,
+  H as a
+};