maz-ui 3.49.2 → 3.50.0

package/components/MazAnimatedText.mjs

@@ -1,39 +1,18 @@
-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) {
+import { defineComponent as C, computed as f, ref as p, onMounted as b, onBeforeUnmount as G, openBlock as o, createElementBlock as d, createBlock as g, resolveDynamicComponent as k, mergeProps as $, withCtx as _, Fragment as h, renderList as V, createElementVNode as u, normalizeClass as A, normalizeStyle as x, toDisplayString as c, createCommentVNode as z, createTextVNode as D } from "vue";
+import './assets/MazAnimatedText.B91Kt1PP.css';function B(s, i, r) {
   const t = {
     maxAttempts: 20,
     interval: 100,
-    ...i
+    ...r
   };
-  let a = 0;
+  let l = 0;
   function m() {
-    const n = s();
-    n != null ? t.expectedValue !== void 0 && n !== t.expectedValue ? a < t.maxAttempts ? (a++, setTimeout(m, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found after ${t.maxAttempts} attempts for ref ${n}`) : r(n) : a < t.maxAttempts ? (a++, setTimeout(m, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found or expected value after ${t.maxAttempts} attempts for ref ${n}`);
+    const a = s();
+    a != null ? t.expectedValue !== void 0 && a !== t.expectedValue ? l < t.maxAttempts ? (l++, setTimeout(m, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found after ${t.maxAttempts} attempts for ref ${a}`) : i(a) : l < t.maxAttempts ? (l++, setTimeout(m, t.interval)) : console.warn(t.errorMessage || `[maz-ui](checkAvailability) Nothing found or expected value after ${t.maxAttempts} attempts for ref ${a}`);
   }
   m();
 }
-l("system");
-l("system");
-const G = (s, r) => {
-  const i = s.__vccOpts || s;
-  for (const [t, a] of r)
-    i[t] = a;
-  return i;
-}, V = {
-  cancelText: "Cancel",
-  confirmText: "Confirm",
-  cancelButton: {
-    text: "Cancel",
-    color: "danger"
-  },
-  confirmButton: {
-    text: "Confirm",
-    color: "success"
-  }
-};
-l(V);
-l([]);
-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({
+const M = { class: "m-reset-css m-animated-text" }, N = { class: "m-animated-text__last-word-inner" }, T = { class: "m-animated-text__last-word-inner-text" }, W = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "MazAnimatedText",
   props: {
@@ -45,47 +24,45 @@ const B = { class: "m-reset-css m-animated-text" }, M = { class: "m-animated-tex
     wordDelay: { default: 75 },
     columnGap: { default: 0.5 },
     rowGap: { default: 0 },
-    duration: { default: 2e3 }
+    duration: { default: 2e3 },
+    once: { type: Boolean, default: !0 }
   },
   setup(s) {
-    const r = v(() => s.text.split(" ")), i = v(() => r.value.length), t = l(!1), a = l(!1), m = v(() => t.value ? `maz-animate-slide-${s.direction}-blur` : "maz-invisible"), n = l();
-    return z(() => {
-      a.value = !0;
-      const e = new IntersectionObserver((d) => {
-        d.forEach((c) => {
-          c.isIntersecting && (t.value = !0);
-        });
-      });
-      T(() => n.value, (d) => {
-        e.observe(d);
+    const i = f(() => s.text.split(" ")), r = f(() => i.value.length), t = p(!1), l = p(!1), m = f(() => t.value ? `maz-animate-slide-${s.direction}-blur` : "maz-invisible"), a = p();
+    let n = null;
+    return b(() => {
+      l.value = !0, n = new IntersectionObserver(([e]) => {
+        t.value = e.isIntersecting, s.once && a.value && (n == null || n.unobserve(a.value));
+      }), B(() => a.value, (e) => {
+        n == null || n.observe(e);
       });
-    }), (e, d) => (o(), u("div", B, [
-      a.value ? (o(), w(g(e.tag), k({
+    }), G(() => n == null ? void 0 : n.disconnect()), (e, v) => (o(), d("div", M, [
+      l.value ? (o(), g(k(e.tag), $({
         key: 0,
         ref_key: "element",
-        ref: n
+        ref: a
       }, e.$attrs, {
         class: "m-animated-text__root",
         style: { columnGap: `${e.columnGap}rem`, rowGap: `${e.rowGap}rem` }
       }), {
-        default: x(() => [
-          (o(!0), u(
-            _,
+        default: _(() => [
+          (o(!0), d(
+            h,
             null,
-            D(r.value, (c, y) => (o(), u("span", {
-              key: c + y,
+            V(i.value, (y, w) => (o(), d("span", {
+              key: y + w,
               class: "m-animated-text__word"
             }, [
-              f(
+              u(
                 "span",
                 {
-                  class: $(["m-animated-text__word-inner", m.value]),
-                  style: h({
-                    animationDelay: `${e.delay + y * (e.wordDelay ?? 150)}ms`,
+                  class: A(["m-animated-text__word-inner", m.value]),
+                  style: x({
+                    animationDelay: `${e.delay + w * (e.wordDelay ?? 150)}ms`,
                     animationDuration: `${e.duration}ms`
                   })
                 },
-                p(c),
+                c(y),
                 7
                 /* TEXT, CLASS, STYLE */
               )
@@ -93,29 +70,29 @@ const B = { class: "m-reset-css m-animated-text" }, M = { class: "m-animated-tex
             128
             /* KEYED_FRAGMENT */
           )),
-          e.lastWord ? (o(), u(
+          e.lastWord ? (o(), d(
             "span",
             {
               key: 0,
-              class: $(["m-animated-text__last-word", m.value]),
-              style: h({
-                animationDelay: `${e.delay + i.value * (e.wordDelay ?? 150)}ms`,
+              class: A(["m-animated-text__last-word", m.value]),
+              style: x({
+                animationDelay: `${e.delay + r.value * (e.wordDelay ?? 150)}ms`,
                 animationDuration: `${e.duration}ms`
               })
             },
             [
-              f("span", M, [
-                d[0] || (d[0] = f(
+              u("span", N, [
+                v[0] || (v[0] = u(
                   "span",
                   { class: "m-animated-text__last-word-inner-gradient" },
                   null,
                   -1
                   /* HOISTED */
                 )),
-                f(
+                u(
                   "span",
-                  N,
-                  p(e.lastWord),
+                  T,
+                  c(e.lastWord),
                   1
                   /* TEXT */
                 )
@@ -123,33 +100,33 @@ const B = { class: "m-reset-css m-animated-text" }, M = { class: "m-animated-tex
             ],
             6
             /* CLASS, STYLE */
-          )) : C("v-if", !0)
+          )) : z("v-if", !0)
         ]),
         _: 1
         /* STABLE */
-      }, 16, ["style"])) : (o(), w(
-        g(e.tag),
-        k({ key: 1 }, e.$attrs, { class: "maz-invisible maz-inline-flex" }),
+      }, 16, ["style"])) : (o(), g(
+        k(e.tag),
+        $({ key: 1 }, e.$attrs, { class: "maz-invisible maz-inline-flex" }),
         {
-          default: x(() => [
-            b(
-              p(e.text) + " ",
+          default: _(() => [
+            D(
+              c(e.text) + " ",
               1
               /* TEXT */
             ),
-            e.lastWord ? (o(), u(
-              _,
+            e.lastWord ? (o(), d(
+              h,
               { key: 0 },
               [
-                b(
-                  p(e.lastWord),
+                D(
+                  c(e.lastWord),
                   1
                   /* TEXT */
                 )
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : C("v-if", !0)
+            )) : z("v-if", !0)
           ]),
           _: 1
           /* STABLE */
@@ -159,7 +136,12 @@ const B = { class: "m-reset-css m-animated-text" }, M = { class: "m-animated-tex
       ))
     ]));
   }
-}), I = /* @__PURE__ */ G(W, [["__scopeId", "data-v-face0b34"]]);
+}), I = (s, i) => {
+  const r = s.__vccOpts || s;
+  for (const [t, l] of i)
+    r[t] = l;
+  return r;
+}, O = /* @__PURE__ */ I(W, [["__scopeId", "data-v-13cab581"]]);
 export {
-  I as default
+  O as default
 };

package/components/MazAvatar.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazAvatar-CuOWgdVG.mjs";
+import { M as f } from "./chunks/MazAvatar.CNx-fB-w.mjs";
 export {
   f as default
 };

package/components/MazBackdrop.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as P, onMounted as V, watch as D, nextTick as B, openBlock as h, createBlock as M, Teleport as N, createVNode as T, Transition as O, withCtx as $, createElementBlock as j, mergeProps as q, createElementVNode as v, normalizeClass as z, withModifiers as F, renderSlot as K, createCommentVNode as I } from "vue";
-import './assets/MazBackdrop.css';const G = {
+import './assets/MazBackdrop.DPLKrrH6.css';const G = {
   role: "dialog",
   class: "m-backdrop-container",
   "aria-modal": "true"

package/components/MazBadge.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeClass as d, normalizeStyle as p, renderSlot as u } from "vue";
-import './assets/MazBadge.css';const f = /* @__PURE__ */ n({
+import './assets/MazBadge.CIY0hr5U.css';const f = /* @__PURE__ */ n({
   __name: "MazBadge",
   props: {
     color: { default: "primary" },

package/components/MazBottomSheet.mjs

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

package/components/MazBtn.mjs

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

package/components/MazCard.mjs

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

package/components/MazCardSpotlight.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as _, ref as c, computed as m, onMounted as k, onUnmounted as E, openBlock as w, createElementBlock as z, normalizeClass as v, normalizeStyle as b, createElementVNode as i, renderSlot as B, withDirectives as y, vShow as h } from "vue";
-import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__PURE__ */ _({
+import './assets/MazCardSpotlight.CrcVk5S1.css';const S = { class: "inner" }, $ = /* @__PURE__ */ _({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },

package/components/MazCarousel.mjs

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

package/components/MazCheckbox.mjs

@@ -1,5 +1,5 @@
 import { computed as t, useId as N, openBlock as h, createElementBlock as p, createElementVNode as u, defineComponent as E, ref as _, unref as m, normalizeClass as f, normalizeStyle as c, mergeProps as A, createVNode as $, renderSlot as M, createTextVNode as D, toDisplayString as w, createCommentVNode as R } from "vue";
-import './assets/MazCheckbox.css';function j({
+import './assets/MazCheckbox.CA7GJd2c.css';function j({
   componentName: l,
   providedId: a
 }) {

package/components/MazChecklist.mjs

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

package/components/MazCircularProgressBar.d.ts

@@ -15,6 +15,11 @@ type __VLS_Props = {
      * @default 1000
      */
     duration?: number;
+    /**
+     * Delay before the animation starts in milliseconds
+     * @default 100
+     */
+    delay?: number;
     /**
      * The color of the progress bar
      */
@@ -50,20 +55,28 @@ type __VLS_Props = {
      */
     stroke?: SVGAttributes['stroke'];
     /**
-     * The percentage value of the success color
+     * The percentage value of the success level
+     * @description The progress circle will be filled with the success color when the percentage is greater than or equal to this value
      * @default 100
      */
     successPercentage?: number;
     /**
-     * The percentage value of the warning color
+     * The percentage value of the warning level
+     * @description The progress circle will be filled with the warning color when the percentage is greater than or equal to this value
      * @default 50
      */
     warningPercentage?: number;
     /**
-     * The percentage value of the danger color
+     * The percentage value of the danger level
+     * @description The progress circle will be filled with the danger color when the percentage is greater than or equal to this value
      * @default 25
      */
     dangerPercentage?: number;
+    /**
+     * Play the animation only once
+     * @default true
+     */
+    once?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -72,7 +85,9 @@ declare function __VLS_template(): {
         prefix?(_: {}): any;
         suffix?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        circleRef: SVGSVGElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -80,6 +95,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     size: string;
     color: Color;
     duration: number;
+    once: boolean;
     prefix: string;
     suffix: string;
     stroke: string;