maz-ui 3.47.2-beta.9 → 3.48.0

package/components/chunks/MazDrawer-BqNLfW4e.mjs

@@ -0,0 +1,226 @@
+import { defineComponent as L, ref as F, onMounted as I, watch as K, nextTick as M, openBlock as p, createBlock as T, Teleport as U, createVNode as $, Transition as X, withCtx as E, createElementBlock as N, mergeProps as G, createElementVNode as i, normalizeClass as h, withModifiers as H, renderSlot as B, createCommentVNode as P, defineAsyncComponent as D, computed as g, useSlots as J, normalizeStyle as Q, createTextVNode as R, toDisplayString as W, unref as V } from "vue";
+import '../assets/MazDrawer.css';const Y = {
+  role: "dialog",
+  class: "m-backdrop-container",
+  "aria-modal": "true"
+}, Z = { class: "m-backdrop-wrapper" }, j = "--backdrop-present", x = /* @__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(n, { expose: r, emit: d }) {
+    const l = d;
+    function f() {
+      document.documentElement.classList.add(j);
+    }
+    function v() {
+      document.querySelector(".m-backdrop.--present") || document.documentElement.classList.remove(j);
+    }
+    const c = F(n.modelValue);
+    function u() {
+      t(!1);
+    }
+    async function t(e) {
+      var s;
+      e || (l("before-close"), await ((s = n.beforeClose) == null ? void 0 : s.call(n))), c.value = e;
+    }
+    function o() {
+      l("open");
+    }
+    function a() {
+      l("update:model-value", !1), l("close"), b();
+    }
+    function y() {
+      n.persistent || u();
+    }
+    function k(e) {
+      !n.noCloseOnEscKey && e.key === "Escape" && !n.persistent && u();
+    }
+    function z() {
+      f(), document.addEventListener("keyup", k, !1);
+    }
+    function b() {
+      document.removeEventListener("keyup", k), v();
+    }
+    I(() => {
+      n.modelValue ? z() : b();
+    });
+    let m = null;
+    function q(e) {
+      const s = document.querySelector(e), C = s && Array.from(s.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select')), w = C == null ? void 0 : C.filter((S) => {
+        const A = window.getComputedStyle(S);
+        return A.display !== "none" && A.visibility !== "hidden" && !S.disabled;
+      });
+      return w && w.length > 0 ? w[0] : null;
+    }
+    return K(
+      () => n.modelValue,
+      async (e) => {
+        if (c.value = e, e) {
+          z(), m = document.activeElement, await M();
+          const s = q(".m-backdrop-content");
+          s == null || s.focus();
+        } else
+          b(), await M(), m == null || m.focus();
+      }
+    ), r({
+      onBackdropAnimationEnter: o,
+      onBackdropAnimationLeave: a,
+      onBackdropClicked: y,
+      close: u,
+      present: c,
+      toggleModal: t,
+      onKeyPress: k
+    }), (e, s) => (p(), T(U, { to: e.teleportSelector }, [
+      $(X, {
+        appear: "",
+        name: e.transitionName,
+        onAfterEnter: o,
+        onAfterLeave: a
+      }, {
+        default: E(() => [
+          c.value ? (p(), N(
+            "div",
+            G({
+              key: 0,
+              class: "m-backdrop --present m-reset-css"
+            }, e.$attrs, {
+              class: [e.backdropClass, e.variant && `--variant-${e.variant}`, { "--persistent": e.persistent }]
+            }),
+            [
+              i("div", Y, [
+                i("div", Z, [
+                  i(
+                    "div",
+                    {
+                      class: h(["m-backdrop-content", [e.backdropContentClass, `--justify-${e.justify}`, `--align-${e.align}`, { "--padding": e.contentPadding }]]),
+                      role: "button",
+                      tabindex: "-1",
+                      onClick: H(y, ["self"])
+                    },
+                    [
+                      B(e.$slots, "default", {
+                        close: u,
+                        onBackdropClicked: y
+                      }, void 0, !0)
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ])
+            ],
+            16
+            /* FULL_PROPS */
+          )) : P("v-if", !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["name"])
+    ], 8, ["to"]));
+  }
+}), O = (n, r) => {
+  const d = n.__vccOpts || n;
+  for (const [l, f] of r)
+    d[l] = f;
+  return d;
+}, _ = /* @__PURE__ */ O(x, [["__scopeId", "data-v-90448c91"]]), ee = { class: "m-drawer-header__title" }, te = {
+  key: 0,
+  class: "m-drawer-header__close"
+}, ne = { class: "m-drawer-body" }, oe = /* @__PURE__ */ L({
+  __name: "MazDrawer",
+  props: {
+    title: { default: void 0 },
+    variant: { default: "right" },
+    size: { default: "30rem" },
+    backdropClass: { default: void 0 },
+    noClose: { type: Boolean, default: !1 }
+  },
+  emits: ["before-close", "open", "close", "update:model-value"],
+  setup(n) {
+    const r = n, d = D(() => import("./MazBtn-BcrrOaO_.mjs")), l = D(() => import("./x-mark-CnZwVvA7.mjs")), f = g(() => r.variant === "left" ? "start" : r.variant === "right" ? "end" : "none"), v = g(() => r.variant === "top" ? "start" : r.variant === "bottom" ? "end" : "none"), c = J(), u = g(() => !!(r.title || c.title));
+    return (t, o) => (p(), T(_, {
+      "backdrop-class": ["m-drawer", t.backdropClass],
+      justify: f.value,
+      align: v.value,
+      variant: "drawer",
+      "transition-name": `drawer-anim-${t.variant}`,
+      onClose: o[0] || (o[0] = (a) => t.$emit("close")),
+      onOpen: o[1] || (o[1] = (a) => t.$emit("open")),
+      onBeforeClose: o[2] || (o[2] = (a) => t.$emit("before-close")),
+      "onUpdate:modelValue": o[3] || (o[3] = (a) => t.$emit("update:model-value", a))
+    }, {
+      default: E(({ close: a }) => [
+        i(
+          "div",
+          {
+            class: h(["m-drawer-content-wrap", [`--${t.variant}`]]),
+            style: Q({
+              "--maz-drawer-size": t.size
+            })
+          },
+          [
+            i(
+              "header",
+              {
+                class: h(["m-drawer-header", [u.value ? "--justify-between" : "--justify-end"]])
+              },
+              [
+                i("h4", ee, [
+                  B(t.$slots, "title", { close: a }, () => [
+                    R(
+                      W(t.title),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ]),
+                t.noClose ? P("v-if", !0) : (p(), N("div", te, [
+                  $(V(d), {
+                    size: "sm",
+                    color: "transparent",
+                    onClick: a
+                  }, {
+                    default: E(() => [
+                      $(V(l), { class: "icon maz-text-lg" })
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"])
+                ]))
+              ],
+              2
+              /* CLASS */
+            ),
+            i("div", ne, [
+              B(t.$slots, "default", { close: a }, void 0, !0)
+            ])
+          ],
+          6
+          /* CLASS, STYLE */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["backdrop-class", "justify", "align", "transition-name"]));
+  }
+}), re = /* @__PURE__ */ O(oe, [["__scopeId", "data-v-f0b7ef9f"]]);
+export {
+  re as M,
+  O as _
+};

package/components/chunks/{MazDropdown-CKuIGitT.mjs → MazDropdown-DNXKdC_3.mjs}

@@ -1,10 +1,9 @@
-import { useId as re, computed as M, nextTick as Y, inject as le, defineComponent as Z, ref as A, onMounted as se, watchEffect as ie, openBlock as w, createElementBlock as E, mergeProps as I, createCommentVNode as R, defineAsyncComponent as F, watch as K, withDirectives as Q, unref as m, normalizeClass as S, normalizeStyle as X, createElementVNode as J, withModifiers as H, renderSlot as g, createTextVNode as V, toDisplayString as q, createVNode as W, createSlots as ae, withCtx as $, createBlock as D, resolveDynamicComponent as ue, Transition as de, Fragment as ce, renderList as fe, vShow as pe } from "vue";
+import { computed as M, useId as re, nextTick as Y, inject as le, defineComponent as Z, ref as A, onMounted as se, watchEffect as ie, openBlock as w, createElementBlock as E, mergeProps as I, createCommentVNode as R, defineAsyncComponent as F, watch as K, withDirectives as Q, unref as m, normalizeClass as S, normalizeStyle as X, createElementVNode as J, withModifiers as H, renderSlot as g, createTextVNode as V, toDisplayString as q, createVNode as W, createSlots as ae, withCtx as $, createBlock as D, resolveDynamicComponent as ue, Transition as de, Fragment as ce, renderList as fe, vShow as pe } from "vue";
 import '../assets/MazDropdown.css';function me({
   componentName: l,
   providedId: s
 }) {
-  const n = re();
-  return M(() => s ?? `${l}-${n}`);
+  return M(() => s ?? `${l}-${re().replace(/:/g, "")}`);
 }
 const O = "__maz-click-outside__";
 function _() {
@@ -148,6 +147,7 @@ const ge = ["innerHTML"], be = /* @__PURE__ */ Z({
       key: 0,
       ref_key: "svgElem",
       ref: h,
+      class: "m-icon m-reset-css",
       width: "1em",
       height: "1em"
     }, {
@@ -186,7 +186,7 @@ const ge = ["innerHTML"], be = /* @__PURE__ */ Z({
     const n = l, f = s, p = me({
       componentName: "MazDropdown",
       providedId: n.id
-    }), v = F(() => import("./MazBtn-DhSKmF01.mjs")), h = F(() => import("./MazLink-mrqHeBS0.mjs")), T = F(() => import("./chevron-down-BkvtON3b.mjs")), u = A(n.open), d = A(), C = M(() => n.size === "xl" ? "maz-text-lg" : n.size === "lg" || n.size === "md" || n.size === "sm" ? "maz-text-base" : n.size === "xs" || n.size === "mini" ? "maz-text-sm" : "maz-text-lg"), y = we((e) => {
+    }), v = F(() => import("./MazBtn-DETtZdlj.mjs")), h = F(() => import("./MazLink-DlUG7E5K.mjs")), T = F(() => import("./chevron-down-BkvtON3b.mjs")), u = A(n.open), d = A(), C = M(() => n.size === "xl" ? "maz-text-lg" : n.size === "lg" || n.size === "md" || n.size === "sm" ? "maz-text-base" : n.size === "xs" || n.size === "mini" ? "maz-text-sm" : "maz-text-lg"), y = we((e) => {
       r(e);
     }, 200);
     function L() {
@@ -250,7 +250,7 @@ const ge = ["innerHTML"], be = /* @__PURE__ */ Z({
       (e) => r(e)
     ), (e, c) => Q((w(), E("div", {
       id: m(p),
-      class: S(["m-dropdown", [n.class, { "--block": e.block }]]),
+      class: S(["m-dropdown m-reset-css", [n.class, { "--block": e.block }]]),
       style: X(e.style)
     }, [
       J("div", {

package/components/chunks/{MazDropzone-DKFkgqqD.mjs → MazDropzone-n0JE92da.mjs}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as H, defineComponent as Q, ref as z, computed as
 import '../assets/MazDropzone.css';function G(n) {
   return n.default ?? n;
 }
-const K = H(() => import("./MazSpinner-DjM6ktPY.mjs")), P = `<div class="dz-preview dz-file-preview maz-flex-1">
+const K = H(() => import("./MazSpinner-B_THFs0t.mjs")), P = `<div class="dz-preview dz-file-preview maz-flex-1">
   <div class="dz-image">
       <div data-dz-thumbnail-bg></div>
   </div>
@@ -159,7 +159,7 @@ function te(n, t, d, p, e, g) {
       ref: "ButtonElement",
       type: "button",
       name: "maz-dropzone",
-      class: "maz-dropzone",
+      class: "maz-dropzone m-reset-css",
       style: W([n.dropzoneStyle])
     },
     [

package/components/chunks/{MazExpandAnimation-Bdf0-L85.mjs → MazExpandAnimation-B04WMwpW.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as l, mergeModels as m, useModel as u, ref as s, onMounted as f, onUnmounted as p, openBlock as v, createElementBlock as c, normalizeClass as _, normalizeStyle as x, createElementVNode as E, mergeProps as h, renderSlot as g } from "vue";
-import { _ as M } from "./MazStepper-B3fuhbye.mjs";
+import { defineComponent as l, mergeModels as m, useModel as u, ref as r, onMounted as f, onUnmounted as p, openBlock as v, createElementBlock as c, normalizeClass as _, normalizeStyle as x, createElementVNode as E, mergeProps as h, renderSlot as g } from "vue";
+import { _ as M } from "./MazStepper-DtAqtJjn.mjs";
 import '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__PURE__ */ l({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
@@ -12,23 +12,23 @@ import '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__P
   }),
   emits: ["update:modelValue"],
   setup(d) {
-    const a = u(d, "modelValue"), i = s(!a.value), t = s();
+    const a = u(d, "modelValue"), i = r(!a.value), t = r();
     function o() {
       a.value || (i.value = !0);
     }
-    function r() {
+    function s() {
       a.value && (i.value = !1);
     }
     return f(() => {
       var e, n;
-      (e = t.value) == null || e.addEventListener("transitionstart", o, !1), (n = t.value) == null || n.addEventListener("transitionend", r, !1);
+      (e = t.value) == null || e.addEventListener("transitionstart", o, !1), (n = t.value) == null || n.addEventListener("transitionend", s, !1);
     }), p(() => {
       var e, n;
-      (e = t.value) == null || e.removeEventListener("transitionstart", o, !1), (n = t.value) == null || n.removeEventListener("transitionend", r, !1);
+      (e = t.value) == null || e.removeEventListener("transitionstart", o, !1), (n = t.value) == null || n.removeEventListener("transitionend", s, !1);
     }), (e, n) => (v(), c("div", {
       ref_key: "expandAnimationRef",
       ref: t,
-      class: _(["m-expand-animation", { "m-expand-animation--expanded": a.value }]),
+      class: _(["m-expand-animation m-reset-css", { "m-expand-animation--expanded": a.value }]),
       "aria-hidden": !a.value,
       role: "region",
       style: x([{ "--expand-animation-duration": e.duration, "--expand-animation-timing-function": e.timingFunction }])
@@ -48,7 +48,7 @@ import '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__P
       )
     ], 14, A));
   }
-}), V = /* @__PURE__ */ M(y, [["__scopeId", "data-v-3bfdfbc1"]]);
+}), V = /* @__PURE__ */ M(y, [["__scopeId", "data-v-058a2912"]]);
 export {
   V as default
 };

package/components/chunks/MazFullscreenLoader-XF8wIEcL.mjs

@@ -0,0 +1,48 @@
+import { defineComponent as l, defineAsyncComponent as c, onMounted as a, onUnmounted as d, openBlock as s, createBlock as m, Teleport as u, createElementVNode as p, mergeProps as i, createVNode as f, unref as _, createElementBlock as z, renderSlot as v, createCommentVNode as k } from "vue";
+import '../assets/MazFullscreenLoader.css';const y = { key: 0 }, C = /* @__PURE__ */ l({
+  __name: "MazFullscreenLoader",
+  props: {
+    color: { default: "primary" },
+    size: { default: "3em" },
+    teleportSelector: { default: "body" }
+  },
+  setup(t) {
+    const r = c(() => import("./MazSpinner-C7_Q1K-e.mjs"));
+    function o() {
+      document.documentElement.classList.add("--maz-fullscreen-loader-present");
+    }
+    function n() {
+      document.documentElement.classList.remove("--maz-fullscreen-loader-present");
+    }
+    return a(() => {
+      o();
+    }), d(() => {
+      n();
+    }), (e, E) => (s(), m(u, { to: e.teleportSelector }, [
+      p(
+        "div",
+        i({ class: "m-fullscreen-loader m-reset-css" }, e.$attrs),
+        [
+          f(_(r), {
+            color: e.color,
+            size: e.size
+          }, null, 8, ["color", "size"]),
+          e.$slots.default ? (s(), z("span", y, [
+            v(e.$slots, "default", {}, void 0, !0)
+          ])) : k("v-if", !0)
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ], 8, ["to"]));
+  }
+}), M = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [n, e] of r)
+    o[n] = e;
+  return o;
+}, S = /* @__PURE__ */ M(C, [["__scopeId", "data-v-7c1470b6"]]);
+export {
+  S as M,
+  M as _
+};