maz-ui 3.47.1 → 3.47.2-beta.2

package/components/chunks/MazDialogPromise-BCCdkrea.mjs

@@ -1,522 +0,0 @@
-import { defineComponent as x, ref as O, onMounted as U, watch as q, openBlock as v, createBlock as h, Teleport as X, createVNode as G, Transition as J, withCtx as k, createElementBlock as S, normalizeClass as L, createElementVNode as j, withModifiers as Q, mergeProps as A, renderSlot as C, createCommentVNode as d, defineAsyncComponent as N, useAttrs as R, computed as D, createTextVNode as T, toDisplayString as z, unref as p, Fragment as H, renderList as Y } from "vue";
-import '../assets/MazDialogPromise.css';const K = "--backdrop-present", Z = /* @__PURE__ */ x({
-  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(i, { expose: s, emit: l }) {
-    const a = i, c = l;
-    function y() {
-      document.documentElement.classList.add(K);
-    }
-    async function B() {
-      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(K);
-    }
-    const m = O(a.modelValue);
-    function g() {
-      t(!1);
-    }
-    async function t(e) {
-      var n;
-      e || (c("before-close"), await ((n = a.beforeClose) == null ? void 0 : n.call(a))), m.value = e;
-    }
-    function u() {
-      c("open");
-    }
-    function r() {
-      c("update:model-value", !1), c("close"), P();
-    }
-    function f() {
-      a.persistent || g();
-    }
-    function E(e) {
-      !a.noCloseOnEscKey && e.key === "Escape" && !a.persistent && g();
-    }
-    function M() {
-      y(), document.addEventListener("keyup", E, !1);
-    }
-    function P() {
-      document.removeEventListener("keyup", E), B();
-    }
-    return U(() => {
-      a.modelValue ? M() : P();
-    }), q(
-      () => a.modelValue,
-      (e) => {
-        m.value = e, e ? M() : P();
-      }
-    ), s({
-      onBackdropAnimationEnter: u,
-      onBackdropAnimationLeave: r,
-      onBackdropClicked: f,
-      close: g,
-      present: m,
-      toggleModal: t,
-      onKeyPress: E
-    }), (e, n) => (v(), h(X, { to: e.teleportSelector }, [
-      G(J, {
-        appear: "",
-        name: e.transitionName,
-        onAfterEnter: u,
-        onAfterLeave: r
-      }, {
-        default: k(() => [
-          m.value ? (v(), S(
-            "div",
-            {
-              key: 0,
-              class: L(["m-backdrop --present", [e.backdropClass]]),
-              tabindex: "-1",
-              role: "dialog"
-            },
-            [
-              j(
-                "button",
-                {
-                  class: L(["m-backdrop-overlay", { "--disabled": e.persistent }]),
-                  tabindex: "-1",
-                  onClick: Q(f, ["self"])
-                },
-                null,
-                2
-                /* CLASS */
-              ),
-              j(
-                "div",
-                A({
-                  class: ["m-backdrop-content", e.backdropContentClass]
-                }, e.$attrs, {
-                  role: "document",
-                  tabindex: "0"
-                }),
-                [
-                  C(e.$slots, "default", { close: g })
-                ],
-                16
-                /* FULL_PROPS */
-              )
-            ],
-            2
-            /* CLASS */
-          )) : d("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["name"])
-    ], 8, ["to"]));
-  }
-}), _ = {
-  key: 0,
-  id: "dialogTitle",
-  class: "maz-my-0 maz-text-xl maz-font-semibold"
-}, ee = {
-  id: "dialogDesc",
-  class: "m-dialog-content"
-}, te = {
-  key: 0,
-  class: "m-dialog-footer"
-}, oe = /* @__PURE__ */ x({
-  __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(i, { expose: s }) {
-    const l = i, a = N(() => import("./MazBtn-D7IKoL2c.mjs")), c = N(() => import("./x-mark-CnZwVvA7.mjs")), y = R(), B = O();
-    s({
-      close: () => {
-        var t, u;
-        return (u = (t = B.value) == null ? void 0 : t.close) == null ? void 0 : u.call(t);
-      }
-    });
-    const m = D(() => ({
-      ...y,
-      class: void 0,
-      style: void 0
-    })), g = D(() => ({
-      class: y.class,
-      style: y.style
-    }));
-    return (t, u) => (v(), h(Z, A({ ...m.value, ...l }, {
-      ref_key: "backdrop",
-      ref: B,
-      persistent: t.persistent,
-      "model-value": t.modelValue,
-      "transition-name": "modal-anim",
-      "aria-labelledby": "dialogTitle",
-      "aria-describedby": "dialogDesc",
-      onClose: u[0] || (u[0] = (r) => t.$emit("close", r)),
-      onOpen: u[1] || (u[1] = (r) => t.$emit("open", r)),
-      "onUpdate:modelValue": u[2] || (u[2] = (r) => t.$emit("update:model-value", r))
-    }), {
-      default: k(({ close: r }) => [
-        j(
-          "div",
-          A({
-            class: ["m-dialog", { "--scrollable": t.scrollable }],
-            role: "dialog",
-            "aria-modal": "true",
-            style: [{ width: t.width, maxWidth: t.maxWidth, maxHeight: t.maxHeight }]
-          }, g.value),
-          [
-            d(`
-          @slot Header slot
-            @binding {Function} close close function
-        `),
-            C(t.$slots, "header", { close: r }, () => [
-              j(
-                "div",
-                {
-                  class: L(["m-dialog-header", { "--has-title": t.$slots.title || t.title }])
-                },
-                [
-                  t.$slots.title || t.title ? (v(), S("h2", _, [
-                    d(`
-                @slot Title slot in the header
-              `),
-                    C(t.$slots, "title", {}, () => [
-                      T(
-                        z(t.title),
-                        1
-                        /* TEXT */
-                      )
-                    ], !0)
-                  ])) : d("v-if", !0),
-                  !t.noClose && !t.persistent ? (v(), h(p(a), {
-                    key: 1,
-                    class: "m-dialog-closebtn",
-                    color: "transparent",
-                    size: "sm",
-                    icon: p(c),
-                    onClick: r
-                  }, null, 8, ["icon", "onClick"])) : d("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )
-            ], !0),
-            j("div", ee, [
-              d(`
-            @slot Default content
-              @binding {Function} close close function
-          `),
-              C(t.$slots, "default", { close: r }, void 0, !0)
-            ]),
-            t.$slots.footer ? (v(), S("div", te, [
-              d(`
-            @slot Footer slot
-              @binding {Function} close close function
-          `),
-              C(t.$slots, "footer", { close: r }, void 0, !0)
-            ])) : d("v-if", !0)
-          ],
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["persistent", "model-value"]));
-  }
-}), ne = (i, s) => {
-  const l = i.__vccOpts || i;
-  for (const [a, c] of s)
-    l[a] = c;
-  return l;
-}, le = /* @__PURE__ */ ne(oe, [["__scopeId", "data-v-50775b17"]]), V = {
-  cancelText: "Cancel",
-  confirmText: "Confirm",
-  cancelButton: {
-    text: "Cancel",
-    color: "danger"
-  },
-  confirmButton: {
-    text: "Confirm",
-    color: "success"
-  }
-}, se = O(V), F = O([]);
-function ae(i, s) {
-  return new Promise((l, a) => {
-    F.value = [
-      ...F.value,
-      {
-        id: i,
-        isActive: !0,
-        resolve: async (c) => {
-          l(c), await (s == null ? void 0 : s());
-        },
-        reject: async (c) => {
-          a(c), await (s == null ? void 0 : s());
-        }
-      }
-    ];
-  });
-}
-function I(i) {
-  return F.value = F.value.filter(({ id: s }) => s !== i), F.value;
-}
-function W(i, s, l) {
-  var a;
-  s && ((a = s[i]) == null || a.call(s, l), s.isActive = !1, setTimeout(() => {
-    I(s.id);
-  }, 500));
-}
-function ie() {
-  return {
-    data: se,
-    dialogState: F,
-    showDialogAndWaitChoice: ae,
-    removeDialogFromState: I,
-    rejectDialog: async (i, s = new Error("cancel"), l) => (await (l == null ? void 0 : l()), W("reject", i, s)),
-    resolveDialog: async (i, s = "accept", l) => (await (l == null ? void 0 : l()), W("resolve", i, s))
-  };
-}
-const re = { class: "maz-flex maz-items-center maz-gap-2" }, de = /* @__PURE__ */ x({
-  __name: "MazDialogPromise",
-  props: {
-    data: { default: void 0 },
-    message: { default: void 0 },
-    identifier: { default: void 0 },
-    buttons: { default: void 0 },
-    modelValue: { type: Boolean },
-    title: {},
-    noClose: { type: Boolean },
-    width: {},
-    maxWidth: {},
-    maxHeight: {},
-    scrollable: { type: Boolean },
-    persistent: { type: Boolean },
-    teleportSelector: {},
-    beforeClose: {},
-    noCloseOnEscKey: { type: Boolean },
-    transitionName: {},
-    backdropClass: {},
-    backdropContentClass: {},
-    cancelText: {},
-    cancelButton: { type: [Boolean, Object] },
-    confirmText: {},
-    confirmButton: { type: [Boolean, Object] }
-  },
-  emits: ["open", "close"],
-  setup(i, { expose: s }) {
-    const l = i, a = N(() => import("./MazBtn-D7IKoL2c.mjs")), { dialogState: c, rejectDialog: y, resolveDialog: B, data: m } = ie(), g = D(() => {
-      var e;
-      return l.buttons ?? ((e = l.data) == null ? void 0 : e.buttons) ?? m.value.buttons;
-    }), t = D(() => ({
-      ...V,
-      ...m.value,
-      ...l.data
-    })), u = D(() => {
-      var b, o, $, w;
-      if (!(((b = m.value) == null ? void 0 : b.cancelButton) ?? ((o = l.data) == null ? void 0 : o.cancelButton) ?? V.cancelButton))
-        return;
-      const n = {
-        ...V.cancelButton,
-        ...($ = m.value) == null ? void 0 : $.cancelButton,
-        ...(w = l.data) == null ? void 0 : w.cancelButton
-      };
-      return {
-        ...n,
-        text: t.value.cancelText || n.text
-      };
-    }), r = D(() => {
-      var b, o, $, w;
-      if (!(((b = m.value) == null ? void 0 : b.confirmButton) ?? ((o = l.data) == null ? void 0 : o.confirmButton) ?? V.confirmButton))
-        return;
-      const n = {
-        ...V.confirmButton,
-        ...($ = m.value) == null ? void 0 : $.confirmButton,
-        ...(w = l.data) == null ? void 0 : w.confirmButton
-      };
-      return {
-        ...n,
-        text: t.value.confirmText || n.text
-      };
-    }), f = D(
-      () => c.value.find(({ id: e }) => e === l.identifier)
-    ), E = O();
-    s({
-      close: () => {
-        var e, n;
-        return (n = (e = E.value) == null ? void 0 : e.close) == null ? void 0 : n.call(e);
-      }
-    });
-    function M(e) {
-      return "type" in e && (e.type === "resolve" || e.type === "reject");
-    }
-    function P(e, n) {
-      return M(n) ? n.type === "resolve" ? B(e, n.response) : y(e, n.response) : B(e, void 0, n.action);
-    }
-    return (e, n) => {
-      var b;
-      return v(), h(le, A({
-        ref_key: "dialog",
-        ref: E
-      }, { ...e.$attrs, ...l }, {
-        "model-value": ((b = f.value) == null ? void 0 : b.isActive) ?? e.modelValue ?? !1,
-        onClose: n[2] || (n[2] = (o) => e.$emit("close", o)),
-        onOpen: n[3] || (n[3] = (o) => e.$emit("open", o)),
-        "onUpdate:modelValue": n[4] || (n[4] = (o) => p(y)(f.value))
-      }), {
-        title: k(() => [
-          d(`
-        @slot title slot - Place your title
-      `),
-          C(e.$slots, "title", {}, () => {
-            var o;
-            return [
-              T(
-                z(e.title || ((o = t.value) == null ? void 0 : o.title)),
-                1
-                /* TEXT */
-              )
-            ];
-          })
-        ]),
-        default: k(() => [
-          d(`
-        @slot Default slot - Place your content
-          @binding {Function} resolve resolve function
-          @binding {Function} reject reject function
-      `),
-          C(e.$slots, "default", {
-            resolve: (o) => p(B)(f.value, o),
-            reject: (o) => p(y)(f.value, o)
-          }, () => {
-            var o;
-            return [
-              T(
-                z(e.message || ((o = t.value) == null ? void 0 : o.message)),
-                1
-                /* TEXT */
-              )
-            ];
-          })
-        ]),
-        footer: k(() => [
-          d(`
-        @slot Footer slot
-          @binding {Function} resolve resolve function
-          @binding {Function} reject reject function
-      `),
-          C(e.$slots, "footer-button", {
-            resolve: (o) => p(B)(f.value, o),
-            reject: (o) => p(y)(f.value, o)
-          }, () => [
-            j("div", re, [
-              g.value ? (v(!0), S(
-                H,
-                { key: 0 },
-                Y(g.value, (o, $) => (v(), h(p(a), A({
-                  key: $,
-                  ref_for: !0
-                }, {
-                  ...o,
-                  type: "button"
-                }, {
-                  onClick: (w) => P(f.value, o)
-                }), {
-                  default: k(() => [
-                    T(
-                      z(o.text),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1040, ["onClick"]))),
-                128
-                /* KEYED_FRAGMENT */
-              )) : (v(), S(
-                H,
-                { key: 1 },
-                [
-                  u.value ? (v(), h(
-                    p(a),
-                    A({ key: 0 }, u.value, {
-                      onClick: n[0] || (n[0] = (o) => p(y)(f.value))
-                    }),
-                    {
-                      default: k(() => [
-                        d(`
-                @slot cancel-text slot - Place your cancel text
-              `),
-                        C(e.$slots, "cancel-text", {}, () => [
-                          T(
-                            z(u.value.text),
-                            1
-                            /* TEXT */
-                          )
-                        ])
-                      ]),
-                      _: 3
-                      /* FORWARDED */
-                    },
-                    16
-                    /* FULL_PROPS */
-                  )) : d("v-if", !0),
-                  r.value ? (v(), h(
-                    p(a),
-                    A({ key: 1 }, r.value, {
-                      onClick: n[1] || (n[1] = (o) => p(B)(f.value))
-                    }),
-                    {
-                      default: k(() => [
-                        d(`
-                @slot confirm-text slot - Place your confirm text
-              `),
-                        C(e.$slots, "confirm-text", {}, () => [
-                          T(
-                            z(r.value.text),
-                            1
-                            /* TEXT */
-                          )
-                        ])
-                      ]),
-                      _: 3
-                      /* FORWARDED */
-                    },
-                    16
-                    /* FULL_PROPS */
-                  )) : d("v-if", !0)
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              ))
-            ])
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["model-value"]);
-    };
-  }
-});
-export {
-  ne as _,
-  de as a,
-  ie as u
-};