maz-ui 3.47.1 → 3.47.2-beta.10

package/components/chunks/{MazDialog-CPgFpAlq.mjs → MazDialog-XiX9LEiz.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as T, onMounted as N, watch as S, openBlock as u, createBlock as g, Teleport as O, createVNode as F, Transition as P, withCtx as L, createElementBlock as h, normalizeClass as B, createElementVNode as v, withModifiers as H, mergeProps as E, renderSlot as f, createCommentVNode as a, defineAsyncComponent as D, useAttrs as K, computed as V, createTextVNode as W, toDisplayString as I, unref as w } from "vue";
+import { defineComponent as M, ref as L, onMounted as S, watch as T, openBlock as c, createBlock as g, Teleport as O, createVNode as P, Transition as K, withCtx as N, createElementBlock as h, normalizeClass as B, createElementVNode as f, withModifiers as H, mergeProps as E, renderSlot as p, createCommentVNode as b, defineAsyncComponent as D, useAttrs as W, computed as V, createTextVNode as F, toDisplayString as I, unref as w } from "vue";
 import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "MazBackdrop",
@@ -13,64 +13,64 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
     backdropContentClass: { default: void 0 }
   },
   emits: ["open", "close", "update:model-value", "before-close"],
-  setup(i, { expose: m, emit: d }) {
-    const t = i, l = d;
-    function p() {
+  setup(n, { expose: m, emit: r }) {
+    const t = n, l = r;
+    function u() {
       document.documentElement.classList.add(z);
     }
-    async function b() {
+    async function v() {
       document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(z);
     }
-    const r = T(t.modelValue);
-    function c() {
+    const i = L(t.modelValue);
+    function d() {
       e(!1);
     }
     async function e(o) {
       var C;
-      o || (l("before-close"), await ((C = t.beforeClose) == null ? void 0 : C.call(t))), r.value = o;
+      o || (l("before-close"), await ((C = t.beforeClose) == null ? void 0 : C.call(t))), i.value = o;
     }
-    function s() {
+    function a() {
       l("open");
     }
-    function n() {
+    function s() {
       l("update:model-value", !1), l("close"), y();
     }
     function A() {
-      t.persistent || c();
+      t.persistent || d();
     }
     function k(o) {
-      !t.noCloseOnEscKey && o.key === "Escape" && !t.persistent && c();
+      !t.noCloseOnEscKey && o.key === "Escape" && !t.persistent && d();
     }
     function $() {
-      p(), document.addEventListener("keyup", k, !1);
+      u(), document.addEventListener("keyup", k, !1);
     }
     function y() {
-      document.removeEventListener("keyup", k), b();
+      document.removeEventListener("keyup", k), v();
     }
-    return N(() => {
+    return S(() => {
       t.modelValue ? $() : y();
-    }), S(
+    }), T(
       () => t.modelValue,
       (o) => {
-        r.value = o, o ? $() : y();
+        i.value = o, o ? $() : y();
       }
     ), m({
-      onBackdropAnimationEnter: s,
-      onBackdropAnimationLeave: n,
+      onBackdropAnimationEnter: a,
+      onBackdropAnimationLeave: s,
       onBackdropClicked: A,
-      close: c,
-      present: r,
+      close: d,
+      present: i,
       toggleModal: e,
       onKeyPress: k
-    }), (o, C) => (u(), g(O, { to: o.teleportSelector }, [
-      F(P, {
+    }), (o, C) => (c(), g(O, { to: o.teleportSelector }, [
+      P(K, {
         appear: "",
         name: o.transitionName,
-        onAfterEnter: s,
-        onAfterLeave: n
+        onAfterEnter: a,
+        onAfterLeave: s
       }, {
-        default: L(() => [
-          r.value ? (u(), h(
+        default: N(() => [
+          i.value ? (c(), h(
             "div",
             {
               key: 0,
@@ -79,7 +79,7 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
               role: "dialog"
             },
             [
-              v(
+              f(
                 "button",
                 {
                   class: B(["m-backdrop-overlay", { "--disabled": o.persistent }]),
@@ -90,7 +90,7 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
                 2
                 /* CLASS */
               ),
-              v(
+              f(
                 "div",
                 E({
                   class: ["m-backdrop-content", o.backdropContentClass]
@@ -99,7 +99,7 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
                   tabindex: "0"
                 }),
                 [
-                  f(o.$slots, "default", { close: c })
+                  p(o.$slots, "default", { close: d })
                 ],
                 16
                 /* FULL_PROPS */
@@ -107,7 +107,7 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
             ],
             2
             /* CLASS */
-          )) : a("v-if", !0)
+          )) : b("v-if", !0)
         ]),
         _: 3
         /* FORWARDED */
@@ -143,94 +143,79 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
     backdropContentClass: {}
   },
   emits: ["open", "close", "update:model-value"],
-  setup(i, { expose: m }) {
-    const d = i, t = D(() => import("./MazBtn-CweCwE_4.mjs")), l = D(() => import("./x-mark-CnZwVvA7.mjs")), p = K(), b = T();
+  setup(n, { expose: m }) {
+    const r = n, t = D(() => import("./MazBtn-CQq-U8qQ.mjs")), l = D(() => import("./x-mark-CnZwVvA7.mjs")), u = W(), v = L();
     m({
       close: () => {
-        var e, s;
-        return (s = (e = b.value) == null ? void 0 : e.close) == null ? void 0 : s.call(e);
+        var e, a;
+        return (a = (e = v.value) == null ? void 0 : e.close) == null ? void 0 : a.call(e);
       }
     });
-    const r = V(() => ({
-      ...p,
+    const i = V(() => ({
+      ...u,
       class: void 0,
       style: void 0
-    })), c = V(() => ({
-      class: p.class,
-      style: p.style
+    })), d = V(() => ({
+      class: u.class,
+      style: u.style
     }));
-    return (e, s) => (u(), g(q, E({ ...r.value, ...d }, {
+    return (e, a) => (c(), g(q, E({ ...i.value, ...r }, {
       ref_key: "backdrop",
-      ref: b,
+      ref: v,
       persistent: e.persistent,
       "model-value": e.modelValue,
       "transition-name": "modal-anim",
       "aria-labelledby": "dialogTitle",
       "aria-describedby": "dialogDesc",
-      onClose: s[0] || (s[0] = (n) => e.$emit("close", n)),
-      onOpen: s[1] || (s[1] = (n) => e.$emit("open", n)),
-      "onUpdate:modelValue": s[2] || (s[2] = (n) => e.$emit("update:model-value", n))
+      onClose: a[0] || (a[0] = (s) => e.$emit("close", s)),
+      onOpen: a[1] || (a[1] = (s) => e.$emit("open", s)),
+      "onUpdate:modelValue": a[2] || (a[2] = (s) => e.$emit("update:model-value", s))
     }), {
-      default: L(({ close: n }) => [
-        v(
+      default: N(({ close: s }) => [
+        f(
           "div",
           E({
             class: ["m-dialog", { "--scrollable": e.scrollable }],
             role: "dialog",
             "aria-modal": "true",
             style: [{ width: e.width, maxWidth: e.maxWidth, maxHeight: e.maxHeight }]
-          }, c.value),
+          }, d.value),
           [
-            a(`
-          @slot Header slot
-            @binding {Function} close close function
-        `),
-            f(e.$slots, "header", { close: n }, () => [
-              v(
+            p(e.$slots, "header", { close: s }, () => [
+              f(
                 "div",
                 {
                   class: B(["m-dialog-header", { "--has-title": e.$slots.title || e.title }])
                 },
                 [
-                  e.$slots.title || e.title ? (u(), h("h2", U, [
-                    a(`
-                @slot Title slot in the header
-              `),
-                    f(e.$slots, "title", {}, () => [
-                      W(
+                  e.$slots.title || e.title ? (c(), h("h2", U, [
+                    p(e.$slots, "title", {}, () => [
+                      F(
                         I(e.title),
                         1
                         /* TEXT */
                       )
                     ], !0)
-                  ])) : a("v-if", !0),
-                  !e.noClose && !e.persistent ? (u(), g(w(t), {
+                  ])) : b("v-if", !0),
+                  !e.noClose && !e.persistent ? (c(), g(w(t), {
                     key: 1,
                     class: "m-dialog-closebtn",
                     color: "transparent",
                     size: "sm",
                     icon: w(l),
-                    onClick: n
-                  }, null, 8, ["icon", "onClick"])) : a("v-if", !0)
+                    onClick: s
+                  }, null, 8, ["icon", "onClick"])) : b("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )
             ], !0),
-            v("div", X, [
-              a(`
-            @slot Default content
-              @binding {Function} close close function
-          `),
-              f(e.$slots, "default", { close: n }, void 0, !0)
+            f("div", X, [
+              p(e.$slots, "default", { close: s }, void 0, !0)
             ]),
-            e.$slots.footer ? (u(), h("div", j, [
-              a(`
-            @slot Footer slot
-              @binding {Function} close close function
-          `),
-              f(e.$slots, "footer", { close: n }, void 0, !0)
-            ])) : a("v-if", !0)
+            e.$slots.footer ? (c(), h("div", j, [
+              p(e.$slots, "footer", { close: s }, void 0, !0)
+            ])) : b("v-if", !0)
           ],
           16
           /* FULL_PROPS */
@@ -240,11 +225,11 @@ import '../assets/MazDialog.css';const z = "--backdrop-present", q = /* @__PURE_
       /* FORWARDED */
     }, 16, ["persistent", "model-value"]));
   }
-}), J = (i, m) => {
-  const d = i.__vccOpts || i;
+}), J = (n, m) => {
+  const r = n.__vccOpts || n;
   for (const [t, l] of m)
-    d[t] = l;
-  return d;
+    r[t] = l;
+  return r;
 }, R = /* @__PURE__ */ J(G, [["__scopeId", "data-v-50775b17"]]);
 export {
   R as M,