maz-ui 3.49.0 → 3.49.2

package/components/MazAnimatedCounter.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as v, useSlots as x, computed as l, ref as y, watch as _, openBlock as c, createElementBlock as m, normalizeClass as h, normalizeStyle as z, createElementVNode as C, renderSlot as i, createTextVNode as o, toDisplayString as a, createCommentVNode as S } from "vue";
-import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k = {
-  key: 0,
-  class: "m-animated-counter__fix"
-}, A = /* @__PURE__ */ v({
+import { defineComponent as A, ref as x, watch as g, openBlock as q, createElementBlock as C, createElementVNode as M, renderSlot as u, createTextVNode as o, toDisplayString as r } from "vue";
+import './assets/MazAnimatedCounter.css';function T() {
+  return typeof document < "u";
+}
+const V = { class: "m-animated-counter m-reset-css" }, $ = { class: "maz-sr-only" }, k = /* @__PURE__ */ A({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -11,79 +11,84 @@ import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k =
     suffix: { default: void 0 },
     delay: { default: 100 }
   },
-  setup(n) {
-    const t = n, s = x(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), f = y(!0);
-    _(
-      () => t.count,
-      (e, d) => {
-        e !== d && (f.value = !1, setTimeout(() => {
-          f.value = !0;
-        }, t.delay));
+  setup(a) {
+    const s = a, t = x(0);
+    function i() {
+      return typeof window > "u" || !window.requestAnimationFrame ? (e) => (setTimeout(e, 1e3 / 60), 0) : window.requestAnimationFrame.bind(window);
+    }
+    function f(e, n, d, w) {
+      const c = i();
+      if (!T()) {
+        t.value = n;
+        return;
       }
-    );
-    const p = l(() => `${t.duration}ms`);
-    return (e, d) => (c(), m(
-      "span",
-      {
-        class: h(["m-animated-counter m-reset-css", {
-          "--animated": f.value,
-          "--prefixed": r.value,
-          "--suffixed": u.value
-        }]),
-        style: z({
-          "--count": e.count,
-          "--animation-duration": p.value
-        })
+      t.value = e, setTimeout(() => {
+        const v = performance.now(), m = (y = performance.now()) => {
+          const _ = y - v, l = Math.min(_ / d, 1), h = (p) => p * (2 - p);
+          t.value = Math.round(
+            e + (n - e) * h(l)
+          ), l < 1 && c(m);
+        };
+        c(m);
+      }, w);
+    }
+    return g(
+      () => s.count,
+      (e, n) => {
+        if (e === n)
+          return;
+        f(n ?? 0, e, s.duration, s.delay);
       },
-      [
-        C("span", $, [
-          i(e.$slots, "prefix", {}, () => [
-            o(
-              a(e.prefix),
-              1
-              /* TEXT */
-            )
-          ], !0),
+      { immediate: !0 }
+    ), (e, n) => (q(), C("span", V, [
+      M("span", $, [
+        u(e.$slots, "prefix", {}, () => [
           o(
-            " " + a(e.count) + " ",
+            r(e.prefix),
             1
             /* TEXT */
-          ),
-          i(e.$slots, "suffix", {}, () => [
-            o(
-              a(e.suffix),
-              1
-              /* TEXT */
-            )
-          ], !0)
-        ]),
-        r.value || u.value ? (c(), m("span", k, [
-          i(e.$slots, "prefix", {}, () => [
-            o(
-              a(e.prefix),
-              1
-              /* TEXT */
-            )
-          ], !0),
-          i(e.$slots, "suffix", {}, () => [
-            o(
-              a(e.suffix),
-              1
-              /* TEXT */
-            )
-          ], !0)
-        ])) : S("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+          )
+        ], !0),
+        o(
+          r(e.count),
+          1
+          /* TEXT */
+        ),
+        u(e.$slots, "suffix", {}, () => [
+          o(
+            r(e.suffix),
+            1
+            /* TEXT */
+          )
+        ], !0)
+      ]),
+      u(e.$slots, "prefix", {}, () => [
+        o(
+          r(e.prefix),
+          1
+          /* TEXT */
+        )
+      ], !0),
+      o(
+        r(t.value),
+        1
+        /* TEXT */
+      ),
+      u(e.$slots, "suffix", {}, () => [
+        o(
+          r(e.suffix),
+          1
+          /* TEXT */
+        )
+      ], !0)
+    ]));
   }
-}), M = (n, t) => {
-  const s = n.__vccOpts || n;
-  for (const [r, u] of t)
-    s[r] = u;
-  return s;
-}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-2af49175"]]);
+}), z = (a, s) => {
+  const t = a.__vccOpts || a;
+  for (const [i, f] of s)
+    t[i] = f;
+  return t;
+}, B = /* @__PURE__ */ z(k, [["__scopeId", "data-v-793ffe65"]]);
 export {
-  V as default
+  B as default
 };

package/components/MazAnimatedElement.mjs

@@ -6,21 +6,21 @@ import './assets/MazAnimatedElement.css';const v = /* @__PURE__ */ r({
     delay: { default: 0 },
     duration: { default: 2e3 }
   },
-  setup(n) {
-    const s = i(() => `animate-slide-${n.direction}-blur`), t = l();
+  setup(a) {
+    const o = i(() => `animate-slide-${a.direction}-blur`), t = l();
     return c(() => {
-      const e = new IntersectionObserver((a) => {
-        a.forEach((o) => {
-          o.isIntersecting && (o.target.classList.remove("--invisible"), o.target.classList.add(s.value), e.unobserve(o.target));
+      const e = new IntersectionObserver((n) => {
+        n.forEach((s) => {
+          s.isIntersecting && (s.target.classList.remove("--invisible"), s.target.classList.add(o.value), e.unobserve(s.target));
         });
       });
       t.value && e.observe(t.value);
-    }), (e, a) => (d(), m(
+    }), (e, n) => (d(), m(
       "div",
       {
         ref_key: "element",
         ref: t,
-        class: "m-animated-element m-component --invisible",
+        class: "m-animated-element m-reset-css --invisible",
         style: u({
           animationDuration: `${e.duration}ms`,
           animationDelay: `${e.delay}ms`
@@ -33,12 +33,12 @@ import './assets/MazAnimatedElement.css';const v = /* @__PURE__ */ r({
       /* STYLE */
     ));
   }
-}), p = (n, s) => {
-  const t = n.__vccOpts || n;
-  for (const [e, a] of s)
-    t[e] = a;
+}), p = (a, o) => {
+  const t = a.__vccOpts || a;
+  for (const [e, n] of o)
+    t[e] = n;
   return t;
-}, b = /* @__PURE__ */ p(v, [["__scopeId", "data-v-9b6c331c"]]);
+}, b = /* @__PURE__ */ p(v, [["__scopeId", "data-v-3cbee84b"]]);
 export {
   b as default
 };

package/components/MazAnimatedText.mjs

@@ -1,4 +1,4 @@
-import { ref as l, defineComponent as b, computed as v, onMounted as z, openBlock as o, createElementBlock as u, createBlock as w, resolveDynamicComponent as g, mergeProps as k, withCtx as x, Fragment as _, renderList as D, createElementVNode as f, normalizeClass as $, normalizeStyle as h, toDisplayString as p, createCommentVNode as C, createTextVNode as A } from "vue";
+import { ref as l, defineComponent as A, computed as v, onMounted as z, openBlock as o, createElementBlock as u, createBlock as w, resolveDynamicComponent as g, mergeProps as k, withCtx as x, Fragment as _, renderList as D, createElementVNode as f, normalizeClass as $, normalizeStyle as h, toDisplayString as p, createCommentVNode as C, createTextVNode as b } from "vue";
 import './assets/MazAnimatedText.css';function T(s, r, i) {
   const t = {
     maxAttempts: 20,
@@ -33,7 +33,7 @@ const G = (s, r) => {
 };
 l(V);
 l([]);
-const B = { class: "m-component m-animated-text" }, M = { class: "m-animated-text__last-word-inner" }, N = { class: "m-animated-text__last-word-inner-text" }, W = /* @__PURE__ */ b({
+const B = { class: "m-reset-css m-animated-text" }, M = { class: "m-animated-text__last-word-inner" }, N = { class: "m-animated-text__last-word-inner-text" }, W = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "MazAnimatedText",
   props: {
@@ -132,7 +132,7 @@ const B = { class: "m-component m-animated-text" }, M = { class: "m-animated-tex
         k({ key: 1 }, e.$attrs, { class: "maz-invisible maz-inline-flex" }),
         {
           default: x(() => [
-            A(
+            b(
               p(e.text) + " ",
               1
               /* TEXT */
@@ -141,7 +141,7 @@ const B = { class: "m-component m-animated-text" }, M = { class: "m-animated-tex
               _,
               { key: 0 },
               [
-                A(
+                b(
                   p(e.lastWord),
                   1
                   /* TEXT */
@@ -159,7 +159,7 @@ const B = { class: "m-component m-animated-text" }, M = { class: "m-animated-tex
       ))
     ]));
   }
-}), I = /* @__PURE__ */ G(W, [["__scopeId", "data-v-4a6f4c88"]]);
+}), I = /* @__PURE__ */ G(W, [["__scopeId", "data-v-face0b34"]]);
 export {
   I as default
 };

package/components/MazBottomSheet.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBottomSheet-CNFupuJS.mjs";
+import { M as f } from "./chunks/MazBottomSheet-CIXEEUpN.mjs";
 export {
   f as default
 };

package/components/MazBtn.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazBtn-CKDJOBcC.mjs";
+import { M as f } from "./chunks/MazBtn-BT4o0zLa.mjs";
 export {
   f as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-D-q6vhWd.mjs";
+import { M as f } from "./chunks/MazCard-CQBFy8r_.mjs";
 export {
   f as default
 };

package/components/MazCarousel.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCarousel-Z4XypOn_.mjs";
+import { M as f } from "./chunks/MazCarousel-Bcn7nKDo.mjs";
 export {
   f as default
 };

package/components/MazChecklist.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazChecklist-DaEf6wix.mjs";
+import { M as f } from "./chunks/MazChecklist-DLr57bfX.mjs";
 export {
   f as default
 };

package/components/MazCircularProgressBar.mjs

@@ -1,14 +1,14 @@
-import { computed as r, useId as C, defineComponent as x, useSlots as y, ref as P, watch as S, openBlock as p, createElementBlock as m, normalizeClass as B, normalizeStyle as _, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as M, unref as h, createBlock as I, createSlots as N, withCtx as k } from "vue";
-import './assets/MazCircularProgressBar.css';function A({
-  componentName: a,
-  providedId: e
+import { computed as c, useId as M, defineComponent as z, ref as S, watch as A, openBlock as m, createElementBlock as g, createElementVNode as a, renderSlot as f, createTextVNode as i, toDisplayString as u, useSlots as q, normalizeStyle as I, unref as w, createBlock as T, createSlots as V, withCtx as x } from "vue";
+import './assets/MazCircularProgressBar.css';function F({
+  componentName: n,
+  providedId: o
 }) {
-  return r(() => e ?? `${a}-${C().replace(/:/g, "")}`);
+  return c(() => o ?? `${n}-${M().replace(/:/g, "")}`);
 }
-const V = { class: "maz-sr-only" }, D = {
-  key: 0,
-  class: "m-animated-counter__fix"
-}, E = /* @__PURE__ */ x({
+function N() {
+  return typeof document < "u";
+}
+const b = { class: "m-animated-counter m-reset-css" }, D = { class: "maz-sr-only" }, E = /* @__PURE__ */ z({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -17,84 +17,89 @@ const V = { class: "maz-sr-only" }, D = {
     suffix: { default: void 0 },
     delay: { default: 100 }
   },
-  setup(a) {
-    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = P(!0);
-    S(
-      () => e.count,
-      (t, g) => {
-        t !== g && (c.value = !1, setTimeout(() => {
-          c.value = !0;
-        }, e.delay));
+  setup(n) {
+    const o = n, r = S(0);
+    function l() {
+      return typeof window > "u" || !window.requestAnimationFrame ? (e) => (setTimeout(e, 1e3 / 60), 0) : window.requestAnimationFrame.bind(window);
+    }
+    function p(e, s, d, h) {
+      const v = l();
+      if (!N()) {
+        r.value = s;
+        return;
       }
-    );
-    const v = r(() => `${e.duration}ms`);
-    return (t, g) => (p(), m(
-      "span",
-      {
-        class: B(["m-animated-counter m-reset-css", {
-          "--animated": c.value,
-          "--prefixed": f.value,
-          "--suffixed": d.value
-        }]),
-        style: _({
-          "--count": t.count,
-          "--animation-duration": v.value
-        })
+      r.value = e, setTimeout(() => {
+        const k = performance.now(), t = (y = performance.now()) => {
+          const P = y - k, _ = Math.min(P / d, 1), B = ($) => $ * (2 - $);
+          r.value = Math.round(
+            e + (s - e) * B(_)
+          ), _ < 1 && v(t);
+        };
+        v(t);
+      }, h);
+    }
+    return A(
+      () => o.count,
+      (e, s) => {
+        if (e === s)
+          return;
+        p(s ?? 0, e, o.duration, o.delay);
       },
-      [
-        n("span", V, [
-          l(t.$slots, "prefix", {}, () => [
-            i(
-              u(t.prefix),
-              1
-              /* TEXT */
-            )
-          ], !0),
+      { immediate: !0 }
+    ), (e, s) => (m(), g("span", b, [
+      a("span", D, [
+        f(e.$slots, "prefix", {}, () => [
           i(
-            " " + u(t.count) + " ",
+            u(e.prefix),
             1
             /* TEXT */
-          ),
-          l(t.$slots, "suffix", {}, () => [
-            i(
-              u(t.suffix),
-              1
-              /* TEXT */
-            )
-          ], !0)
-        ]),
-        f.value || d.value ? (p(), m("span", D, [
-          l(t.$slots, "prefix", {}, () => [
-            i(
-              u(t.prefix),
-              1
-              /* TEXT */
-            )
-          ], !0),
-          l(t.$slots, "suffix", {}, () => [
-            i(
-              u(t.suffix),
-              1
-              /* TEXT */
-            )
-          ], !0)
-        ])) : M("v-if", !0)
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
+          )
+        ], !0),
+        i(
+          u(e.count),
+          1
+          /* TEXT */
+        ),
+        f(e.$slots, "suffix", {}, () => [
+          i(
+            u(e.suffix),
+            1
+            /* TEXT */
+          )
+        ], !0)
+      ]),
+      f(e.$slots, "prefix", {}, () => [
+        i(
+          u(e.prefix),
+          1
+          /* TEXT */
+        )
+      ], !0),
+      i(
+        u(r.value),
+        1
+        /* TEXT */
+      ),
+      f(e.$slots, "suffix", {}, () => [
+        i(
+          u(e.suffix),
+          1
+          /* TEXT */
+        )
+      ], !0)
+    ]));
   }
-}), $ = (a, e) => {
-  const s = a.__vccOpts || a;
-  for (const [f, d] of e)
-    s[f] = d;
-  return s;
-}, L = /* @__PURE__ */ $(E, [["__scopeId", "data-v-2af49175"]]), T = { class: "outer" }, W = { class: "inner" }, b = { key: 0 }, j = {
+}), C = (n, o) => {
+  const r = n.__vccOpts || n;
+  for (const [l, p] of o)
+    r[l] = p;
+  return r;
+}, L = /* @__PURE__ */ C(E, [["__scopeId", "data-v-793ffe65"]]), O = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, G = {
   xmlns: "http://www.w3.org/2000/svg",
   height: "1em",
   width: "1em",
   viewBox: "0 0 100 100"
-}, q = ["id"], G = ["stop-color"], O = ["stop-color"], U = ["stroke-width", "stroke", "stroke-linecap"], F = /* @__PURE__ */ x({
+}, Q = ["id"], R = ["stop-color"], U = ["stop-color"], H = ["stroke-width", "stroke", "stroke-linecap"], J = /* @__PURE__ */ z({
   __name: "MazCircularProgressBar",
   props: {
     percentage: { default: 0 },
@@ -111,49 +116,49 @@ const V = { class: "maz-sr-only" }, D = {
     warningPercentage: { default: 75 },
     dangerPercentage: { default: 50 }
   },
-  setup(a) {
-    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = A({
+  setup(n) {
+    const o = n, r = q(), l = c(() => !!o.prefix || !!r.prefix), p = c(() => !!o.suffix || !!r.suffix), e = F({
       componentName: "MazCircularProgressBar"
-    }), v = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
-      () => e.autoColor ? g(v.value) : e.color
+    }), s = c(() => o.percentage > 100 ? 100 : o.percentage <= 0 ? 0.5 : o.percentage), d = c(
+      () => o.autoColor ? h(s.value) : o.color
     );
-    function g(o) {
-      return o < e.dangerPercentage || o > 100 ? "danger" : o < e.warningPercentage ? "warning" : o >= e.successPercentage ? "success" : "primary";
+    function h(t) {
+      return t < o.dangerPercentage || t > 100 ? "danger" : t < o.warningPercentage ? "warning" : t >= o.successPercentage ? "success" : "primary";
     }
-    const z = r(() => `${e.duration}ms`), w = r(() => Math.round(290 - 290 * (v.value / 100)));
-    return (o, H) => (p(), m(
+    const v = c(() => `${o.duration}ms`), k = c(() => Math.round(290 - 290 * (s.value / 100)));
+    return (t, y) => (m(), g(
       "div",
       {
         class: "m-circular-progress-bar m-reset-css",
-        style: _([
+        style: I([
           {
-            "--animation-duration": z.value,
-            "--dashoffset": w.value
+            "--animation-duration": v.value,
+            "--dashoffset": k.value
           },
           {
-            fontSize: o.size
+            fontSize: t.size
           }
         ])
       },
       [
-        n("div", T, [
-          n("div", W, [
-            h(s).default ? (p(), m("span", b, [
-              l(o.$slots, "default", {}, void 0, !0)
-            ])) : (p(), I(L, {
+        a("div", O, [
+          a("div", W, [
+            w(r).default ? (m(), g("span", j, [
+              f(t.$slots, "default", {}, void 0, !0)
+            ])) : (m(), T(L, {
               key: 1,
-              count: o.percentage,
-              duration: o.duration
-            }, N({
+              count: t.percentage,
+              duration: t.duration
+            }, V({
               _: 2
               /* DYNAMIC */
             }, [
-              f.value ? {
+              l.value ? {
                 name: "prefix",
-                fn: k(() => [
-                  l(o.$slots, "prefix", {}, () => [
+                fn: x(() => [
+                  f(t.$slots, "prefix", {}, () => [
                     i(
-                      u(o.prefix),
+                      u(t.prefix),
                       1
                       /* TEXT */
                     )
@@ -161,12 +166,12 @@ const V = { class: "maz-sr-only" }, D = {
                 ]),
                 key: "0"
               } : void 0,
-              d.value ? {
+              p.value ? {
                 name: "suffix",
-                fn: k(() => [
-                  l(o.$slots, "suffix", {}, () => [
+                fn: x(() => [
+                  f(t.$slots, "suffix", {}, () => [
                     i(
-                      u(o.suffix),
+                      u(t.suffix),
                       1
                       /* TEXT */
                     )
@@ -177,43 +182,43 @@ const V = { class: "maz-sr-only" }, D = {
             ]), 1032, ["count", "duration"]))
           ])
         ]),
-        (p(), m("svg", j, [
-          n("defs", null, [
-            n("linearGradient", {
-              id: `${h(c)}-gradient`,
+        (m(), g("svg", G, [
+          a("defs", null, [
+            a("linearGradient", {
+              id: `${w(e)}-gradient`,
               x1: "0",
               x2: "0",
               y1: "1",
               y2: "0"
             }, [
-              n("stop", {
+              a("stop", {
                 offset: "0%",
-                "stop-color": t.value ? `var(--maz-color-${t.value}-400)` : "var(--maz-color-primary)"
-              }, null, 8, G),
-              n("stop", {
+                "stop-color": d.value ? `var(--maz-color-${d.value}-400)` : "var(--maz-color-primary)"
+              }, null, 8, R),
+              a("stop", {
                 offset: "100%",
-                "stop-color": t.value ? `var(--maz-color-${t.value}-700)` : "var(--maz-color-secondary)"
-              }, null, 8, O)
-            ], 8, q)
+                "stop-color": d.value ? `var(--maz-color-${d.value}-700)` : "var(--maz-color-secondary)"
+              }, null, 8, U)
+            ], 8, Q)
           ]),
-          n("circle", {
+          a("circle", {
             cx: "50",
             cy: "50",
             r: "46",
-            "stroke-width": o.strokeWidth,
+            "stroke-width": t.strokeWidth,
             "stroke-dasharray": "290",
             "stroke-dashoffset": "290",
-            stroke: o.stroke ? o.stroke : `url(#${h(c)}-gradient)`,
+            stroke: t.stroke ? t.stroke : `url(#${w(e)}-gradient)`,
             fill: "none",
-            "stroke-linecap": o.strokeLinecap
-          }, null, 8, U)
+            "stroke-linecap": t.strokeLinecap
+          }, null, 8, H)
         ]))
       ],
       4
       /* STYLE */
     ));
   }
-}), K = /* @__PURE__ */ $(F, [["__scopeId", "data-v-73fe8da6"]]);
+}), X = /* @__PURE__ */ C(J, [["__scopeId", "data-v-73fe8da6"]]);
 export {
-  K as default
+  X as default
 };

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-PVsds2Mw.mjs";
+import { M as f } from "./chunks/MazDialog-ak7mSNff.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise.mjs

@@ -1,4 +1,4 @@
-import { a as o, u as s } from "./chunks/MazDialogPromise-BdtiOZGU.mjs";
+import { a as o, u as s } from "./chunks/MazDialogPromise-JvS9f5Of.mjs";
 export {
   o as default,
   s as useMazDialogPromise

package/components/MazDrawer.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDrawer-CMHe_JEh.mjs";
+import { M as f } from "./chunks/MazDrawer-CTsb4x_4.mjs";
 export {
   f as default
 };