maz-ui 3.35.2 → 3.36.0

package/modules/chunks/{index-Cd939Pzv.mjs → index-DKgMLGti.mjs}

@@ -1,8 +1,8 @@
 var Ge = Object.defineProperty;
 var Je = (s, e, t) => e in s ? Ge(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var r = (s, e, t) => (Je(s, typeof e != "symbol" ? e + "" : e, t), t);
+var l = (s, e, t) => (Je(s, typeof e != "symbol" ? e + "" : e, t), t);
 import "../assets/index.css";
-import { inject as et, createVNode as N, render as te, nextTick as tt, defineComponent as Oe, defineAsyncComponent as L, ref as v, computed as p, watch as He, onMounted as ue, onBeforeUnmount as De, openBlock as T, createElementBlock as R, withModifiers as A, withKeys as st, withDirectives as Pe, unref as C, vShow as Me, createCommentVNode as O, createElementVNode as x, normalizeClass as Ee, createBlock as F, Transition as nt, withCtx as ye, resolveDynamicComponent as it, toDisplayString as be, createTextVNode as ot, normalizeStyle as rt, onUnmounted as at } from "vue";
+import { inject as et, createVNode as V, render as te, nextTick as tt, defineComponent as Oe, defineAsyncComponent as T, ref as v, computed as b, watch as He, onMounted as ue, onBeforeUnmount as De, openBlock as z, createElementBlock as B, withModifiers as x, withKeys as st, withDirectives as Pe, unref as C, vShow as Me, createCommentVNode as k, createElementVNode as A, normalizeClass as Ee, createBlock as N, Transition as nt, withCtx as ye, resolveDynamicComponent as it, toDisplayString as be, createTextVNode as ot, normalizeStyle as rt, onUnmounted as at } from "vue";
 function Te(s, e) {
   const t = et(s, e);
   if (!t)
@@ -25,34 +25,34 @@ function $e(s, e) {
   function n() {
     t && te(null, t);
   }
-  const i = N(
+  const i = V(
     s,
     { ...e == null ? void 0 : e.props, ...e != null && e.addDestroyInProps ? { destroy: n } : {} },
     e == null ? void 0 : e.children
   );
   return e != null && e.app ? (i.appContext = e.app._context, t ? te(i, t) : typeof document < "u" && (t = document.createElement("div"), te(i, t))) : (t = t ?? document.body, te(i, t)), { vNode: i, destroy: n, el: t };
 }
-function E() {
+function L() {
   return typeof document < "u";
 }
 class ct {
   constructor(e, t) {
-    r(this, "defaultOptions", {
+    l(this, "defaultOptions", {
       element: void 0,
       timeout: 60 * 1e3 * 5,
       // 5 minutes
       once: !1,
       immediate: !0
     });
-    r(this, "options");
-    r(this, "timeoutHandler");
-    r(this, "isIdle", !1);
-    r(this, "isDestroy", !1);
-    r(this, "startTime", 0);
-    r(this, "remainingTime", 0);
-    r(this, "lastClientX", -1);
-    r(this, "lastClientY", -1);
-    r(this, "eventNames", [
+    l(this, "options");
+    l(this, "timeoutHandler");
+    l(this, "isIdle", !1);
+    l(this, "isDestroy", !1);
+    l(this, "startTime", 0);
+    l(this, "remainingTime", 0);
+    l(this, "lastClientX", -1);
+    l(this, "lastClientY", -1);
+    l(this, "eventNames", [
       "DOMMouseScroll",
       "mousedown",
       "mousemove",
@@ -65,7 +65,7 @@ class ct {
       "wheel",
       "click"
     ]);
-    r(this, "handleEvent", (e) => {
+    l(this, "handleEvent", (e) => {
       try {
         if (this.remainingTime > 0)
           return;
@@ -83,13 +83,13 @@ class ct {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, E() && this.start();
+    }, L() && this.start();
   }
   get element() {
     return this.options.element ?? document.body;
   }
   start() {
-    if (!E()) {
+    if (!L()) {
       console.warn("[IdleTimeout](start) you should run this method on client side");
       return;
     }
@@ -108,7 +108,7 @@ class ct {
     this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle });
   }
   destroy() {
-    if (!E()) {
+    if (!L()) {
       console.warn("[IdleTimeout](destroy) you should run this method on client side");
       return;
     }
@@ -144,23 +144,23 @@ class ct {
 }
 class ut {
   constructor(e, t) {
-    r(this, "eventHandlerFunction");
-    r(this, "event", "visibilitychange");
-    r(this, "timeoutHandler");
-    r(this, "options");
-    r(this, "defaultOptions", {
+    l(this, "eventHandlerFunction");
+    l(this, "event", "visibilitychange");
+    l(this, "timeoutHandler");
+    l(this, "options");
+    l(this, "defaultOptions", {
       timeout: 5e3,
       once: !1,
       immediate: !0
     });
-    r(this, "isVisible", !1);
+    l(this, "isVisible", !1);
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, this.eventHandlerFunction = this.eventHandler.bind(this), E() && this.start();
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), L() && this.start();
   }
   start() {
-    if (!E()) {
+    if (!L()) {
       console.warn("[UserVisibility](start) you should run this method on client side");
       return;
     }
@@ -192,20 +192,20 @@ const mt = (s) => new Promise((e) => {
   setTimeout(e, s);
 });
 class us {
-  constructor({ src: e, identifier: t, once: n = !0, async: i = !0, defer: l = !0 }) {
-    r(this, "src");
-    r(this, "script");
-    r(this, "once");
-    r(this, "async");
-    r(this, "defer");
-    r(this, "identifier");
+  constructor({ src: e, identifier: t, once: n = !0, async: i = !0, defer: r = !0 }) {
+    l(this, "src");
+    l(this, "script");
+    l(this, "once");
+    l(this, "async");
+    l(this, "defer");
+    l(this, "identifier");
     if (typeof window > "u")
       throw new TypeError("[ScriptLoader]: Is supported only on browser side");
     if (!e)
       throw new Error('[ScriptLoader]: You should provide the attribut "src"');
     if (!t)
       throw new Error('[ScriptLoader]: You should provide the attribut "identifier"');
-    this.src = e, this.identifier = t, this.once = n, this.async = i, this.defer = l;
+    this.src = e, this.identifier = t, this.once = n, this.async = i, this.defer = r;
   }
   removeTag(e) {
     var t;
@@ -225,7 +225,7 @@ class us {
     return new Promise((t, n) => {
       try {
         const i = document.createElement("script");
-        i.src = this.src, i.async = this.async, i.defer = this.defer, i.dataset.identifier = this.identifier, i.addEventListener("error", (l) => n(new Error(`[ScriptLoader](injectScript) ${l.message}`))), i.addEventListener("load", (l) => (this.script = l, e[this.identifier] = l, t(l))), document.head.append(i);
+        i.src = this.src, i.async = this.async, i.defer = this.defer, i.dataset.identifier = this.identifier, i.addEventListener("error", (r) => n(new Error(`[ScriptLoader](injectScript) ${r.message}`))), i.addEventListener("load", (r) => (this.script = r, e[this.identifier] = r, t(r))), document.head.append(i);
       } catch (i) {
         throw new Error(`[ScriptLoader](init) ${i}`);
       }
@@ -240,25 +240,25 @@ function ms(s) {
 }
 class dt {
   constructor(e) {
-    r(this, "defaultOptions", {
+    l(this, "defaultOptions", {
       preventDefaultOnTouchMove: !1,
       preventDefaultOnMouseWheel: !1,
       threshold: 50,
       immediate: !1,
       triggerOnEnd: !1
     });
-    r(this, "element");
-    r(this, "xStart");
-    r(this, "yStart");
-    r(this, "xEnd");
-    r(this, "yEnd");
-    r(this, "xDiff");
-    r(this, "yDiff");
-    r(this, "onToucheStartCallback");
-    r(this, "onToucheMoveCallback");
-    r(this, "onToucheEndCallback");
-    r(this, "onMouseWheelCallback");
-    r(this, "options");
+    l(this, "element");
+    l(this, "xStart");
+    l(this, "yStart");
+    l(this, "xEnd");
+    l(this, "yEnd");
+    l(this, "xDiff");
+    l(this, "yDiff");
+    l(this, "onToucheStartCallback");
+    l(this, "onToucheMoveCallback");
+    l(this, "onToucheEndCallback");
+    l(this, "onMouseWheelCallback");
+    l(this, "options");
     if (this.inputOption = e, this.options = { ...this.defaultOptions, ...e }, !this.options.element)
       throw new Error(
         "[SwipeHandler] Element should be provided. Its can be a string selector or an HTMLElement"
@@ -302,8 +302,8 @@ class dt {
     this.runCallbacks(e), this.emitValuesChanged();
   }
   runCallbacks(e) {
-    var t, n, i, l, a, c, d, g;
-    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? (n = (t = this.options).onLeft) == null || n.call(t, e) : (l = (i = this.options).onRight) == null || l.call(i, e) : this.yDiff > 0 ? (c = (a = this.options).onUp) == null || c.call(a, e) : (g = (d = this.options).onDown) == null || g.call(d, e), this.resetValues());
+    var t, n, i, r, a, c, m, p;
+    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? (n = (t = this.options).onLeft) == null || n.call(t, e) : (r = (i = this.options).onRight) == null || r.call(i, e) : this.yDiff > 0 ? (c = (a = this.options).onUp) == null || c.call(a, e) : (p = (m = this.options).onDown) == null || p.call(m, e), this.resetValues());
   }
   resetValues() {
     this.xStart = void 0, this.yStart = void 0, this.xEnd = void 0, this.yEnd = void 0, this.xDiff = void 0, this.yDiff = void 0, this.emitValuesChanged();
@@ -316,8 +316,8 @@ function ds(s, e) {
     n - t >= e && (await s(), t = n);
   };
 }
-const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "touchstart" : "click", Ne = async (s, e) => {
-  _e(s);
+const ae = "__vue_click_away__", _e = () => document.ontouchstart === null ? "touchstart" : "click", Fe = async (s, e) => {
+  Ne(s);
   const t = e.instance, n = e.value, i = typeof n == "function";
   if (!i)
     throw new Error("[maz-ui](vClickOutside) the callback should be a function");
@@ -325,27 +325,27 @@ const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "to
     if ((!s || !s.contains(a.target)) && n && i)
       return n.call(t, a);
   };
-  const l = Fe();
-  document.addEventListener(l, s[ae], !1);
-}, _e = (s) => {
-  const e = Fe();
+  const r = _e();
+  document.addEventListener(r, s[ae], !1);
+}, Ne = (s) => {
+  const e = _e();
   document.removeEventListener(e, s[ae], !1), delete s[ae];
 }, ht = (s, e) => {
-  e.value !== e.oldValue && Ne(s, e);
+  e.value !== e.oldValue && Fe(s, e);
 }, Ve = {
-  mounted: Ne,
+  mounted: Fe,
   updated: ht,
-  unmounted: _e
+  unmounted: Ne
 }, hs = {
   install: (s) => {
     s.directive("click-outside", Ve);
   }
 }, Be = (s, e, t, n) => {
   s.stopPropagation();
-  const { handler: i, exclude: l } = t.value;
+  const { handler: i, exclude: r } = t.value;
   let a = !1;
-  if (l && l.length > 0)
-    for (const c of l)
+  if (r && r.length > 0)
+    for (const c of r)
       a || (a = n.context.$refs[c].contains(s.target));
   !e.contains(s.target) && !a && n.context[i]();
 }, qe = () => document.ontouchstart === null ? "touchstart" : "click", ft = (s, e, t) => {
@@ -498,21 +498,21 @@ const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "to
 };
 class pt {
   constructor(e) {
-    r(this, "options");
-    r(this, "loader");
-    r(this, "wrapper");
-    r(this, "img");
-    r(this, "keydownHandler");
-    r(this, "onImgLoadedCallback");
-    r(this, "buttonsAdded");
-    r(this, "defaultOptions", {
+    l(this, "options");
+    l(this, "loader");
+    l(this, "wrapper");
+    l(this, "img");
+    l(this, "keydownHandler");
+    l(this, "onImgLoadedCallback");
+    l(this, "buttonsAdded");
+    l(this, "defaultOptions", {
       scale: !0,
       blur: !0,
       disabled: !1
     });
-    r(this, "mouseEnterListener");
-    r(this, "mouseLeaveListener");
-    r(this, "renderPreviewListener");
+    l(this, "mouseEnterListener");
+    l(this, "mouseLeaveListener");
+    l(this, "renderPreviewListener");
     if (!e.value)
       throw new Error(
         '[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`'
@@ -556,8 +556,8 @@ class pt {
     const e = this.getButton(), t = [], n = this.allInstances.length > 1;
     if (!this.buttonsAdded) {
       if (this.buttonsAdded = !0, n) {
-        const i = this.getButton("previous"), l = this.getButton("next");
-        t.push(i, l);
+        const i = this.getButton("previous"), r = this.getButton("next");
+        t.push(i, r);
       }
       this.wrapper.append(e), n && (this.wrapper.prepend(t[0]), this.wrapper.append(t[1]));
     }
@@ -600,7 +600,7 @@ class pt {
       ".maz-zoom-img-instance.maz-is-open"
     );
     if (n) {
-      const i = this.allInstances.indexOf(n), l = t ? i + 1 : i - 1, a = this.allInstances[this.getNewInstanceIndex(l)];
+      const i = this.allInstances.indexOf(n), r = t ? i + 1 : i - 1, a = this.allInstances[this.getNewInstanceIndex(r)];
       a && this.useNextInstance(n, a);
     }
   }
@@ -661,12 +661,12 @@ const We = {
 };
 class je {
   constructor(e = {}) {
-    r(this, "observers", []);
-    r(this, "defaultOptions", ze);
-    r(this, "options");
-    r(this, "onImgLoadedCallback");
-    r(this, "onImgErrorCallback");
-    r(this, "hasImgLoaded", !1);
+    l(this, "observers", []);
+    l(this, "defaultOptions", ze);
+    l(this, "options");
+    l(this, "onImgLoadedCallback");
+    l(this, "onImgErrorCallback");
+    l(this, "hasImgLoaded", !1);
     this.options = this.buildOptions(e), this.onImgLoadedCallback = this.imageIsLoaded.bind(this), this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
@@ -746,8 +746,8 @@ class je {
     typeof t == "string" && this.addClass(e, this.options.noPhotoClass);
     const n = t ?? await this.loadErrorPhoto(), i = e.querySelectorAll("source");
     if (i.length > 0)
-      for await (const l of i)
-        l.srcset = n;
+      for await (const r of i)
+        r.srcset = n;
     else
       this.setImgSrc(e, n);
   }
@@ -772,11 +772,11 @@ class je {
     n.src = t;
   }
   handleIntersectionObserver(e, t, n, i) {
-    var l, a;
+    var r, a;
     this.observers.push(i);
     for (const c of n)
       if (c.isIntersecting) {
-        if ((a = (l = this.options).onIntersecting) == null || a.call(l, c.target), this.options.observerOnce && i.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
+        if ((a = (r = this.options).onIntersecting) == null || a.call(r, c.target), this.options.observerOnce && i.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
           return;
         this.loadImage(e, t);
       }
@@ -859,23 +859,23 @@ const bt = {
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = e, n = L(() => import("./MazSpinner-BGhcM5_9.mjs")), i = L(() => import("./x-mark-BP8zWe_C.mjs")), l = L(() => import("./chevron-left-CcZaP3Rc.mjs")), a = s, c = v(!1), d = v(!1), g = v(!1), b = v(!1), f = v(!1), y = v(a.clickedElement), I = p(() => a.clickedElement.getBoundingClientRect()), B = p(
-      () => I.value.height < I.value.width
-    ), D = v(a.src), K = v(a.alt), M = v(), S = v(), q = p(() => f.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
-    function Y() {
-      c.value = !0, d.value = !1, g.value = !0;
+    const t = e, n = T(() => import("./MazSpinner-XnoDFuH-.mjs")), i = T(() => import("./x-mark-BP8zWe_C.mjs")), r = T(() => import("./chevron-left-CcZaP3Rc.mjs")), a = s, c = v(!1), m = v(!1), p = v(!1), E = v(!1), y = v(!1), f = v(a.clickedElement), S = b(() => a.clickedElement.getBoundingClientRect()), W = b(
+      () => S.value.height < S.value.width
+    ), $ = v(a.src), H = v(a.alt), X = v(), I = v(), j = b(() => y.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
+    function R() {
+      c.value = !0, m.value = !1, p.value = !0;
     }
     He(
-      () => g.value,
+      () => p.value,
       (u) => {
-        u && ve();
+        u && ee();
       }
     );
-    function k() {
-      t("before-close"), j();
+    function D() {
+      t("before-close"), ve();
     }
-    function X(u) {
-      u.key === "Escape" && (u.preventDefault(), k()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), U(u.key === "ArrowRight" ? "next" : "previous"));
+    function P(u) {
+      u.key === "Escape" && (u.preventDefault(), D()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), K(u.key === "ArrowRight" ? "next" : "previous"));
     }
     function me() {
       document.documentElement.classList.add("--m-fullscreen-open");
@@ -886,54 +886,54 @@ const bt = {
     function Z() {
       return [...document.querySelectorAll(".m-fullscreen-img-instance")];
     }
-    function he(u, o) {
-      return o < 0 ? u.length - 1 : o >= u.length ? 0 : o;
+    function he(u, d) {
+      return d < 0 ? u.length - 1 : d >= u.length ? 0 : d;
     }
-    async function fe(u, o) {
-      u.classList.remove(a.openInstanceClass), o.classList.add(a.openInstanceClass);
-      const m = o.getAttribute("data-src"), h = o.getAttribute("data-alt");
-      K.value = h, m && (D.value = m), c.value = !1, c.value || (d.value = !0);
+    async function fe(u, d) {
+      u.classList.remove(a.openInstanceClass), d.classList.add(a.openInstanceClass);
+      const o = d.getAttribute("data-src"), h = d.getAttribute("data-alt");
+      H.value = h, o && ($.value = o), c.value = !1, c.value || (m.value = !0);
     }
-    function U(u) {
-      const o = document.querySelector(
+    function K(u) {
+      const d = document.querySelector(
         `.m-fullscreen-img-instance.${a.openInstanceClass}`
       );
-      if (o) {
-        const m = Z(), h = m.indexOf(o), w = u === "next" ? h + 1 : h - 1, z = m[he(m, w)];
-        y.value = z, z && fe(o, z), t(u), f.value ? W(S.value) : P();
+      if (d) {
+        const o = Z(), h = o.indexOf(d), g = u === "next" ? h + 1 : h - 1, w = o[he(o, g)];
+        f.value = w, w && fe(d, w), t(u), y.value ? Q(I.value) : F();
       }
     }
-    function W(u) {
-      B.value ? (u.style.width = `${window.innerWidth}px`, u.style.removeProperty("height")) : (u.style.height = `${window.innerHeight}px`, u.style.removeProperty("width")), u.style.removeProperty("top"), u.style.removeProperty("left");
+    function Q(u) {
+      W.value ? (u.style.width = `${window.innerWidth}px`, u.style.removeProperty("height")) : (u.style.height = `${window.innerHeight}px`, u.style.removeProperty("width")), u.style.removeProperty("top"), u.style.removeProperty("left");
     }
-    async function Q() {
-      const u = S.value;
-      f.value ? (f.value = !f.value, P()) : (f.value = !f.value, W(u));
+    async function G() {
+      const u = I.value;
+      y.value ? (y.value = !y.value, F()) : (y.value = !y.value, Q(u));
     }
-    function G(u) {
-      var o;
-      return (o = S.value) == null ? void 0 : o.animate(u, {
+    function Y(u) {
+      var d;
+      return (d = I.value) == null ? void 0 : d.animate(u, {
         duration: a.animation.duration,
         // Durée de l'animation en millisecondes
         easing: a.animation.easing
         // Fonction d'interpolation pour l'animation inverse
       });
     }
-    function $(u = a.offset ?? 0) {
-      const o = y.value instanceof HTMLImageElement ? y.value.naturalWidth : y.value.clientWidth, m = y.value instanceof HTMLImageElement ? y.value.naturalHeight : y.value.clientHeight, h = window.innerWidth, w = window.innerHeight, z = Math.min(
-        (h - 2 * u) / o,
-        (w - 2 * u) / m
-      ), ge = (h - o * z) / 2, pe = (w - m * z) / 2;
+    function J(u = a.offset ?? 0) {
+      const d = f.value instanceof HTMLImageElement ? f.value.naturalWidth : f.value.clientWidth, o = f.value instanceof HTMLImageElement ? f.value.naturalHeight : f.value.clientHeight, h = window.innerWidth, g = window.innerHeight, w = Math.min(
+        (h - 2 * u) / d,
+        (g - 2 * u) / o
+      ), ge = (h - d * w) / 2, pe = (g - o * w) / 2;
       return {
-        originalWidth: o,
-        originalHeight: m,
-        scale: z,
+        originalWidth: d,
+        originalHeight: o,
+        scale: w,
         centerX: ge,
         centerY: pe
       };
     }
-    function J({ trigger: u }) {
-      const { originalWidth: o, originalHeight: m, scale: h, centerX: w, centerY: z } = $(), { top: ge, left: pe, width: Ze, height: Qe } = I.value, Ie = [
+    function _({ trigger: u }) {
+      const { originalWidth: d, originalHeight: o, scale: h, centerX: g, centerY: w } = J(), { top: ge, left: pe, width: Ze, height: Qe } = S.value, Ie = [
         {
           top: `${ge}px`,
           left: `${pe}px`,
@@ -942,10 +942,10 @@ const bt = {
           opacity: 0
         },
         {
-          top: `${z}px`,
-          left: `${w}px`,
-          width: `${o * h}px`,
-          height: `${m * h}px`,
+          top: `${w}px`,
+          left: `${g}px`,
+          width: `${d * h}px`,
+          height: `${o * h}px`,
           opacity: 1
         }
       ];
@@ -953,97 +953,97 @@ const bt = {
         frames: u === "open" ? Ie : Ie.reverse()
       };
     }
-    function P() {
-      const { centerX: u, centerY: o, originalHeight: m, originalWidth: h, scale: w } = $(), z = {
-        top: `${o}px`,
+    function F() {
+      const { centerX: u, centerY: d, originalHeight: o, originalWidth: h, scale: g } = J(), w = {
+        top: `${d}px`,
         left: `${u}px`,
-        width: `${h * w}px`,
-        height: `${m * w}px`
+        width: `${h * g}px`,
+        height: `${o * g}px`
       };
-      if (!S.value)
+      if (!I.value)
         throw console.error("[maz-ui](vFullscreenImg) ImgElement is not defined");
-      Object.assign(S.value.style, z);
+      Object.assign(I.value.style, w);
     }
-    function ve() {
-      const { frames: u } = J({
+    function ee() {
+      const { frames: u } = _({
         trigger: "open"
-      }), o = G(u);
-      if (!o)
+      }), d = Y(u);
+      if (!d)
         throw console.error("[maz-ui](vFullscreenImg) open animation is not defined");
-      o.onfinish = () => {
-        P();
+      d.onfinish = () => {
+        F();
       };
     }
-    function j() {
-      const { frames: u } = J({
+    function ve() {
+      const { frames: u } = _({
         trigger: "close"
-      }), o = G(u);
-      if (!o)
+      }), d = Y(u);
+      if (!d)
         throw console.error("[maz-ui](vFullscreenImg) close animation is not defined");
-      o.onfinish = () => {
-        var m, h;
-        t("close"), (m = M.value) == null || m.remove(), (h = a.destroy) == null || h.call(a);
+      d.onfinish = () => {
+        var o, h;
+        t("close"), (o = X.value) == null || o.remove(), (h = a.destroy) == null || h.call(a);
       };
     }
-    function ee() {
-      f.value || P();
+    function M() {
+      y.value || F();
     }
     return ue(() => {
-      d.value = !0, document.addEventListener("keydown", X), window.addEventListener("resize", ee), me(), b.value = Z().length > 1;
+      m.value = !0, document.addEventListener("keydown", P), window.addEventListener("resize", M), me(), E.value = Z().length > 1;
     }), De(() => {
-      document.removeEventListener("keydown", X), window.removeEventListener("resize", ee), de();
-    }), (u, o) => (T(), R("div", {
+      document.removeEventListener("keydown", P), window.removeEventListener("resize", M), de();
+    }), (u, d) => (z(), B("div", {
       ref_key: "FullscreenImgElement",
-      ref: M,
+      ref: X,
       role: "button",
       class: "m-fullscreen-img",
       tabindex: "0",
-      onClick: A(k, ["stop"]),
-      onKeypress: st(A(k, ["prevent"]), ["esc"])
+      onClick: x(D, ["stop"]),
+      onKeypress: st(x(D, ["prevent"]), ["esc"])
     }, [
-      Pe(N(
+      Pe(V(
         C(n),
         { class: "m-fullscreen-img-loader maz-h-16" },
         null,
         512
         /* NEED_PATCH */
       ), [
-        [Me, d.value]
+        [Me, m.value]
       ]),
-      g.value && b.value ? (T(), R("button", {
+      p.value && E.value ? (z(), B("button", {
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: o[0] || (o[0] = A((m) => U("next"), ["stop"]))
+        onClick: d[0] || (d[0] = x((o) => K("next"), ["stop"]))
       }, [
-        N(C(l), { class: "maz-rotate-180 maz-text-3xl" })
-      ])) : O("v-if", !0),
-      g.value && b.value ? (T(), R("button", {
+        V(C(r), { class: "maz-rotate-180 maz-text-3xl" })
+      ])) : k("v-if", !0),
+      p.value && E.value ? (z(), B("button", {
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: o[1] || (o[1] = A((m) => U("previous"), ["stop"]))
+        onClick: d[1] || (d[1] = x((o) => K("previous"), ["stop"]))
       }, [
-        N(C(l), { class: "maz-text-3xl" })
-      ])) : O("v-if", !0),
-      x("button", {
+        V(C(r), { class: "maz-text-3xl" })
+      ])) : k("v-if", !0),
+      A("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: k
+        onClick: D
       }, [
-        N(C(i), { class: "maz-text-3xl" })
+        V(C(i), { class: "maz-text-3xl" })
       ]),
-      x("div", zt, [
-        O(" eslint-disable-next-line vuejs-accessibility/no-static-element-interactions, vuejs-accessibility/click-events-have-key-events "),
-        x("img", {
+      A("div", zt, [
+        k(" eslint-disable-next-line vuejs-accessibility/no-static-element-interactions, vuejs-accessibility/click-events-have-key-events "),
+        A("img", {
           ref_key: "ImgElement",
-          ref: S,
-          src: D.value,
-          alt: K.value ?? void 0,
+          ref: I,
+          src: $.value,
+          alt: H.value ?? void 0,
           tabindex: "0",
-          class: Ee([q.value]),
-          onLoad: Y,
-          onClick: o[2] || (o[2] = A((m) => u.zoom ? Q() : void 0, ["stop"]))
+          class: Ee([j.value]),
+          onLoad: R,
+          onClick: d[2] || (d[2] = x((o) => u.zoom ? G() : void 0, ["stop"]))
         }, null, 42, Lt)
       ])
     ], 40, Et));
@@ -1056,8 +1056,8 @@ const bt = {
 }, It = /* @__PURE__ */ Re(Tt, [["__scopeId", "data-v-4836a523"]]), ke = "m-fullscreen-is-open";
 class St {
   constructor() {
-    r(this, "options");
-    r(this, "defaultOptions", {
+    l(this, "options");
+    l(this, "defaultOptions", {
       scaleOnHover: !1,
       blurOnHover: !1,
       disabled: !1,
@@ -1068,17 +1068,17 @@ class St {
         easing: "ease-in-out"
       }
     });
-    r(this, "mouseEnterListener");
-    r(this, "mouseLeaveListener");
-    r(this, "renderPreviewListener");
+    l(this, "mouseEnterListener");
+    l(this, "mouseLeaveListener");
+    l(this, "renderPreviewListener");
   }
   buildOptions(e, t) {
-    const n = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, i = (n == null ? void 0 : n.src) ?? this.getImgSrc(e), l = (n == null ? void 0 : n.alt) ?? this.getImgAlt(e);
+    const n = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, i = (n == null ? void 0 : n.src) ?? this.getImgSrc(e), r = (n == null ? void 0 : n.alt) ?? this.getImgAlt(e);
     return {
       ...this.defaultOptions,
       ...n,
       src: i,
-      alt: l
+      alt: r
     };
   }
   get allInstances() {
@@ -1169,7 +1169,7 @@ const Ke = {
     for (const { name: e, directive: t } of kt)
       s.directive(e, t);
   }
-}, xt = (s) => s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "", Ct = {
+}, Ct = (s) => s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "", xt = {
   style: "currency",
   minimumFractionDigits: 2,
   round: !1
@@ -1187,7 +1187,7 @@ const Ke = {
     throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
 }, Ht = (s, e, t) => {
   const n = {
-    ...Ct,
+    ...xt,
     ...t
   };
   Ot(s, e, n);
@@ -1230,110 +1230,107 @@ const Ke = {
   } catch (i) {
     throw new Error(`[maz-ui](FilterNumber) ${i}`);
   }
-}, Ft = {
-  capitalize: xt,
+}, _t = {
+  capitalize: Ct,
   currency: Ht,
   date: Pt,
   number: $t
 }, bs = {
   install(s) {
-    s.provide("filters", Ft);
+    s.provide("filters", _t);
   }
-}, Nt = ({ timeout: s, callback: e, remainingTimeUpdate: t = 200 }) => {
-  const n = v(s);
-  let i;
-  function l() {
-    n.value = s, a();
+}, Ft = ({ timeout: s = 1e3, callback: e, remainingTimeUpdate: t = 200 }) => {
+  const n = v(s), i = v(s);
+  let r;
+  function a(y) {
+    typeof y == "number" && (i.value = y), typeof y == "number" && (n.value = y), c();
   }
-  function a() {
-    i || (i = setInterval(() => {
-      n.value -= t, n.value <= 0 && (g(), e == null || e());
+  function c() {
+    r || (r = setInterval(() => {
+      i.value -= t, i.value <= 0 && (E(), e == null || e());
     }, t));
   }
-  function c() {
-    i && (clearInterval(i), i = void 0);
+  function m() {
+    r && (clearInterval(r), r = void 0);
   }
-  function d() {
-    !i && n.value > 0 && a();
+  function p() {
+    !r && i.value > 0 && c();
   }
-  function g() {
-    n.value = s, c();
+  function E() {
+    i.value = n.value, m();
   }
   return {
-    remainingTime: n,
-    start: l,
-    pause: c,
-    resume: d,
-    stop: g
+    remainingTime: i,
+    start: a,
+    pause: m,
+    resume: p,
+    stop: E
   };
-}, _t = { class: "m-toast__message-wrapper" }, Vt = { class: "m-toast__message" }, Bt = { class: "maz-flex maz-items-center maz-gap-2" }, qt = { key: 0 }, Ut = { class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1" }, Wt = /* @__PURE__ */ Oe({
+}, Nt = { class: "m-toast__message-wrapper" }, Vt = { class: "m-toast__message" }, Bt = { class: "maz-flex maz-items-center maz-gap-2" }, qt = { key: 0 }, Ut = {
+  key: 4,
+  class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1"
+}, Wt = /* @__PURE__ */ Oe({
   __name: "MazToast",
   props: {
-    position: {
-      type: String,
-      default: "bottom-right"
-    },
+    message: { default: void 0 },
+    position: { default: "bottom-right" },
     maxToasts: { type: [Number, Boolean], default: !1 },
-    timeout: { type: Number, default: 1e4 },
-    queue: { type: Boolean, default: !1 },
-    noPauseOnHover: { type: Boolean, default: !1 },
-    type: {
-      type: String,
-      default: "info"
-    },
-    message: { type: String, required: !0 },
-    link: { type: Object, default: void 0 },
-    action: { type: Object, default: void 0 },
-    persistent: { type: Boolean, default: !1 }
+    timeout: { type: [Number, Boolean], default: 1e4 },
+    queue: { type: Boolean },
+    noPauseOnHover: { type: Boolean },
+    type: { default: "info" },
+    link: { default: void 0 },
+    action: { default: void 0 },
+    persistent: { type: Boolean }
   },
   emits: ["close", "click", "open"],
-  setup(s, { emit: e }) {
-    const t = L(() => import("./MazBtn-C7UJhdwD.mjs")), n = L(() => import("./x-mark-BP8zWe_C.mjs")), i = L(
+  setup(s, { expose: e, emit: t }) {
+    const n = T(() => import("./MazBtn-BQCYLwIS.mjs")), i = T(() => import("./x-mark-BP8zWe_C.mjs")), r = T(
       () => import("./arrow-top-right-on-square-CkcBq4qD.mjs")
-    ), l = L(
+    ), a = T(
       () => import("./exclamation-triangle-BfZLmRbP.mjs")
-    ), a = L(
+    ), c = T(
       () => import("./exclamation-circle-DzBJ8vGa.mjs")
-    ), c = L(
+    ), m = T(
       () => import("./information-circle-C0pE_7kr.mjs")
-    ), d = L(() => import("./check-circle-CtCMBYyp.mjs")), g = L(() => import("./link-D7FkvsK4.mjs")), b = v(), f = s, y = p(() => {
+    ), p = T(() => import("./check-circle-CtCMBYyp.mjs")), E = T(() => import("./link-D7FkvsK4.mjs")), y = v(), f = s, S = b(() => {
       switch (f.type) {
         case "danger":
-          return l;
+          return a;
         case "info":
-          return c;
+          return m;
         case "success":
-          return d;
+          return p;
         case "warning":
-          return a;
+          return c;
         default:
           return;
       }
-    }), I = e, B = p(() => f.position.includes("top") ? "top" : "bottom"), D = p(() => f.position.includes("left") ? "left" : f.position.includes("right") ? "right" : "center"), K = p(() => D.value !== "center" ? D.value === "right" ? "m-slide-right" : "m-slide-left" : B.value === "top" ? "m-slide-top" : "m-slide-bottom"), M = v(!1), S = v(!1), q = v(), Y = `m-toast-container --${B.value} --${D.value}`, k = `.${Y.replaceAll(" ", ".")}`, { start: X, stop: me, pause: de, resume: Z, remainingTime: he } = Nt({
-      callback: j,
-      timeout: f.timeout
+    }), W = t, $ = b(() => f.position.includes("top") ? "top" : "bottom"), H = b(() => f.position.includes("left") ? "left" : f.position.includes("right") ? "right" : "center"), X = b(() => H.value !== "center" ? H.value === "right" ? "m-slide-right" : "m-slide-left" : $.value === "top" ? "m-slide-top" : "m-slide-bottom"), I = v(!1), j = v(!1), R = v(), D = `m-toast-container --${$.value} --${H.value}`, P = `.${D.replaceAll(" ", ".")}`, { start: me, stop: de, pause: Z, resume: he, remainingTime: fe } = Ft({
+      callback: M,
+      timeout: typeof f.timeout == "number" ? f.timeout : 0
     });
-    function fe() {
-      const o = document.querySelector(k);
+    function K() {
+      const o = document.querySelector(P);
       if (!o && !o) {
-        const m = document.body, h = document.createElement("div");
-        h.className = Y, m.append(h);
+        const h = document.body, g = document.createElement("div");
+        g.className = D, h.append(g);
       }
     }
-    function U() {
-      const o = document.querySelector(k);
+    function Q() {
+      const o = document.querySelector(P);
       return !f.queue && f.maxToasts === !1 ? !1 : typeof f.maxToasts == "number" && o ? f.maxToasts <= o.childElementCount : o && o.childElementCount > 0;
     }
-    function W() {
-      if (U()) {
-        q.value = setTimeout(W, 250);
+    function G() {
+      if (Q()) {
+        R.value = setTimeout(G, 250);
         return;
       }
-      const o = document.querySelector(k);
-      b.value && o && o.prepend(b.value), S.value = !0, X();
+      const o = document.querySelector(P);
+      y.value && o && o.prepend(y.value), j.value = !0, typeof f.timeout == "number" && f.timeout > 0 && me();
     }
-    const Q = v("100%");
-    function G() {
+    const Y = v("100%");
+    function J() {
       switch (f.type) {
         case "danger":
           return "maz-bg-danger-700";
@@ -1348,119 +1345,125 @@ const Ke = {
       }
     }
     He(
-      () => he.value,
+      () => fe.value,
       (o) => {
-        if (typeof o == "number") {
-          const m = 100 * o / f.timeout;
-          Q.value = `${m}%`, o <= 0 && j();
+        if (typeof o == "number" && typeof f.timeout == "number") {
+          const h = 100 * o / f.timeout;
+          Y.value = `${h}%`, o <= 0 && M();
         }
       }
     );
-    function $(o) {
-      I("click", o), f.persistent || j();
+    function _(o) {
+      W("click", o), f.persistent || M();
     }
-    async function J(o, m) {
-      var h;
-      M.value = !0, await o(), M.value = !1, (h = f.action) != null && h.closeToast && $(m);
+    async function F(o, h) {
+      var g;
+      I.value = !0, await o(), I.value = !1, (g = f.action) != null && g.closeToast && _(h);
     }
-    function P(o) {
-      f.noPauseOnHover || (o ? de() : Z());
+    function ee(o) {
+      f.noPauseOnHover || (o ? Z() : he());
     }
     function ve() {
-      me(), q.value && clearTimeout(q.value);
-    }
-    function j() {
-      ve(), S.value = !1;
+      de(), R.value && clearTimeout(R.value);
     }
-    function ee() {
-      I("open");
+    function M() {
+      ve(), j.value = !1;
     }
+    e({ close: M });
     function u() {
-      var m;
-      I("close"), (m = b.value) == null || m.remove();
-      const o = document.querySelector(k);
+      W("open");
+    }
+    function d() {
+      var h;
+      W("close"), (h = y.value) == null || h.remove();
+      const o = document.querySelector(P);
       o && !(o != null && o.hasChildNodes()) && o.remove();
     }
     return ue(() => {
-      fe(), W();
-    }), (o, m) => (T(), F(nt, {
-      name: K.value,
-      onAfterLeave: u,
-      onAfterEnter: ee,
+      K(), G();
+    }), (o, h) => (z(), N(nt, {
+      name: X.value,
+      onAfterLeave: d,
+      onAfterEnter: u,
       persisted: ""
     }, {
       default: ye(() => [
-        Pe(x(
+        Pe(A(
           "button",
           {
             ref_key: "Toaster",
-            ref: b,
-            class: Ee(["m-toast", [`--${s.type}`, `--${B.value}`, `--${D.value}`, { "maz-pb-1": s.timeout }]]),
+            ref: y,
+            class: Ee(["m-toast", [
+              `--${o.type}`,
+              `--${$.value}`,
+              `--${H.value}`,
+              { "maz-pb-1": typeof o.timeout == "number" && o.timeout > 0, "--persistent": o.persistent }
+            ]]),
             role: "alert",
-            onMouseover: m[2] || (m[2] = (h) => P(!0)),
-            onMouseleave: m[3] || (m[3] = (h) => P(!1)),
-            onClick: m[4] || (m[4] = A((h) => {
+            onMouseover: h[2] || (h[2] = (g) => ee(!0)),
+            onMouseleave: h[3] || (h[3] = (g) => ee(!1)),
+            onClick: h[4] || (h[4] = x((g) => {
               var w;
-              return s.link && !((w = s.link) != null && w.closeToast) ? void 0 : $(h);
+              return o.link && !((w = o.link) != null && w.closeToast) ? void 0 : _(g);
             }, ["stop"]))
           },
           [
-            y.value ? (T(), F(it(y.value), {
+            S.value ? (z(), N(it(S.value), {
               key: 0,
               class: "maz-text-2xl"
-            })) : O("v-if", !0),
-            x("div", _t, [
-              x(
+            })) : k("v-if", !0),
+            A("div", Nt, [
+              A(
                 "p",
                 Vt,
-                be(s.message),
+                be(o.message),
                 1
                 /* TEXT */
               )
             ]),
-            s.action ? (T(), F(C(t), {
+            o.action ? (z(), N(C(n), {
               key: 1,
               "data-test": "action-btn",
-              color: s.type,
+              color: o.type,
               pastel: "",
-              loading: M.value,
+              loading: I.value,
               size: "sm",
-              onClick: m[0] || (m[0] = A((h) => J(s.action.func, h), ["stop"]))
+              onClick: h[0] || (h[0] = x((g) => F(o.action.func, g), ["stop"]))
             }, {
               default: ye(() => [
                 ot(
-                  be(s.action.text),
+                  be(o.action.text),
                   1
                   /* TEXT */
                 )
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["color", "loading"])) : O("v-if", !0),
-            s.link ? (T(), F(C(t), {
+            }, 8, ["color", "loading"])) : k("v-if", !0),
+            o.link ? (z(), N(C(n), {
               key: 2,
               "data-test": "link-btn",
-              color: s.type,
+              color: o.type,
               pastel: "",
               size: "xs",
-              href: s.link.href,
-              target: s.link.target ?? "_self"
+              href: o.link.href,
+              target: o.link.target ?? "_self"
             }, {
               default: ye(() => {
-                var h;
+                var g;
                 return [
-                  x("div", Bt, [
-                    s.link.text ? (T(), R(
+                  A("div", Bt, [
+                    o.link.text ? (z(), B(
                       "span",
                       qt,
-                      be(s.link.text),
+                      be(o.link.text),
                       1
                       /* TEXT */
-                    )) : O("v-if", !0),
-                    ((h = s.link) == null ? void 0 : h.target) == "_blank" ? (T(), F(C(i), {
+                    )) : k("v-if", !0),
+                    ((g = o.link) == null ? void 0 : g.target) == "_blank" ? (z(), N(C(r), {
                       key: 1,
                       class: "maz-text-xl"
-                    })) : (T(), F(C(g), {
+                    })) : (z(), N(C(E), {
                       key: 2,
                       class: "maz-text-xl"
                     }))
@@ -1469,40 +1472,40 @@ const Ke = {
               }),
               _: 1
               /* STABLE */
-            }, 8, ["color", "href", "target"])) : O("v-if", !0),
-            s.persistent ? O("v-if", !0) : (T(), R("button", {
+            }, 8, ["color", "href", "target"])) : k("v-if", !0),
+            o.persistent ? k("v-if", !0) : (z(), B("button", {
               key: 3,
               class: "--close",
-              onClick: m[1] || (m[1] = A((h) => $(h), ["stop"]))
+              onClick: h[1] || (h[1] = x((g) => _(g), ["stop"]))
             }, [
-              N(C(n), { class: "--icon maz-text-xl" })
+              V(C(i), { class: "--icon maz-text-xl" })
             ])),
-            x("div", Ut, [
-              x(
+            typeof o.timeout == "number" && o.timeout > 0 ? (z(), B("div", Ut, [
+              A(
                 "div",
                 {
                   style: rt({
-                    width: Q.value
+                    width: Y.value
                   }),
-                  class: Ee(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", G()])
+                  class: Ee(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", J()])
                 },
                 null,
                 6
                 /* CLASS, STYLE */
               )
-            ])
+            ])) : k("v-if", !0)
           ],
           34
           /* CLASS, NEED_HYDRATION */
         ), [
-          [Me, S.value]
+          [Me, j.value]
         ])
       ]),
       _: 1
       /* STABLE */
     }, 8, ["name"]));
   }
-}), jt = /* @__PURE__ */ Re(Wt, [["__scopeId", "data-v-2108a543"]]), Rt = {
+}), jt = /* @__PURE__ */ Re(Wt, [["__scopeId", "data-v-09dcb8e0"]]), Rt = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1
@@ -1512,16 +1515,22 @@ class Kt {
     this.app = e, this.globalOptions = t;
   }
   show(e, t) {
-    const n = { message: e, ...t }, i = {
+    const n = {
       ...Rt,
-      ...n,
       ...this.globalOptions,
-      ...t
-    };
-    $e(jt, {
-      props: i,
+      ...t,
+      message: e
+    }, { destroy: i, vNode: r } = $e(jt, {
+      props: n,
       app: this.app
     });
+    return {
+      destroy: i,
+      close: () => {
+        var a, c;
+        return (c = (a = r.component) == null ? void 0 : a.exposed) == null ? void 0 : c.close();
+      }
+    };
   }
   getLocalOptions(e, t) {
     return {
@@ -1545,30 +1554,30 @@ class Kt {
     return this.show(e, this.getLocalOptions("warning", t));
   }
 }
-let xe;
+let Ce;
 const ws = {
   install(s, e) {
-    xe = new Kt(s, e), s.provide("toast", xe);
+    Ce = new Kt(s, e), s.provide("toast", Ce);
   }
-}, _ = "", Yt = (s) => s.filter((e, t, n) => t === n.indexOf(e)), Xt = (s) => (e = _) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e), Zt = (s) => s.length > 0, Qt = (s) => (e = _) => Yt([...s, e]), Gt = (s) => (e = _) => s.filter((t) => t !== e);
+}, q = "", Yt = (s) => s.filter((e, t, n) => t === n.indexOf(e)), Xt = (s) => (e = q) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e), Zt = (s) => s.length > 0, Qt = (s) => (e = q) => Yt([...s, e]), Gt = (s) => (e = q) => s.filter((t) => t !== e);
 class Jt {
   constructor() {
-    r(this, "_loaders", v([]));
+    l(this, "_loaders", v([]));
   }
   get loaders() {
-    return p(() => this._loaders.value);
+    return b(() => this._loaders.value);
   }
-  stop(e = _) {
+  stop(e = q) {
     this._loaders.value = Gt(this._loaders.value)(e);
   }
-  start(e = _) {
+  start(e = q) {
     return this._loaders.value = Qt(this._loaders.value)(e), () => this.stop(e);
   }
   get anyLoading() {
-    return p(() => Zt(this._loaders.value));
+    return b(() => Zt(this._loaders.value));
   }
-  isLoading(e = _) {
-    return p(() => Xt(this._loaders.value)(e)).value;
+  isLoading(e = q) {
+    return b(() => Xt(this._loaders.value)(e)).value;
   }
 }
 const es = new Jt(), Es = {
@@ -1590,7 +1599,7 @@ const es = new Jt(), Es = {
 };
 class ts {
   constructor(e) {
-    r(this, "options");
+    l(this, "options");
     this.options = {
       delay: (e == null ? void 0 : e.delay) ?? we.delay,
       observer: {
@@ -1605,27 +1614,27 @@ class ts {
   }
   handleIntersect(e, t) {
     for (const n of e) {
-      const l = n.target.getAttribute("data-maz-aos-children") === "true", a = n.target.getAttribute("data-maz-aos") ? [n.target] : [];
-      if (l) {
+      const r = n.target.getAttribute("data-maz-aos-children") === "true", a = n.target.getAttribute("data-maz-aos") ? [n.target] : [];
+      if (r) {
         const c = [...document.querySelectorAll("[data-maz-aos-anchor]")].map(
-          (d) => d.getAttribute("data-maz-aos-anchor") === `#${n.target.id}` ? d : void 0
+          (m) => m.getAttribute("data-maz-aos-anchor") === `#${n.target.id}` ? m : void 0
         );
-        for (const d of c)
-          d && a.push(d);
+        for (const m of c)
+          m && a.push(m);
       }
       for (const c of a) {
-        const d = c.getAttribute("data-maz-aos-once"), g = typeof d == "string" ? d === "true" : this.options.animation.once;
+        const m = c.getAttribute("data-maz-aos-once"), p = typeof m == "string" ? m === "true" : this.options.animation.once;
         if (typeof this.options.observer.threshold == "number" && n.intersectionRatio > this.options.observer.threshold) {
-          const b = c.getAttribute("data-maz-aos-duration"), f = c.getAttribute("data-maz-aos-delay");
-          if (b || (c.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
+          const E = c.getAttribute("data-maz-aos-duration"), y = c.getAttribute("data-maz-aos-delay");
+          if (E || (c.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
             c.style.transitionDuration = "0";
-          }, 1e3)), f || (c.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
+          }, 1e3)), y || (c.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
             c.style.transitionDelay = "0";
-          }, 1e3)), c.classList.add("maz-aos-animate"), g) {
-            const y = c.getAttribute("data-maz-aos-anchor");
-            if (y) {
-              const I = document.querySelector(y);
-              I && t.unobserve(I);
+          }, 1e3)), c.classList.add("maz-aos-animate"), p) {
+            const f = c.getAttribute("data-maz-aos-anchor");
+            if (f) {
+              const S = document.querySelector(f);
+              S && t.unobserve(S);
             }
             t.unobserve(c);
           }
@@ -1649,7 +1658,7 @@ class ts {
     }
   }
   runAnimations() {
-    if (E())
+    if (L())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
@@ -1657,11 +1666,11 @@ class ts {
 let oe;
 const zs = {
   install: (s, e) => {
-    oe = new ts(e), s.provide("aos", oe), E() && (e != null && e.router ? e.router.afterEach(async () => {
+    oe = new ts(e), s.provide("aos", oe), L() && (e != null && e.router ? e.router.afterEach(async () => {
       oe.runAnimations();
     }) : oe.runAnimations());
   }
-}, Ce = {
+}, xe = {
   darkClass: "dark",
   lightClass: "light",
   storageThemeKey: "theme",
@@ -1669,16 +1678,16 @@ const zs = {
   storageThemeValueLight: "light",
   storageThemeValueSystem: "system",
   watchChanges: !0
-}, V = v("system"), H = v("system");
+}, U = v("system"), O = v("system");
 function le({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
   storageThemeValueDark: n,
   setLocalStorageValue: i = !0,
-  setSelectedTheme: l = !0
+  setSelectedTheme: r = !0
 }) {
-  E() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), V.value = n, l && (H.value = n), i && (localStorage[t] = n));
+  L() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), U.value = n, r && (O.value = n), i && (localStorage[t] = n));
 }
 function ce({
   darkClass: s,
@@ -1686,18 +1695,18 @@ function ce({
   storageThemeKey: t,
   storageThemeValueLight: n,
   setLocalStorageValue: i = !0,
-  setSelectedTheme: l = !0
+  setSelectedTheme: r = !0
 }) {
-  E() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), V.value = n, l && (H.value = n), i && (localStorage[t] = n));
+  L() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), U.value = n, r && (O.value = n), i && (localStorage[t] = n));
 }
 function Ye(s) {
-  E() && (document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), V.value = s.storageThemeValueSystem, H.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Le({ ...s }));
+  L() && (document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), U.value = s.storageThemeValueSystem, O.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Le({ ...s }));
 }
 function re() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
 function Le(s) {
-  E() && (s.onlyWithStoredValue ? localStorage[s.storageThemeKey] === s.storageThemeValueDark || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && re() ? le({
+  L() && (s.onlyWithStoredValue ? localStorage[s.storageThemeKey] === s.storageThemeValueDark || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && re() ? le({
     ...s,
     setLocalStorageValue: !1,
     setSelectedTheme: !1
@@ -1722,22 +1731,22 @@ function Ae({
   return typeof s != "boolean" ? Ye(e) : s ? le(e) : ce(e);
 }
 function ss(s) {
-  return V.value === s.storageThemeValueDark ? ce(s) : le(s);
+  return U.value === s.storageThemeValueDark ? ce(s) : le(s);
 }
-function Ls(s = Ce) {
+function Ls(s = xe) {
   const e = {
-    ...Ce,
+    ...xe,
     ...s
-  }, t = p(() => H.value === e.storageThemeValueDark), n = p(() => H.value === e.storageThemeValueLight), i = p(
-    () => H.value === e.storageThemeValueSystem
+  }, t = b(() => O.value === e.storageThemeValueDark), n = b(() => O.value === e.storageThemeValueLight), i = b(
+    () => O.value === e.storageThemeValueSystem
   );
-  function l() {
+  function r() {
     Le(e);
   }
   return ue(() => {
-    localStorage[e.storageThemeKey] && (V.value = localStorage[e.storageThemeKey], H.value = localStorage[e.storageThemeKey]), e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", l);
+    localStorage[e.storageThemeKey] && (U.value = localStorage[e.storageThemeKey], O.value = localStorage[e.storageThemeKey]), e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", r);
   }), De(() => {
-    e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", l);
+    e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", r);
   }), {
     autoSetTheme: (a) => Le({ ...e, ...a }),
     toggleTheme: () => ss(e),
@@ -1747,36 +1756,36 @@ function Ls(s = Ce) {
     hasDarkTheme: t,
     hasLightTheme: n,
     hasSystemTheme: i,
-    theme: V,
-    selectedTheme: H
+    theme: U,
+    selectedTheme: O
   };
 }
 const Ts = ({
   componentName: s,
   instance: e,
   providedId: t
-}) => p(() => t ?? `${s}-${e == null ? void 0 : e.uid}`), Is = () => Te("aos"), Ss = () => Te("wait"), ks = () => Te("toast"), xs = ({
+}) => b(() => t ?? `${s}-${e == null ? void 0 : e.uid}`), Is = () => Te("aos"), Ss = () => Te("wait"), ks = () => Te("toast"), Cs = ({
   callback: s,
   options: e
-}) => new ct(s, e), Cs = ({
+}) => new ct(s, e), xs = ({
   callback: s,
   options: e
 }) => new ut(s, e);
 function ns(s = {}) {
   const {
-    internalWindow: e = E() ? window : void 0,
+    internalWindow: e = L() ? window : void 0,
     initialWidth: t = Number.POSITIVE_INFINITY,
     initialHeight: n = Number.POSITIVE_INFINITY,
     includeScrollbar: i = !0
-  } = s, l = v(t), a = v(n);
+  } = s, r = v(t), a = v(n);
   function c() {
-    e && (i ? (l.value = e.innerWidth, a.value = e.innerHeight) : (l.value = e.document.documentElement.clientWidth, a.value = e.document.documentElement.clientHeight));
+    e && (i ? (r.value = e.innerWidth, a.value = e.innerHeight) : (r.value = e.document.documentElement.clientWidth, a.value = e.document.documentElement.clientHeight));
   }
   return c(), ue(() => {
     e && window.addEventListener("resize", c, { passive: !0 });
   }), at(() => {
     e && window.removeEventListener("resize", c);
-  }), { width: l, height: a };
+  }), { width: r, height: a };
 }
 function is(s) {
   const e = {};
@@ -1790,42 +1799,42 @@ function As({
   includeScrollbar: t,
   internalWindow: n,
   listenOrientation: i,
-  breakpoints: l,
+  breakpoints: r,
   mediumBreakPoint: a = "md",
   largeBreakPoint: c = "lg"
 }) {
-  const { width: d } = ns({
+  const { width: m } = ns({
     initialWidth: s,
     // (SSR) mobile first
     initialHeight: e,
     includeScrollbar: t,
     internalWindow: n,
     listenOrientation: i
-  }), g = is(l), b = p(() => d.value >= g[c]), f = p(
-    () => d.value >= g[a] && d.value < g[c]
-  ), y = p(() => d.value >= 0 && d.value < g[a]);
+  }), p = is(r), E = b(() => m.value >= p[c]), y = b(
+    () => m.value >= p[a] && m.value < p[c]
+  ), f = b(() => m.value >= 0 && m.value < p[a]);
   return {
-    width: d,
-    numericBreakpoints: g,
-    isSmallScreen: y,
-    isLargeScreen: b,
-    isMediumScreen: f,
-    breakpoints: l
+    width: m,
+    numericBreakpoints: p,
+    isSmallScreen: f,
+    isLargeScreen: E,
+    isMediumScreen: y,
+    breakpoints: r
   };
 }
 function Os(s) {
   const e = new dt({
     ...s,
     element: s.element,
-    onValuesChanged(d) {
-      t.value = d.xDiff, n.value = d.yDiff, i.value = d.xStart, l.value = d.xEnd, a.value = d.yStart, c.value = d.yEnd;
+    onValuesChanged(m) {
+      t.value = m.xDiff, n.value = m.yDiff, i.value = m.xStart, r.value = m.xEnd, a.value = m.yStart, c.value = m.yEnd;
     }
-  }), t = v(), n = v(), i = v(), l = v(), a = v(), c = v();
+  }), t = v(), n = v(), i = v(), r = v(), a = v(), c = v();
   return {
     xDiff: t,
     yDiff: n,
     xStart: i,
-    xEnd: l,
+    xEnd: r,
     yStart: a,
     yEnd: c,
     start: e.start,
@@ -1841,34 +1850,34 @@ function os(s, e = 150) {
   return Math.ceil(t / e);
 }
 function Hs(s) {
-  const e = p(
+  const e = b(
     () => {
       var a;
       return typeof s.velocity == "number" ? s.velocity : ((a = s.velocity) == null ? void 0 : a.value) ?? 150;
     }
-  ), t = p(() => {
+  ), t = b(() => {
     var a;
     return typeof s.contentSelector == "string" ? s.contentSelector : (a = s.contentSelector) == null ? void 0 : a.value;
-  }), n = p(() => {
-    var a, c, d;
+  }), n = b(() => {
+    var a, c, m;
     if (typeof ((a = s.contentRef) == null ? void 0 : a.value) == "object")
       return (c = s.contentRef.value) == null ? void 0 : c.textContent;
     if (t.value && typeof document < "u") {
-      const g = document.querySelector(t.value);
-      if (g)
-        return g.textContent;
+      const p = document.querySelector(t.value);
+      if (p)
+        return p.textContent;
     }
-    return typeof s.content == "string" ? s.content : (d = s.content) == null ? void 0 : d.value;
-  }), i = p(() => os(n.value, e.value)), l = p(() => Xe([n.value]));
+    return typeof s.content == "string" ? s.content : (m = s.content) == null ? void 0 : m.value;
+  }), i = b(() => os(n.value, e.value)), r = b(() => Xe([n.value]));
   return {
     content: n,
-    wordCount: l,
+    wordCount: r,
     velocity: e,
     duration: i
   };
 }
 export {
-  xe as A,
+  Ce as A,
   Es as B,
   es as C,
   ts as D,
@@ -1880,9 +1889,9 @@ export {
   Is as J,
   Ss as K,
   ks as L,
-  xs as M,
-  Cs as N,
-  Nt as O,
+  Cs as M,
+  xs as N,
+  Ft as O,
   As as P,
   ns as Q,
   Os as R,
@@ -1892,7 +1901,7 @@ export {
   Hs as V,
   Jt as W,
   Re as _,
-  E as a,
+  L as a,
   dt as b,
   ms as c,
   cs as d,
@@ -1912,7 +1921,7 @@ export {
   bs as r,
   mt as s,
   lt as t,
-  xt as u,
+  Ct as u,
   bt as v,
   Ht as w,
   Pt as x,