maz-ui 3.29.1 → 3.29.3

package/components/MazDropdown.mjs

@@ -1,19 +1,19 @@
 import "./assets/MazDropdown.css";
-import { computed as K, defineComponent as P, defineAsyncComponent as M, getCurrentInstance as G, ref as B, watch as E, openBlock as f, createElementBlock as v, unref as u, normalizeClass as b, normalizeStyle as J, createElementVNode as k, withModifiers as A, createCommentVNode as d, toDisplayString as $, renderSlot as y, createVNode as O, mergeProps as Q, withCtx as h, createBlock as I, Transition as W, Fragment as L, renderList as X, resolveDynamicComponent as Y, createTextVNode as Z } from "vue";
-const x = ({
-  componentName: m,
+import { computed as K, defineComponent as P, defineAsyncComponent as M, getCurrentInstance as G, ref as B, watch as E, openBlock as p, createElementBlock as k, unref as u, normalizeClass as v, normalizeStyle as J, createElementVNode as b, withModifiers as A, createCommentVNode as c, toDisplayString as $, renderSlot as w, createVNode as O, mergeProps as Q, withCtx as h, createBlock as I, Transition as W, withDirectives as X, Fragment as S, renderList as Y, resolveDynamicComponent as Z, createTextVNode as x, vShow as _ } from "vue";
+const ee = ({
+  componentName: f,
   instance: i,
-  providedId: c
-}) => K(() => c ?? `${m}-${i == null ? void 0 : i.uid}`);
-function _(m, i) {
-  let c;
-  return function(...w) {
-    clearTimeout(c), c = setTimeout(() => {
-      m.apply(this, w);
+  providedId: d
+}) => K(() => d ?? `${f}-${i == null ? void 0 : i.uid}`);
+function oe(f, i) {
+  let d;
+  return function(...y) {
+    clearTimeout(d), d = setTimeout(() => {
+      f.apply(this, y);
     }, i);
   };
 }
-const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only" }, te = { class: "maz-flex maz-items-center maz-gap-2" }, se = /* @__PURE__ */ P({
+const ne = ["id"], te = ["aria-expanded", "onClick"], le = { class: "maz-sr-only" }, re = { class: "maz-flex maz-items-center maz-gap-2" }, ae = /* @__PURE__ */ P({
   inheritAttrs: !1,
   __name: "MazDropdown",
   props: {
@@ -42,17 +42,17 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
      */
     "update:open"
   ],
-  setup(m, { emit: i }) {
-    const c = M(() => import("./chunks/MazBtn-1wfj_m47.mjs").then((e) => e.M)), w = M(() => import("./chunks/chevron-down-bC0s_0yH.mjs")), l = m, C = i, D = x({
+  setup(f, { emit: i }) {
+    const d = M(() => import("./chunks/MazBtn-1wfj_m47.mjs").then((e) => e.M)), y = M(() => import("./chunks/chevron-down-bC0s_0yH.mjs")), l = f, C = i, D = ee({
       componentName: "MazCheckbox",
       instance: G(),
       providedId: l.id
     }), r = B(l.open), t = B();
-    function N() {
+    function L() {
       s(!r.value);
     }
-    function S() {
-      ["click"].includes(l.trigger) && N();
+    function N() {
+      ["click"].includes(l.trigger) && L();
     }
     function F() {
       ["hover", "both"].includes(l.trigger) && s(!0);
@@ -68,7 +68,7 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
     }
     const s = (e) => {
       l.disabled || (r.value = e, C("update:open", e));
-    }, a = _((e) => {
+    }, a = oe((e) => {
       s(e);
     }, 200);
     async function j(e, n) {
@@ -85,11 +85,11 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
       ["ArrowDown", "ArrowUp", "Enter"].includes(e.key) && r.value === !1 && (e.preventDefault(), s(!0));
     }
     function H(e) {
-      var p;
+      var m;
       e.preventDefault();
       const n = e.key;
       r.value || s(!0);
-      const o = (p = l.items) == null ? void 0 : p.length;
+      const o = (m = l.items) == null ? void 0 : m.length;
       o && (typeof t.value == "number" ? t.value === o - 1 && n === "ArrowDown" ? t.value = 0 : t.value === 0 && n === "ArrowUp" ? t.value = o - 1 : t.value = n === "ArrowDown" ? t.value + 1 : t.value - 1 : t.value = n === "ArrowDown" ? 0 : o - 1);
     }
     return E(
@@ -100,66 +100,68 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
     ), E(
       () => l.open,
       (e) => s(e)
-    ), (e, n) => (f(), v("div", {
+    ), (e, n) => (p(), k("div", {
       id: u(D),
-      class: b(["m-dropdown", [l.class]]),
+      class: v(["m-dropdown", [l.class]]),
       style: J(e.style)
     }, [
-      k("div", {
+      b("div", {
         role: "button",
         tabindex: "0",
         class: "maz-h-full maz-w-full maz-outline-none",
         "aria-expanded": r.value,
         "aria-haspopup": "menu",
-        onClick: A(S, ["stop"]),
+        onClick: A(N, ["stop"]),
         onFocus: F,
         onBlur: V,
         onKeydown: q,
         onMouseenter: T,
         onMouseleave: U
       }, [
-        d(`
+        c(`
           @slot Custom Element
             @binding {Boolen} is-open close function
             @default \`<MazBtn />\`
         `),
-        k(
+        b(
           "span",
-          ne,
+          le,
           $(e.screenReaderDescription),
           1
           /* TEXT */
         ),
-        y(e.$slots, "element", { isOpen: r.value }, () => [
-          O(u(c), Q({
+        w(e.$slots, "element", { isOpen: r.value }, () => [
+          O(u(d), Q({
             color: e.color,
             disabled: e.disabled
           }, e.$attrs, { tabindex: "-1" }), {
             default: h(() => [
-              k("span", te, [
-                d(" @slot Button text "),
-                y(e.$slots, "default"),
-                e.noChevron ? d("v-if", !0) : (f(), I(u(w), {
+              b("span", re, [
+                c(" @slot Button text "),
+                w(e.$slots, "default"),
+                e.noChevron ? c("v-if", !0) : (p(), I(u(y), {
                   key: 0,
-                  class: b([{ "maz-rotate-180": r.value }, "maz-text-lg maz-transition-transform maz-duration-200 maz-ease-in-out"])
+                  class: v([{ "maz-rotate-180": r.value }, "maz-text-lg maz-transition-transform maz-duration-200 maz-ease-in-out"])
                 }, null, 8, ["class"]))
               ]),
-              d(" @slot Menu Label ")
+              c(" @slot Menu Label ")
             ]),
             _: 3
             /* FORWARDED */
           }, 16, ["color", "disabled"])
         ])
-      ], 40, oe),
-      O(W, { name: "maz-scale-fade" }, {
+      ], 40, te),
+      O(W, {
+        name: "maz-scale-fade",
+        persisted: ""
+      }, {
         default: h(() => [
-          r.value ? (f(), v(
+          X(b(
             "div",
             {
-              key: 0,
               role: "menu",
               "aria-label": "Menu",
-              class: b(["menu", {
+              class: v(["menu", {
                 "--top": e.position.includes("top"),
                 "--left": e.position.includes("left"),
                 "--right": e.position.includes("right"),
@@ -172,27 +174,27 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
               onMouseleave: n[3] || (n[3] = (o) => ["hover", "both"].includes(e.trigger) ? u(a)(!1) : void 0)
             },
             [
-              (f(!0), v(
-                L,
+              (p(!0), k(
+                S,
                 null,
-                X(e.items, (o, p) => (f(), v(
-                  L,
+                Y(e.items, (o, m) => (p(), k(
+                  S,
                   null,
                   [
-                    d(`
+                    c(`
             @slot Custom menu item
               @binding {Object} item - menu item
           `),
-                    y(e.$slots, "menuitem", { item: o }, () => [
-                      (f(), I(Y(o.to ? "router-link" : o.action ? "button" : "a"), {
-                        key: p,
+                    w(e.$slots, "menuitem", { item: o }, () => [
+                      (p(), I(Z(o.to ? "router-link" : o.action ? "button" : "a"), {
+                        key: m,
                         href: o.href,
                         tabindex: "-1",
                         target: o.href ? o.target ?? "_self" : void 0,
                         type: o.action ? "button" : void 0,
-                        class: b([[
+                        class: v([[
                           {
-                            "--is-keyboard-selected": t.value === p
+                            "--is-keyboard-selected": t.value === m
                           },
                           o.class
                         ], "menuitem"]),
@@ -200,12 +202,12 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
                         onClick: A((R) => o.action ? j(o, R) : g(), ["stop"])
                       }, {
                         default: h(() => [
-                          d(`
+                          c(`
                 @slot Custom menu item label
                   @binding {Object} item - menu item
               `),
-                          y(e.$slots, "menuitem-label", { item: o }, () => [
-                            Z(
+                          w(e.$slots, "menuitem-label", { item: o }, () => [
+                            x(
                               $(o.label),
                               1
                               /* TEXT */
@@ -226,14 +228,16 @@ const ee = ["id"], oe = ["aria-expanded", "onClick"], ne = { class: "maz-sr-only
             ],
             34
             /* CLASS, NEED_HYDRATION */
-          )) : d("v-if", !0)
+          ), [
+            [_, r.value]
+          ])
         ]),
         _: 3
         /* FORWARDED */
       })
-    ], 14, ee));
+    ], 14, ne));
   }
 });
 export {
-  se as default
+  ae as default
 };

package/components/MazFullscreenLoader.mjs

@@ -1,23 +1,32 @@
-import { defineComponent as t, defineAsyncComponent as n, openBlock as o, createElementBlock as a, createVNode as l, unref as s, renderSlot as m, createCommentVNode as c } from "vue";
-const d = { class: "maz-fixed maz-inset-0 maz-z-default-backdrop maz-flex maz-flex-col maz-gap-2 maz-bg-overlay maz-text-center maz-backdrop-blur maz-flex-center" }, i = { key: 0 }, u = /* @__PURE__ */ t({
+import "./assets/MazFullscreenLoader.css";
+import { defineComponent as s, defineAsyncComponent as l, onMounted as m, onUnmounted as c, openBlock as o, createElementBlock as n, createVNode as d, unref as u, renderSlot as i, createCommentVNode as p } from "vue";
+const z = { class: "maz-fixed maz-inset-0 maz-z-default-backdrop maz-flex maz-flex-col maz-gap-2 maz-bg-overlay maz-text-center maz-backdrop-blur maz-flex-center" }, f = { key: 0 }, C = /* @__PURE__ */ s({
   __name: "MazFullscreenLoader",
   props: {
     color: { default: "primary" },
     size: { default: "3em" }
   },
-  setup(p) {
-    const r = n(() => import("./chunks/MazSpinner-FtzF9BUn.mjs"));
-    return (e, z) => (o(), a("div", d, [
-      l(s(r), {
+  setup(_) {
+    const t = l(() => import("./chunks/MazSpinner-FtzF9BUn.mjs")), a = () => {
+      document.documentElement.classList.add("--maz-fullscreen-loader-present");
+    }, r = async () => {
+      document.documentElement.classList.remove("--maz-fullscreen-loader-present");
+    };
+    return m(() => {
+      a();
+    }), c(() => {
+      r();
+    }), (e, k) => (o(), n("div", z, [
+      d(u(t), {
         color: e.color,
         size: e.size
       }, null, 8, ["color", "size"]),
-      e.$slots.default ? (o(), a("span", i, [
-        m(e.$slots, "default")
-      ])) : c("v-if", !0)
+      e.$slots.default ? (o(), n("span", f, [
+        i(e.$slots, "default")
+      ])) : p("v-if", !0)
     ]));
   }
 });
 export {
-  u as default
+  C as default
 };

package/components/MazInputNumber.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputNumber-m-H5m2ud.mjs";
+import { a as f } from "./chunks/MazInputNumber-nZPwmWuy.mjs";
 export {
   f as default
 };

package/components/MazPullToRefresh.mjs

@@ -1,185 +1,4 @@
-import "./assets/MazPullToRefresh.css";
-import { defineComponent as P, computed as p, ref as _, watch as R, onUnmounted as x, resolveComponent as V, openBlock as c, createElementBlock as v, normalizeClass as M, normalizeStyle as Y, renderSlot as f, createCommentVNode as y, createElementVNode as b, createVNode as $, pushScopeId as N, popScopeId as A } from "vue";
-function L() {
-  return typeof document < "u";
-}
-function H() {
-  if (!L())
-    return !1;
-  const o = navigator, d = window.matchMedia("(display-mode: standalone)").matches;
-  return o.standalone || d;
-}
-const k = (o) => (N("data-v-a874f56d"), o = o(), A(), o), q = {
-  key: 0,
-  class: "header-text"
-}, D = /* @__PURE__ */ k(() => /* @__PURE__ */ b(
-  "span",
-  null,
-  "Pull to refresh",
-  -1
-  /* HOISTED */
-)), F = {
-  key: 1,
-  class: "header-text"
-}, O = /* @__PURE__ */ k(() => /* @__PURE__ */ b(
-  "span",
-  null,
-  " Release to refresh ",
-  -1
-  /* HOISTED */
-)), U = {
-  key: 2,
-  class: "header-text"
-}, j = { class: "maz-flex maz-flex-col maz-flex-center" }, G = /* @__PURE__ */ P({
-  __name: "MazPullToRefresh",
-  props: {
-    distance: { default: 100 },
-    offset: { default: 0 },
-    action: { type: Function, default: void 0 },
-    containerSelector: { default: void 0 },
-    headerClass: { default: void 0 },
-    spinnerColor: { default: "theme" },
-    disabled: { type: Boolean, default: !1 },
-    standaloneMode: { type: Boolean, default: !1 }
-  },
-  emits: ["loaded", "start", "error", "finish", "response"],
-  setup(o, { emit: d }) {
-    const a = o, r = d, l = p(
-      () => a.disabled || a.action === void 0 || a.standaloneMode && L() && !H()
-    ), m = _({
-      top: 0,
-      bottom: 0
-    }), t = _({
-      from: -1,
-      to: -1,
-      distance: 0,
-      available: !1,
-      state: "end"
-    }), i = _(!1), s = p(() => {
-      if (typeof document > "u" || l.value)
-        return;
-      const e = a.containerSelector ? document.querySelector(a.containerSelector) : document.body;
-      if (!e)
-        throw new Error("MazPullToRefresh - container not found");
-      return e;
-    }), h = p(() => t.value.state !== "move" && t.value.state !== "end" || l.value ? 0 : t.value.distance > a.distance ? a.distance : t.value.distance);
-    function T(e) {
-      const { top: n, height: u } = e.getBoundingClientRect();
-      m.value = {
-        top: n,
-        bottom: window.innerHeight - (u + n + a.offset)
-      };
-    }
-    function g(e) {
-      i.value = e;
-    }
-    function w(e) {
-      if (i.value || m.value.top < 0 && m.value.bottom < 0 || l.value)
-        return;
-      const n = e.touches.item(0);
-      n && (t.value.state = "start", t.value.from = n.pageY);
-    }
-    function S(e) {
-      if (i.value || t.value.from < 0 || window.scrollY > 0 || l.value)
-        return;
-      const n = e.touches.item(0);
-      if (!n)
-        return;
-      t.value.to = n.pageY;
-      const u = t.value.to - t.value.from;
-      t.value.distance = u > 0 ? u : 0, t.value.available = t.value.distance >= a.distance, t.value.state = "move";
-    }
-    function E() {
-      i.value || l.value || (h.value === a.distance && t.value.state === "move" && window.scrollY <= 0 ? B() : z());
-    }
-    function z() {
-      t.value = {
-        from: -1,
-        to: -1,
-        distance: 0,
-        available: !1,
-        state: "end"
-      };
-    }
-    async function B() {
-      var e;
-      try {
-        g(!0), r("start");
-        const n = await ((e = a.action) == null ? void 0 : e.call(a));
-        r("loaded"), r("response", n);
-      } catch (n) {
-        throw r("error", n), n;
-      } finally {
-        z(), g(!1), r("finish");
-      }
-    }
-    R(
-      () => l.value,
-      (e) => {
-        e === !0 ? C() : I();
-      },
-      { immediate: !0 }
-    );
-    function I() {
-      !s.value || l.value || document === void 0 || (s.value.addEventListener("touchstart", w), s.value.addEventListener("touchmove", S), s.value.addEventListener("touchend", E), T(s.value));
-    }
-    function C() {
-      !s.value || document === void 0 || (s.value.removeEventListener("touchstart", w), s.value.removeEventListener("touchmove", S), s.value.removeEventListener("touchend", E));
-    }
-    return x(() => {
-      C();
-    }), (e, n) => {
-      const u = V("MazSpinner");
-      return c(), v(
-        "div",
-        {
-          class: M(["m-pull-to-refresh", { "--available": t.value.available || h.value > 10 }])
-        },
-        [
-          l.value ? y("v-if", !0) : (c(), v(
-            "div",
-            {
-              key: 0,
-              class: M(["loading-header", e.headerClass]),
-              style: Y({ height: h.value + "px" })
-            },
-            [
-              t.value.available ? t.value.available && !i.value ? (c(), v("div", F, [
-                f(e.$slots, "pull-ready", {}, () => [
-                  O
-                ], !0)
-              ])) : y("v-if", !0) : (c(), v("div", q, [
-                f(e.$slots, "pull-before", {}, () => [
-                  D
-                ], !0)
-              ])),
-              i.value ? (c(), v("div", U, [
-                f(e.$slots, "pull-loading", {}, () => [
-                  b("div", j, [
-                    $(u, {
-                      color: e.spinnerColor,
-                      size: "2.5em"
-                    }, null, 8, ["color"])
-                  ])
-                ], !0)
-              ])) : y("v-if", !0)
-            ],
-            6
-            /* CLASS, STYLE */
-          )),
-          f(e.$slots, "default", {}, void 0, !0)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-}), J = (o, d) => {
-  const a = o.__vccOpts || o;
-  for (const [r, l] of d)
-    a[r] = l;
-  return a;
-}, W = /* @__PURE__ */ J(G, [["__scopeId", "data-v-a874f56d"]]);
+import { M as f } from "./chunks/MazPullToRefresh-l6zWVzfv.mjs";
 export {
-  W as default
+  f as default
 };