maz-ui 3.47.2-beta.23 → 3.47.2-beta.25

package/components/chunks/{MazDialog-Ca3jJ12T.mjs → MazDialog-BjQ3ivmv.mjs}

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