maz-ui 3.47.2-beta.19 → 3.47.2-beta.20

package/components/chunks/{MazBtn-ZigrzA2_.mjs → MazBtn-BS2kvd1Z.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
-import { _ as F } from "./MazDialog-C3h6Ydey.mjs";
+import { _ as F } from "./MazDrawer-Bas9dy0D.mjs";
 import '../assets/MazBtn.css';const O = {
   key: 0,
   class: "m-btn-loader-container"
@@ -28,7 +28,7 @@ import '../assets/MazBtn.css';const O = {
     justify: { default: "center" }
   },
   setup(y) {
-    const n = y, v = m(() => import("./MazSpinner-1F6A6qVD.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+    const n = y, v = m(() => import("./MazSpinner-C6h03sqc.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
       () => (n.loading || n.disabled) && f.value === "button"
     ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
     return (e, D) => (t(), l(r(f.value), {

package/components/chunks/{MazBtn-BDrYYq_W.mjs → MazBtn-C60T0UDa.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
-import { _ as F } from "./MazBottomSheet-B1cqFZxd.mjs";
+import { _ as F } from "./MazBottomSheet-DGsGO0zo.mjs";
 import '../assets/MazBtn.css';const O = {
   key: 0,
   class: "m-btn-loader-container"
@@ -28,7 +28,7 @@ import '../assets/MazBtn.css';const O = {
     justify: { default: "center" }
   },
   setup(y) {
-    const n = y, v = m(() => import("./MazSpinner-wQasUhyI.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+    const n = y, v = m(() => import("./MazSpinner-ZFhNCy24.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
       () => (n.loading || n.disabled) && f.value === "button"
     ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
     return (e, D) => (t(), l(r(f.value), {

package/components/chunks/{MazBtn-BQwIuO_Q.mjs → MazBtn-CsLtHm4K.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
-import { _ as F } from "./MazDialogPromise-BZm1F0X2.mjs";
+import { _ as F } from "./MazDialog-Ca3jJ12T.mjs";
 import '../assets/MazBtn.css';const O = {
   key: 0,
   class: "m-btn-loader-container"
@@ -28,7 +28,7 @@ import '../assets/MazBtn.css';const O = {
     justify: { default: "center" }
   },
   setup(y) {
-    const n = y, v = m(() => import("./MazSpinner-DzFcVNs_.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+    const n = y, v = m(() => import("./MazSpinner-D5Sbo759.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
       () => (n.loading || n.disabled) && f.value === "button"
     ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
     return (e, D) => (t(), l(r(f.value), {

package/components/chunks/MazBtn-ZAcYNusG.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as C, defineAsyncComponent as m, useAttrs as $, computed as o, openBlock as t, createBlock as l, resolveDynamicComponent as r, normalizeClass as a, normalizeStyle as S, withCtx as j, renderSlot as i, unref as u, createCommentVNode as d, createElementBlock as M, createVNode as E } from "vue";
+import { _ as F } from "./MazDialogPromise-DOnmLhui.mjs";
+import '../assets/MazBtn.css';const O = {
+  key: 0,
+  class: "m-btn-loader-container"
+}, A = /* @__PURE__ */ C({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    roundedSize: { default: "lg" },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean },
+    justify: { default: "center" }
+  },
+  setup(y) {
+    const n = y, v = m(() => import("./MazSpinner-DPur0-r-.mjs")), c = m(() => import("./MazIcon-_hN-Kivn.mjs")), { href: b, to: z } = $(), f = o(() => b ? "a" : z ? "router-link" : "button"), g = o(() => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`), p = o(
+      () => (n.loading || n.disabled) && f.value === "button"
+    ), B = o(() => p.value ? "--cursor-default" : "--cursor-pointer"), k = o(() => `--is-${n.variant}`), I = o(() => n.loading && n.variant === "button"), h = o(() => f.value === "button" ? n.type : void 0), s = o(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "maz-text-xl");
+    return (e, D) => (t(), l(r(f.value), {
+      disabled: p.value || void 0,
+      class: a(["m-btn", [
+        `--${e.size}`,
+        !e.fab && !e.rounded && e.roundedSize && `--rounded-${e.roundedSize}`,
+        g.value,
+        B.value,
+        k.value,
+        {
+          "--block": e.block,
+          "--no-underline": e.noUnderline,
+          "--fab": e.fab,
+          "--loading": e.loading,
+          "--disabled": p.value,
+          "--rounded": e.rounded,
+          "--no-rounded": e.noRounded,
+          "--no-padding": e.noPadding,
+          "--no-elevation": e.noElevation
+        }
+      ]]),
+      style: S([`--justify: ${e.justify}`]),
+      type: h.value
+    }, {
+      default: j(() => [
+        i(e.$slots, "left-icon", {}, () => [
+          typeof e.leftIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.leftIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.leftIcon ? (t(), l(r(e.leftIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "icon", {}, () => [
+          typeof e.icon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.icon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.icon ? (t(), l(r(e.icon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        i(e.$slots, "default", {}, void 0, !0),
+        i(e.$slots, "right-icon", {}, () => [
+          typeof e.rightIcon == "string" ? (t(), l(u(c), {
+            key: 0,
+            name: e.rightIcon,
+            class: a([s.value])
+          }, null, 8, ["name", "class"])) : e.rightIcon ? (t(), l(r(e.rightIcon), {
+            key: 1,
+            class: a([s.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        I.value ? (t(), M("div", O, [
+          E(u(v), {
+            size: "2em",
+            color: e.color
+          }, null, 8, ["color"])
+        ])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "style", "type"]));
+  }
+}), R = /* @__PURE__ */ F(A, [["__scopeId", "data-v-bee684ff"]]);
+export {
+  R as default
+};

package/components/chunks/MazDialog-Ca3jJ12T.mjs

@@ -0,0 +1,297 @@
+import { defineComponent as L, ref as A, onMounted as F, watch as N, nextTick as w, openBlock as m, createBlock as V, Teleport as I, createVNode as U, Transition as X, withCtx as j, createElementBlock as D, mergeProps as M, createElementVNode as f, normalizeClass as W, withModifiers as G, renderSlot as b, createCommentVNode as h, defineAsyncComponent as P, useAttrs as H, computed as B, createTextVNode as J, toDisplayString as Q, unref as O } from "vue";
+import '../assets/MazDialog.css';const R = {
+  role: "dialog",
+  class: "m-backdrop-container",
+  "aria-modal": "true"
+}, Y = { class: "m-backdrop-wrapper" }, z = "--backdrop-present", Z = /* @__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: () => {
+    } },
+    backdropContentClass: { default: () => {
+    } },
+    contentPadding: { type: Boolean, default: !1 },
+    justify: { default: "none" },
+    align: { default: "none" },
+    variant: {}
+  },
+  emits: ["open", "close", "update:model-value", "before-close"],
+  setup(a, { expose: p, emit: s }) {
+    const i = s;
+    function v() {
+      document.documentElement.classList.add(z);
+    }
+    function y() {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(z);
+    }
+    const d = A(a.modelValue);
+    function c() {
+      k(!1);
+    }
+    async function k(t) {
+      var l;
+      t || (i("before-close"), await ((l = a.beforeClose) == null ? void 0 : l.call(a))), d.value = t;
+    }
+    function g() {
+      i("open");
+    }
+    function u() {
+      i("update:model-value", !1), i("close"), r();
+    }
+    function e() {
+      a.persistent || c();
+    }
+    function o(t) {
+      !a.noCloseOnEscKey && t.key === "Escape" && !a.persistent && c();
+    }
+    function n() {
+      v(), document.addEventListener("keyup", o, !1);
+    }
+    function r() {
+      document.removeEventListener("keyup", o), y();
+    }
+    F(() => {
+      a.modelValue ? n() : r();
+    });
+    let C = null;
+    function q(t) {
+      const l = document.querySelector(t), E = l && Array.from(l.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), $ = E == null ? void 0 : E.filter((S) => {
+        const T = window.getComputedStyle(S);
+        return T.display !== "none" && T.visibility !== "hidden" && !S.disabled;
+      });
+      return $ && $.length > 0 ? $[0] : null;
+    }
+    return N(
+      () => a.modelValue,
+      async (t) => {
+        if (d.value = t, t) {
+          n(), C = document.activeElement, await w();
+          const l = q(".m-backdrop-content");
+          l == null || l.focus();
+        } else
+          r(), await w(), C == null || C.focus();
+      }
+    ), p({
+      onBackdropAnimationEnter: g,
+      onBackdropAnimationLeave: u,
+      onBackdropClicked: e,
+      close: c,
+      present: d,
+      toggleModal: k,
+      onKeyPress: o
+    }), (t, l) => (m(), V(I, { to: t.teleportSelector }, [
+      U(X, {
+        appear: "",
+        name: t.transitionName,
+        onAfterEnter: g,
+        onAfterLeave: u
+      }, {
+        default: j(() => [
+          d.value ? (m(), D(
+            "div",
+            M({
+              key: 0,
+              class: "m-backdrop --present"
+            }, t.$attrs, {
+              class: [t.backdropClass, t.variant && `--variant-${t.variant}`, { "--persistent": t.persistent }]
+            }),
+            [
+              f("div", R, [
+                f("div", Y, [
+                  f(
+                    "div",
+                    {
+                      class: W(["m-backdrop-content", [t.backdropContentClass, `--justify-${t.justify}`, `--align-${t.align}`, { "--padding": t.contentPadding }]]),
+                      role: "button",
+                      tabindex: "-1",
+                      onClick: G(e, ["self"])
+                    },
+                    [
+                      b(t.$slots, "default", {
+                        close: c,
+                        onBackdropClicked: e
+                      }, void 0, !0)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ])
+            ],
+            16
+            /* FULL_PROPS */
+          )) : h("v-if", !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["name"])
+    ], 8, ["to"]));
+  }
+}), K = (a, p) => {
+  const s = a.__vccOpts || a;
+  for (const [i, v] of p)
+    s[i] = v;
+  return s;
+}, x = /* @__PURE__ */ K(Z, [["__scopeId", "data-v-7aa1682e"]]), _ = {
+  key: 0,
+  id: "dialogTitle",
+  class: "m-dialog-title"
+}, ee = {
+  key: 0,
+  class: "m-dialog-footer"
+}, te = /* @__PURE__ */ L({
+  name: "MazDialog",
+  inheritAttrs: !1,
+  __name: "MazDialog",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: void 0 },
+    noClose: { type: Boolean, default: !1 },
+    maxWidth: { default: "100%" },
+    minWidth: { default: "32rem" },
+    scrollable: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 },
+    teleportSelector: {},
+    beforeClose: {},
+    noCloseOnEscKey: { type: Boolean },
+    transitionName: {},
+    backdropClass: {},
+    backdropContentClass: {},
+    contentPadding: { type: Boolean },
+    justify: {},
+    align: {},
+    variant: {}
+  },
+  emits: ["open", "close", "update:model-value"],
+  setup(a, { expose: p }) {
+    const s = a, i = P(() => import("./MazBtn-CsLtHm4K.mjs")), v = P(() => import("./x-mark-CnZwVvA7.mjs")), y = H(), d = A();
+    p({
+      close: () => {
+        var e, o;
+        return (o = (e = d.value) == null ? void 0 : e.close) == null ? void 0 : o.call(e);
+      }
+    });
+    const c = B(() => {
+      const e = [
+        "modelValue",
+        "title",
+        "noClose",
+        "maxWidth",
+        "minWidth",
+        "scrollable"
+      ];
+      return Object.fromEntries(
+        Object.entries(s).filter(([o]) => !e.includes(o))
+      );
+    }), k = B(() => ({
+      ...y,
+      class: void 0,
+      style: void 0
+    })), g = B(() => ({
+      class: y.class,
+      style: y.style
+    })), u = A();
+    return s.scrollable && N(() => s.modelValue, async (e) => {
+      await w(), e && u.value && setTimeout(() => {
+        var o;
+        (o = u.value) == null || o.scrollTo({ top: 0, behavior: "instant" });
+      }, 0);
+    }), (e, o) => (m(), V(x, M({ ...k.value, ...c.value }, {
+      ref_key: "backdrop",
+      ref: d,
+      "model-value": e.modelValue,
+      "transition-name": "modal-anim",
+      "aria-labelledby": "dialogTitle",
+      "aria-describedby": "dialogDesc",
+      "content-padding": "",
+      justify: "center",
+      variant: "dialog",
+      onClose: o[0] || (o[0] = (n) => e.$emit("close", n)),
+      onOpen: o[1] || (o[1] = (n) => e.$emit("open", n)),
+      "onUpdate:modelValue": o[2] || (o[2] = (n) => e.$emit("update:model-value", n))
+    }), {
+      default: j(({ close: n, onBackdropClicked: r }) => [
+        f(
+          "div",
+          M({
+            class: ["m-dialog", { "--scrollable": e.scrollable }],
+            role: "dialog",
+            "aria-modal": "true",
+            style: [{ "--max-width": e.maxWidth, "--min-width": e.minWidth }]
+          }, g.value),
+          [
+            b(e.$slots, "header", {
+              close: n,
+              onBackdropClicked: r
+            }, () => [
+              f(
+                "div",
+                {
+                  class: W(["m-dialog-header", { "--has-title": e.$slots.title || e.title }])
+                },
+                [
+                  e.$slots.title || e.title ? (m(), D("h2", _, [
+                    b(e.$slots, "title", {}, () => [
+                      J(
+                        Q(e.title),
+                        1
+                        /* TEXT */
+                      )
+                    ], !0)
+                  ])) : h("v-if", !0),
+                  !e.noClose && !e.persistent ? (m(), V(O(i), {
+                    key: 1,
+                    color: "transparent",
+                    size: "sm",
+                    icon: O(v),
+                    onClick: n
+                  }, null, 8, ["icon", "onClick"])) : h("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )
+            ], !0),
+            f(
+              "div",
+              {
+                id: "dialogDesc",
+                ref_key: "dialogContent",
+                ref: u,
+                class: "m-dialog-content"
+              },
+              [
+                b(e.$slots, "default", {
+                  close: n,
+                  onBackdropClicked: r
+                }, void 0, !0)
+              ],
+              512
+              /* NEED_PATCH */
+            ),
+            e.$slots.footer ? (m(), D("div", ee, [
+              b(e.$slots, "footer", {
+                close: n,
+                onBackdropClicked: r
+              }, void 0, !0)
+            ])) : h("v-if", !0)
+          ],
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["model-value"]));
+  }
+}), ne = /* @__PURE__ */ K(te, [["__scopeId", "data-v-b16ef3d7"]]);
+export {
+  ne as M,
+  K as _
+};