maz-ui 3.47.1 → 3.47.2-beta.2

package/components/MazCircularProgressBar.mjs

@@ -1,12 +1,12 @@
-import { useId as w, computed as r, defineComponent as _, useCssVars as $, useSlots as y, ref as S, watch as B, openBlock as p, createElementBlock as v, normalizeClass as P, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as m, normalizeStyle as A, unref as g, createBlock as M, createSlots as I, withCtx as k } from "vue";
-import './assets/MazCircularProgressBar.css';function N({
+import { useId as w, computed as r, defineComponent as _, useCssVars as g, useSlots as $, ref as S, watch as B, openBlock as p, createElementBlock as m, normalizeClass as b, createElementVNode as n, renderSlot as l, createTextVNode as i, toDisplayString as u, createCommentVNode as M, normalizeStyle as I, unref as k, createBlock as P, createSlots as N, withCtx as x } from "vue";
+import './assets/MazCircularProgressBar.css';function V({
   componentName: a,
   providedId: e
 }) {
   const s = w();
   return r(() => e ?? `${a}-${s}`);
 }
-const V = { class: "maz-sr-only" }, D = {
+const A = { class: "maz-sr-only" }, D = {
   key: 0,
   class: "m-animated-counter__fix"
 }, E = /* @__PURE__ */ _({
@@ -18,85 +18,83 @@ const V = { class: "maz-sr-only" }, D = {
     suffix: { default: void 0 }
   },
   setup(a) {
-    $((t) => ({
+    g((o) => ({
       "7cf84c3b": h.value,
-      a2b7049a: t.count
+      a2b7049a: o.count
     }));
-    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = S(!0);
+    const e = a, s = $(), f = r(() => !!e.prefix || !!s.prefix), c = r(() => !!e.suffix || !!s.suffix), d = S(!0);
     B(
       () => e.count,
-      (t, x) => {
-        t !== x && (c.value = !1, setTimeout(() => {
-          c.value = !0;
+      (o, v) => {
+        o !== v && (d.value = !1, setTimeout(() => {
+          d.value = !0;
         }, 100));
       }
     );
     const h = r(() => `${e.duration}ms`);
-    return (t, x) => (p(), v(
+    return (o, v) => (p(), m(
       "span",
       {
-        class: P(["m-animated-counter", {
-          "--animated": c.value,
+        class: b(["m-animated-counter", {
+          "--animated": d.value,
           "--prefixed": f.value,
-          "--suffixed": d.value
+          "--suffixed": c.value
         }])
       },
       [
-        n("span", V, [
-          l(t.$slots, "prefix", {}, () => [
+        n("span", A, [
+          l(o.$slots, "prefix", {}, () => [
             i(
-              u(t.prefix),
+              u(o.prefix),
               1
               /* TEXT */
             )
           ], !0),
           i(
-            " " + u(t.count) + " ",
+            " " + u(o.count) + " ",
             1
             /* TEXT */
           ),
-          l(t.$slots, "suffix", {}, () => [
+          l(o.$slots, "suffix", {}, () => [
             i(
-              u(t.suffix),
+              u(o.suffix),
               1
               /* TEXT */
             )
           ], !0)
         ]),
-        f.value || d.value ? (p(), v("span", D, [
-          m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
-          l(t.$slots, "prefix", {}, () => [
+        f.value || c.value ? (p(), m("span", D, [
+          l(o.$slots, "prefix", {}, () => [
             i(
-              u(t.prefix),
+              u(o.prefix),
               1
               /* TEXT */
             )
           ], !0),
-          m(' @slot Suffix slot - Add a suffix next to the number (e.g: "%") '),
-          l(t.$slots, "suffix", {}, () => [
+          l(o.$slots, "suffix", {}, () => [
             i(
-              u(t.suffix),
+              u(o.suffix),
               1
               /* TEXT */
             )
           ], !0)
-        ])) : m("v-if", !0)
+        ])) : M("v-if", !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), z = (a, e) => {
+}), y = (a, e) => {
   const s = a.__vccOpts || a;
-  for (const [f, d] of e)
-    s[f] = d;
+  for (const [f, c] of e)
+    s[f] = c;
   return s;
-}, L = /* @__PURE__ */ z(E, [["__scopeId", "data-v-95ad1bb8"]]), T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
+}, L = /* @__PURE__ */ y(E, [["__scopeId", "data-v-95ad1bb8"]]), T = { class: "outer" }, W = { class: "inner" }, j = { key: 0 }, q = {
   xmlns: "http://www.w3.org/2000/svg",
   height: "1em",
   width: "1em",
   viewBox: "0 0 100 100"
-}, G = ["id"], O = ["stop-color"], R = ["stop-color"], U = ["stroke-width", "stroke", "stroke-linecap"], F = /* @__PURE__ */ _({
+}, G = ["id"], O = ["stop-color"], U = ["stop-color"], F = ["stroke-width", "stroke", "stroke-linecap"], H = /* @__PURE__ */ _({
   __name: "MazCircularProgressBar",
   props: {
     percentage: { default: 0 },
@@ -111,50 +109,48 @@ const V = { class: "maz-sr-only" }, D = {
     stroke: { default: void 0 }
   },
   setup(a) {
-    $((o) => ({
-      "6e9e446d": C.value,
-      "31fcb5e0": b.value
+    g((t) => ({
+      "6e9e446d": z.value,
+      "31fcb5e0": C.value
     }));
-    const e = a, s = y(), f = r(() => !!e.prefix || !!s.prefix), d = r(() => !!e.suffix || !!s.suffix), c = N({
+    const e = a, s = $(), f = r(() => !!e.prefix || !!s.prefix), c = r(() => !!e.suffix || !!s.suffix), d = V({
       componentName: "MazCircularProgressBar"
-    }), h = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), t = r(
-      () => e.autoColor ? x(e.percentage) : e.color
+    }), h = r(() => e.percentage > 100 ? 100 : e.percentage <= 0 ? 0.5 : e.percentage), o = r(
+      () => e.autoColor ? v(e.percentage) : e.color
     );
-    function x(o) {
-      return o < 50 || o > 100 ? "danger" : o < 100 ? "warning" : "success";
+    function v(t) {
+      return t < 50 || t > 100 ? "danger" : t < 100 ? "warning" : "success";
     }
-    const C = r(() => `${e.duration}ms`), b = r(() => Math.round(290 - 290 * (h.value / 100)));
-    return (o, H) => (p(), v(
+    const z = r(() => `${e.duration}ms`), C = r(() => Math.round(290 - 290 * (h.value / 100)));
+    return (t, J) => (p(), m(
       "div",
       {
         class: "m-circular-progress-bar",
-        style: A([
+        style: I([
           {
-            fontSize: o.size
+            fontSize: t.size
           }
         ])
       },
       [
         n("div", T, [
           n("div", W, [
-            g(s).default ? (p(), v("span", j, [
-              m(" @slot Default slot - Replace the percaentage value "),
-              l(o.$slots, "default", {}, void 0, !0)
-            ])) : (p(), M(L, {
+            k(s).default ? (p(), m("span", j, [
+              l(t.$slots, "default", {}, void 0, !0)
+            ])) : (p(), P(L, {
               key: 1,
-              count: o.percentage,
-              duration: o.duration
-            }, I({
+              count: t.percentage,
+              duration: t.duration
+            }, N({
               _: 2
               /* DYNAMIC */
             }, [
               f.value ? {
                 name: "prefix",
-                fn: k(() => [
-                  m(' @slot Prefix slot - Add a prefix next to the number (e.g: "$") '),
-                  l(o.$slots, "prefix", {}, () => [
+                fn: x(() => [
+                  l(t.$slots, "prefix", {}, () => [
                     i(
-                      u(o.prefix),
+                      u(t.prefix),
                       1
                       /* TEXT */
                     )
@@ -162,13 +158,12 @@ const V = { class: "maz-sr-only" }, D = {
                 ]),
                 key: "0"
               } : void 0,
-              d.value ? {
+              c.value ? {
                 name: "suffix",
-                fn: k(() => [
-                  m(' @slot Suffix slot - Add a suffix next to the number (e.g: "%") '),
-                  l(o.$slots, "suffix", {}, () => [
+                fn: x(() => [
+                  l(t.$slots, "suffix", {}, () => [
                     i(
-                      u(o.suffix),
+                      u(t.suffix),
                       1
                       /* TEXT */
                     )
@@ -179,10 +174,10 @@ const V = { class: "maz-sr-only" }, D = {
             ]), 1032, ["count", "duration"]))
           ])
         ]),
-        (p(), v("svg", q, [
+        (p(), m("svg", q, [
           n("defs", null, [
             n("linearGradient", {
-              id: `${g(c)}-gradient`,
+              id: `${k(d)}-gradient`,
               x1: "0",
               x2: "0",
               y1: "1",
@@ -190,32 +185,32 @@ 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)"
+                "stop-color": o.value ? `var(--maz-color-${o.value}-400)` : "var(--maz-color-primary)"
               }, null, 8, O),
               n("stop", {
                 offset: "100%",
-                "stop-color": t.value ? `var(--maz-color-${t.value}-700)` : "var(--maz-color-secondary)"
-              }, null, 8, R)
+                "stop-color": o.value ? `var(--maz-color-${o.value}-700)` : "var(--maz-color-secondary)"
+              }, null, 8, U)
             ], 8, G)
           ]),
           n("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(#${g(c)}-gradient)`,
+            stroke: t.stroke ? t.stroke : `url(#${k(d)}-gradient)`,
             fill: "none",
-            "stroke-linecap": o.strokeLinecap
-          }, null, 8, U)
+            "stroke-linecap": t.strokeLinecap
+          }, null, 8, F)
         ]))
       ],
       4
       /* STYLE */
     ));
   }
-}), K = /* @__PURE__ */ z(F, [["__scopeId", "data-v-e15b070e"]]);
+}), Q = /* @__PURE__ */ y(H, [["__scopeId", "data-v-e15b070e"]]);
 export {
-  K as default
+  Q as default
 };

package/components/MazDialog.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazDialog-CPgFpAlq.mjs";
+import { M as f } from "./chunks/MazDialog-khofH-7I.mjs";
 export {
   f as default
 };

package/components/MazDialogPromise.mjs

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

package/components/MazDrawer.mjs

@@ -128,7 +128,7 @@ import './assets/MazDrawer.css';const A = "--backdrop-present", U = /* @__PURE__
   },
   emits: ["before-close", "open", "close", "update:model-value"],
   setup(b) {
-    const i = B(() => import("./chunks/MazBtn-BRUaoP8j.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
+    const i = B(() => import("./chunks/MazBtn-BB1FyYWv.mjs").then((e) => e.M)), c = B(() => import("./chunks/x-mark-CnZwVvA7.mjs"));
     return (e, t) => (r(), h(U, {
       "backdrop-class": ["m-drawer", `--${e.variant}`, e.backdropClass],
       style: F({