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

package/components/chunks/MazDialog-C3h6Ydey.mjs

@@ -1,237 +0,0 @@
-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",
-  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: m, emit: r }) {
-    const t = n, l = r;
-    function u() {
-      document.documentElement.classList.add(z);
-    }
-    function v() {
-      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(z);
-    }
-    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))), i.value = o;
-    }
-    function a() {
-      l("open");
-    }
-    function s() {
-      l("update:model-value", !1), l("close"), y();
-    }
-    function A() {
-      t.persistent || d();
-    }
-    function k(o) {
-      !t.noCloseOnEscKey && o.key === "Escape" && !t.persistent && d();
-    }
-    function $() {
-      u(), document.addEventListener("keyup", k, !1);
-    }
-    function y() {
-      document.removeEventListener("keyup", k), v();
-    }
-    return S(() => {
-      t.modelValue ? $() : y();
-    }), T(
-      () => t.modelValue,
-      (o) => {
-        i.value = o, o ? $() : y();
-      }
-    ), m({
-      onBackdropAnimationEnter: a,
-      onBackdropAnimationLeave: s,
-      onBackdropClicked: A,
-      close: d,
-      present: i,
-      toggleModal: e,
-      onKeyPress: k
-    }), (o, C) => (c(), g(O, { to: o.teleportSelector }, [
-      P(K, {
-        appear: "",
-        name: o.transitionName,
-        onAfterEnter: a,
-        onAfterLeave: s
-      }, {
-        default: N(() => [
-          i.value ? (c(), h(
-            "div",
-            {
-              key: 0,
-              class: B(["m-backdrop --present", [o.backdropClass]]),
-              tabindex: "-1",
-              role: "dialog"
-            },
-            [
-              f(
-                "button",
-                {
-                  class: B(["m-backdrop-overlay", { "--disabled": o.persistent }]),
-                  tabindex: "-1",
-                  onClick: H(A, ["self"])
-                },
-                null,
-                2
-                /* CLASS */
-              ),
-              f(
-                "div",
-                E({
-                  class: ["m-backdrop-content", o.backdropContentClass]
-                }, o.$attrs, {
-                  role: "document",
-                  tabindex: "0"
-                }),
-                [
-                  p(o.$slots, "default", { close: d })
-                ],
-                16
-                /* FULL_PROPS */
-              )
-            ],
-            2
-            /* CLASS */
-          )) : b("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["name"])
-    ], 8, ["to"]));
-  }
-}), U = {
-  key: 0,
-  id: "dialogTitle",
-  class: "maz-my-0 maz-text-xl maz-font-semibold"
-}, X = {
-  id: "dialogDesc",
-  class: "m-dialog-content"
-}, j = {
-  key: 0,
-  class: "m-dialog-footer"
-}, G = /* @__PURE__ */ M({
-  __name: "MazDialog",
-  props: {
-    modelValue: { type: Boolean },
-    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 },
-    teleportSelector: {},
-    beforeClose: {},
-    noCloseOnEscKey: { type: Boolean },
-    transitionName: {},
-    backdropClass: {},
-    backdropContentClass: {}
-  },
-  emits: ["open", "close", "update:model-value"],
-  setup(n, { expose: m }) {
-    const r = n, t = D(() => import("./MazBtn-ZigrzA2_.mjs")), l = D(() => import("./x-mark-CnZwVvA7.mjs")), u = W(), v = L();
-    m({
-      close: () => {
-        var e, a;
-        return (a = (e = v.value) == null ? void 0 : e.close) == null ? void 0 : a.call(e);
-      }
-    });
-    const i = V(() => ({
-      ...u,
-      class: void 0,
-      style: void 0
-    })), d = V(() => ({
-      class: u.class,
-      style: u.style
-    }));
-    return (e, a) => (c(), g(q, E({ ...i.value, ...r }, {
-      ref_key: "backdrop",
-      ref: v,
-      persistent: e.persistent,
-      "model-value": e.modelValue,
-      "transition-name": "modal-anim",
-      "aria-labelledby": "dialogTitle",
-      "aria-describedby": "dialogDesc",
-      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: 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 }]
-          }, d.value),
-          [
-            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 ? (c(), h("h2", U, [
-                    p(e.$slots, "title", {}, () => [
-                      F(
-                        I(e.title),
-                        1
-                        /* TEXT */
-                      )
-                    ], !0)
-                  ])) : 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: s
-                  }, null, 8, ["icon", "onClick"])) : b("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )
-            ], !0),
-            f("div", X, [
-              p(e.$slots, "default", { close: s }, void 0, !0)
-            ]),
-            e.$slots.footer ? (c(), h("div", j, [
-              p(e.$slots, "footer", { close: s }, void 0, !0)
-            ])) : b("v-if", !0)
-          ],
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["persistent", "model-value"]));
-  }
-}), J = (n, m) => {
-  const r = n.__vccOpts || n;
-  for (const [t, l] of m)
-    r[t] = l;
-  return r;
-}, R = /* @__PURE__ */ J(G, [["__scopeId", "data-v-50775b17"]]);
-export {
-  R as M,
-  J as _
-};