maz-ui 3.49.0 → 3.49.1

package/components/MazAnimatedCounter.mjs

@@ -1,8 +1,5 @@
-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 x, ref as y, watch as A, openBlock as M, createElementBlock as V, createElementVNode as $, renderSlot as u, createTextVNode as o, toDisplayString as s } from "vue";
+import './assets/MazAnimatedCounter.css';const g = { class: "m-animated-counter m-reset-css" }, k = { class: "maz-sr-only" }, z = /* @__PURE__ */ x({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -11,79 +8,76 @@ 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));
-      }
-    );
-    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
-        })
+  setup(r) {
+    const n = r, t = y(0);
+    function i(e, a, f, m) {
+      t.value = e, setTimeout(() => {
+        const p = performance.now(), c = (v) => {
+          const _ = v - p, d = Math.min(_ / f, 1), h = (l) => l * (2 - l);
+          t.value = Math.round(
+            e + (a - e) * h(d)
+          ), d < 1 && requestAnimationFrame(c);
+        };
+        requestAnimationFrame(c);
+      }, m);
+    }
+    return A(
+      () => n.count,
+      (e, a) => {
+        if (e === a)
+          return;
+        i(a ?? 0, e, n.duration, n.delay);
       },
-      [
-        C("span", $, [
-          i(e.$slots, "prefix", {}, () => [
-            o(
-              a(e.prefix),
-              1
-              /* TEXT */
-            )
-          ], !0),
+      { immediate: !0 }
+    ), (e, a) => (M(), V("span", g, [
+      $("span", k, [
+        u(e.$slots, "prefix", {}, () => [
           o(
-            " " + a(e.count) + " ",
+            s(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(
+          s(e.count),
+          1
+          /* TEXT */
+        ),
+        u(e.$slots, "suffix", {}, () => [
+          o(
+            s(e.suffix),
+            1
+            /* TEXT */
+          )
+        ], !0)
+      ]),
+      u(e.$slots, "prefix", {}, () => [
+        o(
+          s(e.prefix),
+          1
+          /* TEXT */
+        )
+      ], !0),
+      o(
+        s(t.value),
+        1
+        /* TEXT */
+      ),
+      u(e.$slots, "suffix", {}, () => [
+        o(
+          s(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"]]);
+}), C = (r, n) => {
+  const t = r.__vccOpts || r;
+  for (const [i, e] of n)
+    t[i] = e;
+  return t;
+}, b = /* @__PURE__ */ C(z, [["__scopeId", "data-v-92bddebd"]]);
 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,11 @@
-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 l, useId as P, defineComponent as z, ref as B, watch as M, openBlock as m, createElementBlock as g, createElementVNode as n, renderSlot as d, createTextVNode as i, toDisplayString as u, useSlots as S, normalizeStyle as I, unref as y, createBlock as A, createSlots as V, withCtx as x } from "vue";
+import './assets/MazCircularProgressBar.css';function b({
+  componentName: s,
+  providedId: t
 }) {
-  return r(() => e ?? `${a}-${C().replace(/:/g, "")}`);
+  return l(() => t ?? `${s}-${P().replace(/:/g, "")}`);
 }
-const V = { class: "maz-sr-only" }, D = {
-  key: 0,
-  class: "m-animated-counter__fix"
-}, E = /* @__PURE__ */ x({
+const q = { class: "m-animated-counter m-reset-css" }, N = { class: "maz-sr-only" }, T = /* @__PURE__ */ z({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -17,84 +14,81 @@ 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));
-      }
-    );
-    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
-        })
+  setup(s) {
+    const t = s, r = B(0);
+    function f(e, a, p, c) {
+      r.value = e, setTimeout(() => {
+        const h = performance.now(), v = (k) => {
+          const o = k - h, _ = Math.min(o / p, 1), C = ($) => $ * (2 - $);
+          r.value = Math.round(
+            e + (a - e) * C(_)
+          ), _ < 1 && requestAnimationFrame(v);
+        };
+        requestAnimationFrame(v);
+      }, c);
+    }
+    return M(
+      () => t.count,
+      (e, a) => {
+        if (e === a)
+          return;
+        f(a ?? 0, e, t.duration, t.delay);
       },
-      [
-        n("span", V, [
-          l(t.$slots, "prefix", {}, () => [
-            i(
-              u(t.prefix),
-              1
-              /* TEXT */
-            )
-          ], !0),
+      { immediate: !0 }
+    ), (e, a) => (m(), g("span", q, [
+      n("span", N, [
+        d(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 */
+        ),
+        d(e.$slots, "suffix", {}, () => [
+          i(
+            u(e.suffix),
+            1
+            /* TEXT */
+          )
+        ], !0)
+      ]),
+      d(e.$slots, "prefix", {}, () => [
+        i(
+          u(e.prefix),
+          1
+          /* TEXT */
+        )
+      ], !0),
+      i(
+        u(r.value),
+        1
+        /* TEXT */
+      ),
+      d(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 = {
+}), w = (s, t) => {
+  const r = s.__vccOpts || s;
+  for (const [f, e] of t)
+    r[f] = e;
+  return r;
+}, D = /* @__PURE__ */ w(T, [["__scopeId", "data-v-92bddebd"]]), E = { class: "outer" }, F = { class: "inner" }, L = { key: 0 }, O = {
   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({
+}, W = ["id"], j = ["stop-color"], G = ["stop-color"], Q = ["stroke-width", "stroke", "stroke-linecap"], U = /* @__PURE__ */ z({
   __name: "MazCircularProgressBar",
   props: {
     percentage: { default: 0 },
@@ -111,24 +105,24 @@ 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(s) {
+    const t = s, r = S(), f = l(() => !!t.prefix || !!r.prefix), e = l(() => !!t.suffix || !!r.suffix), a = b({
       componentName: "MazCircularProgressBar"
-    }), v = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
-      () => e.autoColor ? g(v.value) : e.color
+    }), p = l(() => t.percentage > 100 ? 100 : t.percentage <= 0 ? 0.5 : t.percentage), c = l(
+      () => t.autoColor ? h(p.value) : t.color
     );
-    function g(o) {
-      return o < e.dangerPercentage || o > 100 ? "danger" : o < e.warningPercentage ? "warning" : o >= e.successPercentage ? "success" : "primary";
+    function h(o) {
+      return o < t.dangerPercentage || o > 100 ? "danger" : o < t.warningPercentage ? "warning" : o >= t.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 = l(() => `${t.duration}ms`), k = l(() => Math.round(290 - 290 * (p.value / 100)));
+    return (o, _) => (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
@@ -136,22 +130,22 @@ const V = { class: "maz-sr-only" }, D = {
         ])
       },
       [
-        n("div", T, [
-          n("div", W, [
-            h(s).default ? (p(), m("span", b, [
-              l(o.$slots, "default", {}, void 0, !0)
-            ])) : (p(), I(L, {
+        n("div", E, [
+          n("div", F, [
+            y(r).default ? (m(), g("span", L, [
+              d(o.$slots, "default", {}, void 0, !0)
+            ])) : (m(), A(D, {
               key: 1,
               count: o.percentage,
               duration: o.duration
-            }, N({
+            }, V({
               _: 2
               /* DYNAMIC */
             }, [
               f.value ? {
                 name: "prefix",
-                fn: k(() => [
-                  l(o.$slots, "prefix", {}, () => [
+                fn: x(() => [
+                  d(o.$slots, "prefix", {}, () => [
                     i(
                       u(o.prefix),
                       1
@@ -161,10 +155,10 @@ const V = { class: "maz-sr-only" }, D = {
                 ]),
                 key: "0"
               } : void 0,
-              d.value ? {
+              e.value ? {
                 name: "suffix",
-                fn: k(() => [
-                  l(o.$slots, "suffix", {}, () => [
+                fn: x(() => [
+                  d(o.$slots, "suffix", {}, () => [
                     i(
                       u(o.suffix),
                       1
@@ -177,10 +171,10 @@ const V = { class: "maz-sr-only" }, D = {
             ]), 1032, ["count", "duration"]))
           ])
         ]),
-        (p(), m("svg", j, [
+        (m(), g("svg", O, [
           n("defs", null, [
             n("linearGradient", {
-              id: `${h(c)}-gradient`,
+              id: `${y(a)}-gradient`,
               x1: "0",
               x2: "0",
               y1: "1",
@@ -188,13 +182,13 @@ const V = { class: "maz-sr-only" }, D = {
             }, [
               n("stop", {
                 offset: "0%",
-                "stop-color": t.value ? `var(--maz-color-${t.value}-400)` : "var(--maz-color-primary)"
-              }, null, 8, G),
+                "stop-color": c.value ? `var(--maz-color-${c.value}-400)` : "var(--maz-color-primary)"
+              }, null, 8, j),
               n("stop", {
                 offset: "100%",
-                "stop-color": t.value ? `var(--maz-color-${t.value}-700)` : "var(--maz-color-secondary)"
-              }, null, 8, O)
-            ], 8, q)
+                "stop-color": c.value ? `var(--maz-color-${c.value}-700)` : "var(--maz-color-secondary)"
+              }, null, 8, G)
+            ], 8, W)
           ]),
           n("circle", {
             cx: "50",
@@ -203,17 +197,17 @@ const V = { class: "maz-sr-only" }, D = {
             "stroke-width": o.strokeWidth,
             "stroke-dasharray": "290",
             "stroke-dashoffset": "290",
-            stroke: o.stroke ? o.stroke : `url(#${h(c)}-gradient)`,
+            stroke: o.stroke ? o.stroke : `url(#${y(a)}-gradient)`,
             fill: "none",
             "stroke-linecap": o.strokeLinecap
-          }, null, 8, U)
+          }, null, 8, Q)
         ]))
       ],
       4
       /* STYLE */
     ));
   }
-}), K = /* @__PURE__ */ $(F, [["__scopeId", "data-v-73fe8da6"]]);
+}), J = /* @__PURE__ */ w(U, [["__scopeId", "data-v-73fe8da6"]]);
 export {
-  K as default
+  J 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
 };

package/components/MazDropdown.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazDropdown-DpGSAqe0.mjs";
+import { a as f } from "./chunks/MazDropdown-BxMokXYe.mjs";
 export {
   f as default
 };

package/components/MazInput.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInput-C3QweR84.mjs";
+import { M as f } from "./chunks/MazInput-BK2OXh6D.mjs";
 export {
   f as default
 };

package/components/MazInputNumber.mjs

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

package/components/MazInputPrice.mjs

@@ -1,4 +1,4 @@
-import { a as f } from "./chunks/MazInputPrice-CQiJFPWB.mjs";
+import { a as f } from "./chunks/MazInputPrice-BCM9ga_h.mjs";
 export {
   f as default
 };

package/components/MazInputTags.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazInputTags-BPSG1X1a.mjs";
+import { M as f } from "./chunks/MazInputTags-B0B93sN-.mjs";
 export {
   f as default
 };