maz-ui 3.23.4 → 3.24.0

package/modules/chunks/{index-6a90ef88.mjs → index-67003347.mjs}

@@ -1,15 +1,15 @@
-var Ge = Object.defineProperty;
-var Qe = (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) => (Qe(s, typeof e != "symbol" ? e + "" : e, t), t);
+var Qe = Object.defineProperty;
+var Je = (s, e, t) => e in s ? Qe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var a = (s, e, t) => (Je(s, typeof e != "symbol" ? e + "" : e, t), t);
 import "../assets/index.css";
-import { inject as Je, createVNode as _, render as J, nextTick as ke, defineComponent as Ae, defineAsyncComponent as $, onBeforeMount as et, ref as h, computed as y, onMounted as ve, onBeforeUnmount as tt, openBlock as z, createElementBlock as Z, normalizeClass as ue, withModifiers as M, withKeys as st, withDirectives as me, unref as L, vShow as de, createCommentVNode as q, createElementVNode as D, Transition as xe, withCtx as oe, createBlock as Y, toDisplayString as le, createTextVNode as it } from "vue";
-function fe(s, e) {
-  const t = Je(s, e);
+import { inject as et, createVNode as P, render as ee, nextTick as He, defineComponent as _e, defineAsyncComponent as w, onBeforeMount as tt, ref as h, computed as g, onMounted as Ee, onBeforeUnmount as $e, openBlock as z, createElementBlock as Z, normalizeClass as re, withModifiers as _, withKeys as st, withDirectives as be, unref as L, vShow as we, createCommentVNode as H, createElementVNode as E, Transition as Me, withCtx as ne, watch as it, createBlock as U, resolveDynamicComponent as ot, toDisplayString as pe, createTextVNode as nt, normalizeStyle as rt } from "vue";
+function Le(s, e) {
+  const t = et(s, e);
   if (!t)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s}`);
   return t;
 }
-function es(s, e) {
+function ns(s, e) {
   let t;
   return function(...i) {
     clearTimeout(t), t = setTimeout(() => {
@@ -17,42 +17,42 @@ function es(s, e) {
     }, e);
   };
 }
-function ts(s) {
+function at(s) {
   return !!s;
 }
-function Ce(s, e) {
+function De(s, e) {
   let t = e == null ? void 0 : e.element;
   function i() {
-    t && J(null, t);
+    t && ee(null, t);
   }
-  const o = _(
+  const o = P(
     s,
     { ...e == null ? void 0 : e.props, ...e != null && e.addDestroyInProps ? { destroy: i } : {} },
     e == null ? void 0 : e.children
   );
-  return e != null && e.app ? (o.appContext = e.app._context, t ? J(o, t) : typeof document < "u" && (t = document.createElement("div"), J(o, t))) : (t = t ?? document.body, J(o, t)), { vNode: o, destroy: i, el: t };
+  return e != null && e.app ? (o.appContext = e.app._context, t ? ee(o, t) : typeof document < "u" && (t = document.createElement("div"), ee(o, t))) : (t = t ?? document.body, ee(o, t)), { vNode: o, destroy: i, el: t };
 }
-function F() {
+function $() {
   return typeof document < "u";
 }
-class ot {
+class lt {
   constructor(e, t) {
-    r(this, "defaultOptions", {
+    a(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", [
+    a(this, "options");
+    a(this, "timeoutHandler");
+    a(this, "isIdle", !1);
+    a(this, "isDestroy", !1);
+    a(this, "startTime", 0);
+    a(this, "remainingTime", 0);
+    a(this, "lastClientX", -1);
+    a(this, "lastClientY", -1);
+    a(this, "eventNames", [
       "DOMMouseScroll",
       "mousedown",
       "mousemove",
@@ -65,7 +65,7 @@ class ot {
       "wheel",
       "click"
     ]);
-    r(this, "handleEvent", (e) => {
+    a(this, "handleEvent", (e) => {
       try {
         if (this.remainingTime > 0)
           return;
@@ -83,13 +83,13 @@ class ot {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, F() && this.start();
+    }, $() && this.start();
   }
   get element() {
     return this.options.element ?? document.body;
   }
   start() {
-    if (!F()) {
+    if (!$()) {
       console.warn("[IdleTimeout](start) you should run this method on client side");
       return;
     }
@@ -108,7 +108,7 @@ class ot {
     this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle });
   }
   destroy() {
-    if (!F()) {
+    if (!$()) {
       console.warn("[IdleTimeout](destroy) you should run this method on client side");
       return;
     }
@@ -142,25 +142,25 @@ class ot {
     e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle });
   }
 }
-class nt {
+class ct {
   constructor(e, t) {
-    r(this, "eventHandlerFunction");
-    r(this, "event", "visibilitychange");
-    r(this, "timeoutHandler");
-    r(this, "options");
-    r(this, "defaultOptions", {
+    a(this, "eventHandlerFunction");
+    a(this, "event", "visibilitychange");
+    a(this, "timeoutHandler");
+    a(this, "options");
+    a(this, "defaultOptions", {
       timeout: 5e3,
       once: !1,
       immediate: !0
     });
-    r(this, "isVisible", !1);
+    a(this, "isVisible", !1);
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, this.eventHandlerFunction = this.eventHandler.bind(this), F() && this.start();
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), $() && this.start();
   }
   start() {
-    if (!F()) {
+    if (!$()) {
       console.warn("[UserVisibility](start) you should run this method on client side");
       return;
     }
@@ -191,21 +191,21 @@ class nt {
 const X = (s) => new Promise((e) => {
   setTimeout(e, s);
 });
-class ss {
-  constructor({ src: e, identifier: t, once: i = !0, async: o = !0, defer: l = !0 }) {
-    r(this, "src");
-    r(this, "script");
-    r(this, "once");
-    r(this, "async");
-    r(this, "defer");
-    r(this, "identifier");
+class rs {
+  constructor({ src: e, identifier: t, once: i = !0, async: o = !0, defer: m = !0 }) {
+    a(this, "src");
+    a(this, "script");
+    a(this, "once");
+    a(this, "async");
+    a(this, "defer");
+    a(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 = i, this.async = o, this.defer = l;
+    this.src = e, this.identifier = t, this.once = i, this.async = o, this.defer = m;
   }
   removeTag(e) {
     var t;
@@ -225,68 +225,71 @@ class ss {
     return new Promise((t, i) => {
       try {
         const o = document.createElement("script");
-        o.src = this.src, o.async = this.async, o.defer = this.defer, o.dataset.identifier = this.identifier, o.addEventListener("error", (l) => i(new Error(`[ScriptLoader](injectScript) ${l.message}`))), o.addEventListener("load", (l) => (this.script = l, e[this.identifier] = l, t(l))), document.head.append(o);
+        o.src = this.src, o.async = this.async, o.defer = this.defer, o.dataset.identifier = this.identifier, o.addEventListener("error", (m) => i(new Error(`[ScriptLoader](injectScript) ${m.message}`))), o.addEventListener("load", (m) => (this.script = m, e[this.identifier] = m, t(m))), document.head.append(o);
       } catch (o) {
         throw new Error(`[ScriptLoader](init) ${o}`);
       }
     });
   }
 }
-function is(s) {
-  return [...s].map((t) => t.charCodeAt(0) % 32 + 127461).map((t) => String.fromCodePoint(t)).join("");
+function as(s) {
+  return [...s].map((e) => {
+    const t = e.codePointAt(0);
+    return t ? t % 32 + 127461 : void 0;
+  }).filter(at).map((e) => String.fromCodePoint(e)).join("");
 }
-const ne = "__vue_click_away__", Se = () => document.ontouchstart === null ? "touchstart" : "click", Oe = async (s, e) => {
-  Pe(s);
+const ae = "__vue_click_away__", Be = () => document.ontouchstart === null ? "touchstart" : "click", Fe = async (s, e) => {
+  Ne(s);
   const t = e.instance, i = e.value, o = typeof i == "function";
   if (!o)
     throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-  await ke(), s[ne] = (d) => {
+  await He(), s[ae] = (d) => {
     if ((!s || !s.contains(d.target)) && i && o)
       return i.call(t, d);
   };
-  const l = Se();
-  document.addEventListener(l, s[ne], !1);
-}, Pe = (s) => {
-  const e = Se();
-  document.removeEventListener(e, s[ne], !1), delete s[ne];
-}, rt = (s, e) => {
-  e.value !== e.oldValue && Oe(s, e);
-}, He = {
-  mounted: Oe,
-  updated: rt,
-  unmounted: Pe
-}, os = {
+  const m = Be();
+  document.addEventListener(m, s[ae], !1);
+}, Ne = (s) => {
+  const e = Be();
+  document.removeEventListener(e, s[ae], !1), delete s[ae];
+}, ut = (s, e) => {
+  e.value !== e.oldValue && Fe(s, e);
+}, qe = {
+  mounted: Fe,
+  updated: ut,
+  unmounted: Ne
+}, ls = {
   install: (s) => {
-    s.directive("click-outside", He);
+    s.directive("click-outside", qe);
   }
-}, _e = (s, e, t, i) => {
+}, Ue = (s, e, t, i) => {
   s.stopPropagation();
-  const { handler: o, exclude: l } = t.value;
+  const { handler: o, exclude: m } = t.value;
   let d = !1;
-  if (l && l.length > 0)
-    for (const n of l)
-      d || (d = i.context.$refs[n].contains(s.target));
+  if (m && m.length > 0)
+    for (const l of m)
+      d || (d = i.context.$refs[l].contains(s.target));
   !e.contains(s.target) && !d && i.context[o]();
-}, $e = () => document.ontouchstart === null ? "touchstart" : "click", at = (s, e, t) => {
-  const i = $e();
+}, Ve = () => document.ontouchstart === null ? "touchstart" : "click", mt = (s, e, t) => {
+  const i = Ve();
   document.removeEventListener(
     i,
-    (o) => _e(o, s, e, t)
+    (o) => Ue(o, s, e, t)
   );
-}, lt = (s, e, t) => {
-  const i = $e();
+}, dt = (s, e, t) => {
+  const i = Ve();
   document.addEventListener(
     i,
-    (o) => _e(o, s, e, t)
+    (o) => Ue(o, s, e, t)
   );
-}, Me = {
-  mounted: lt,
-  unmounted: at
-}, ns = {
+}, je = {
+  mounted: dt,
+  unmounted: mt
+}, cs = {
   install: (s) => {
-    s.directive("closable", Me);
+    s.directive("closable", je);
   }
-}, ct = `
+}, ht = `
 .maz-zoom-img {
   position: fixed;
   top: 0;
@@ -409,29 +412,29 @@ const ne = "__vue_click_away__", Se = () => document.ontouchstart === null ? "to
 
 .maz-zoom-img .maz-zoom-btn:hover {
   background-color: hsl(0, 0%, 0%);
-}`, be = {
+}`, ke = {
   close: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',
   next: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>',
   previous: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>',
   spinner: '<svg width="40px" height="40px" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" x="0px" y="0px" viewBox="0 0 50 50" xml:space="preserve" class="maz-zoom-img__loader__svg" data-v-6d1cb50c=""><path d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"></path></svg>'
 };
-class ut {
+class vt {
   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", {
+    a(this, "options");
+    a(this, "loader");
+    a(this, "wrapper");
+    a(this, "img");
+    a(this, "keydownHandler");
+    a(this, "onImgLoadedCallback");
+    a(this, "buttonsAdded");
+    a(this, "defaultOptions", {
       scale: !0,
       blur: !0,
       disabled: !1
     });
-    r(this, "mouseEnterListener");
-    r(this, "mouseLeaveListener");
-    r(this, "renderPreviewListener");
+    a(this, "mouseEnterListener");
+    a(this, "mouseLeaveListener");
+    a(this, "renderPreviewListener");
     if (!e.value)
       throw new Error(
         '[MazUI](zoom-img) Image path must be defined. Ex: `v-zoom-img="<PATH_TO_IMAGE>"`'
@@ -462,7 +465,7 @@ class ut {
     e.classList.add(
       "maz-is-open"
       /* OPEN */
-    ), this.addStyle(ct);
+    ), this.addStyle(ht);
     const i = document.createElement("div");
     i.classList.add("maz-zoom-img"), i.setAttribute("id", "MazImgPreviewFullsize"), i.addEventListener("click", (o) => {
       i.isEqualNode(o.target) && this.closePreview();
@@ -475,15 +478,15 @@ class ut {
     const e = this.getButton(), t = [], i = this.allInstances.length > 1;
     if (!this.buttonsAdded) {
       if (this.buttonsAdded = !0, i) {
-        const o = this.getButton("previous"), l = this.getButton("next");
-        t.push(o, l);
+        const o = this.getButton("previous"), m = this.getButton("next");
+        t.push(o, m);
       }
       this.wrapper.append(e), i && (this.wrapper.prepend(t[0]), this.wrapper.append(t[1]));
     }
   }
   getLoader() {
     const e = document.createElement("div");
-    return e.classList.add("maz-zoom-img__loader"), e.innerHTML = be.spinner, e;
+    return e.classList.add("maz-zoom-img__loader"), e.innerHTML = ke.spinner, e;
   }
   mouseLeave(e) {
     this.options.scale && (e.style.transform = ""), this.options.blur && (e.style.filter = ""), e.style.zIndex = "";
@@ -496,7 +499,7 @@ class ut {
   }
   getButton(e = "close") {
     const t = document.createElement("button");
-    return t.innerHTML = be[e], t.addEventListener("click", () => {
+    return t.innerHTML = ke[e], t.addEventListener("click", () => {
       e === "close" ? this.closePreview() : this.allInstances && this.nextPreviousImage(e === "next");
     }), t.classList.add("maz-zoom-btn"), t.classList.add(`maz-zoom-btn--${e}`), t;
   }
@@ -519,7 +522,7 @@ class ut {
       ".maz-zoom-img-instance.maz-is-open"
     );
     if (i) {
-      const o = this.allInstances.indexOf(i), l = t ? o + 1 : o - 1, d = this.allInstances[this.getNewInstanceIndex(l)];
+      const o = this.allInstances.indexOf(i), m = t ? o + 1 : o - 1, d = this.allInstances[this.getNewInstanceIndex(m)];
       d && this.useNextInstance(i, d);
     }
   }
@@ -549,22 +552,22 @@ class ut {
     this.img.removeEventListener("load", this.onImgLoadedCallback);
   }
 }
-let ee;
-const De = {
+let te;
+const Re = {
   created(s, e) {
-    ee = new ut(e), ee.create(s);
+    te = new vt(e), te.create(s);
   },
   updated(s, e) {
-    ee.update(e);
+    te.update(e);
   },
   unmounted(s) {
-    ee.remove(s);
+    te.remove(s);
   }
-}, rs = {
+}, us = {
   install(s) {
-    s.directive("zoom-img", De);
+    s.directive("zoom-img", Re);
   }
-}, mt = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", he = {
+}, ft = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", ze = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -578,14 +581,14 @@ const De = {
     threshold: 0.1
   }
 };
-class Fe {
+class We {
   constructor(e = {}) {
-    r(this, "observers", []);
-    r(this, "defaultOptions", he);
-    r(this, "options");
-    r(this, "onImgLoadedCallback");
-    r(this, "onImgErrorCallback");
-    r(this, "hasImgLoaded", !1);
+    a(this, "observers", []);
+    a(this, "defaultOptions", ze);
+    a(this, "options");
+    a(this, "onImgLoadedCallback");
+    a(this, "onImgErrorCallback");
+    a(this, "hasImgLoaded", !1);
     this.options = this.buildOptions(e), this.onImgLoadedCallback = this.imageIsLoaded.bind(this), this.onImgErrorCallback = this.imageHasError.bind(this);
   }
   async loadErrorPhoto() {
@@ -691,18 +694,18 @@ class Fe {
     i.src = t;
   }
   handleIntersectionObserver(e, t, i, o) {
-    var l, d;
+    var m, d;
     this.observers.push(o);
-    for (const n of i)
-      if (n.isIntersecting) {
-        if ((d = (l = this.options).onIntersecting) == null || d.call(l, n.target), this.options.observerOnce && o.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
+    for (const l of i)
+      if (l.isIntersecting) {
+        if ((d = (m = this.options).onIntersecting) == null || d.call(m, l.target), this.options.observerOnce && o.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
           return;
         this.loadImage(e, t);
       }
   }
   createObserver(e, t) {
-    const i = (d, n) => {
-      this.handleIntersectionObserver(e, t, d, n);
+    const i = (d, l) => {
+      this.handleIntersectionObserver(e, t, d, l);
     }, o = this.options.observerOptions;
     new IntersectionObserver(i, o).observe(e);
   }
@@ -720,7 +723,7 @@ class Fe {
   async add(e, t) {
     if (this.hasBgImgMode(t) && this.isPictureElement(e))
       throw new Error(`[MazLazyImg] You can't use the "bg-image" mode with "<picture />" element`);
-    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, mt), await this.bindUpdateHandler(e, t, "bind");
+    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, ft), await this.bindUpdateHandler(e, t, "bind");
   }
   async update(e, t) {
     t.value !== t.oldValue && (this.hasImgLoaded = !1, this.removeAllStateClasses(e), await this.bindUpdateHandler(e, t, "update"));
@@ -732,35 +735,35 @@ class Fe {
     this.observers = [];
   }
 }
-let te;
-const dt = {
+let se;
+const gt = {
   created(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    te = new Fe(t), te.add(s, e);
+    se = new We(t), se.add(s, e);
   },
   updated(s, e) {
-    te.update(s, e);
+    se.update(s, e);
   },
   unmounted(s, e) {
-    te.remove(s, e);
+    se.remove(s, e);
   }
-}, ht = "lazy-img", as = {
+}, pt = "lazy-img", ms = {
   install(s, e = {}) {
     const t = {
-      ...he,
+      ...ze,
       ...e,
       observerOptions: {
-        ...he.observerOptions,
+        ...ze.observerOptions,
         ...e.observerOptions
       }
-    }, i = new Fe(t);
-    s.directive(ht, {
+    }, i = new We(t);
+    s.directive(pt, {
       created: i.add.bind(i),
       updated: i.update.bind(i),
       unmounted: i.remove.bind(i)
     });
   }
-}, vt = ["onClick", "onKeypress"], ft = { class: "m-fullscreen-img-scroller" }, gt = ["src", "alt"], pt = /* @__PURE__ */ Ae({
+}, yt = ["onClick", "onKeypress"], bt = { class: "m-fullscreen-img-scroller" }, wt = ["src", "alt"], zt = /* @__PURE__ */ _e({
   __name: "MazFullscreenImg",
   props: {
     destroy: { type: Function, default: void 0 },
@@ -776,181 +779,181 @@ const dt = {
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = e, i = $(() => import("./MazSpinner-03bd76bd.mjs")), o = $(() => import("./x-mark-35f2f1e7.mjs")), l = $(() => import("./chevron-left-39b4621e.mjs"));
+    const t = e, i = w(() => import("./MazSpinner-dcb0164b.mjs")), o = w(() => import("./x-mark-35f2f1e7.mjs")), m = w(() => import("./chevron-left-39b4621e.mjs"));
     let d;
-    et(async () => {
+    tt(async () => {
       d = await import("vue-scrollto");
     });
-    const n = s, p = h(!1), E = h(!1), b = h(!1), C = h(!1), S = h(!1), I = h(!1), w = h(!1), B = h(n.clickedElement instanceof HTMLImageElement), R = h(n.src), O = h(n.alt), G = h(), c = h(), T = y(
-      () => B.value && n.animated && !n.scaleAnimation
-    ), K = y(
-      () => (B.value || !n.animated) && !n.scaleAnimation
-    ), N = h(!1), Q = y(() => I.value ? `--is-zoomed maz-cursor-zoom-in maz-max-w-[none] ${N.value ? "maz-h-screen maz-w-auto" : "maz-h-auto maz-w-screen"}` : `cursor-zoom-out ${N.value ? "maz-w-screen maz-h-screen --is-landscape" : "maz-h-screen maz-w-auto"}`);
-    function re() {
-      E.value = !0, b.value = !1, C.value = !0;
+    const l = s, f = h(!1), p = h(!1), y = h(!1), v = h(!1), M = h(!1), I = h(!1), T = h(!1), C = h(l.clickedElement instanceof HTMLImageElement), G = h(l.src), D = h(l.alt), B = h(), c = h(), k = g(
+      () => C.value && l.animated && !l.scaleAnimation
+    ), F = g(
+      () => (C.value || !l.animated) && !l.scaleAnimation
+    ), N = h(!1), le = g(() => I.value ? `--is-zoomed maz-cursor-zoom-in maz-max-w-[none] ${N.value ? "maz-h-screen maz-w-auto" : "maz-h-auto maz-w-screen"}` : `cursor-zoom-out ${N.value ? "maz-w-screen maz-h-screen --is-landscape" : "maz-h-screen maz-w-auto"}`);
+    function ce() {
+      p.value = !0, y.value = !1, v.value = !0;
     }
-    function P() {
-      t("before-close"), p.value = !1;
+    function q() {
+      t("before-close"), f.value = !1;
     }
-    function m(u) {
-      u.key === "Escape" && (u.preventDefault(), P()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), ae(u.key === "ArrowRight"));
+    function Q(r) {
+      r.key === "Escape" && (r.preventDefault(), q()), (r.key === "ArrowLeft" || r.key === "ArrowRight") && (r.preventDefault(), S(r.key === "ArrowRight"));
     }
-    function f() {
+    function ue() {
       document.documentElement.classList.add("--m-fullscreen-open");
     }
-    function g() {
+    function me() {
       document.documentElement.classList.remove("--m-fullscreen-open");
     }
     function W() {
       return [...document.querySelectorAll(".m-fullscreen-img-instance")];
     }
-    function je(u, a) {
-      return a < 0 ? u.length - 1 : a >= u.length ? 0 : a;
+    function J(r, n) {
+      return n < 0 ? r.length - 1 : n >= r.length ? 0 : n;
     }
-    async function Re(u, a) {
-      u.classList.remove(n.openInstanceClass), a.classList.add(n.openInstanceClass);
-      const v = a.getAttribute("data-src"), k = a.getAttribute("data-alt");
-      O.value = k ?? void 0, v && (R.value = v), E.value = !1, await X(300), E.value || (b.value = !0);
+    async function de(r, n) {
+      r.classList.remove(l.openInstanceClass), n.classList.add(l.openInstanceClass);
+      const u = n.getAttribute("data-src"), b = n.getAttribute("data-alt");
+      D.value = b ?? void 0, u && (G.value = u), p.value = !1, await X(300), p.value || (y.value = !0);
     }
-    function ae(u) {
-      const a = document.querySelector(
-        `.m-fullscreen-img-instance.${n.openInstanceClass}`
+    function S(r) {
+      const n = document.querySelector(
+        `.m-fullscreen-img-instance.${l.openInstanceClass}`
       );
-      if (a) {
-        const v = W(), k = v.indexOf(a), H = u ? k + 1 : k - 1, A = v[je(v, H)];
-        A && Re(a, A), t(u ? "next" : "previous");
+      if (n) {
+        const u = W(), b = u.indexOf(n), O = r ? b + 1 : b - 1, A = u[J(u, O)];
+        A && de(n, A), t(r ? "next" : "previous");
       }
     }
-    async function Ke(u) {
-      const a = u.target;
-      a.style.width = `${a.clientWidth}px`, a.style.height = `${a.clientHeight}px`, await X(0), I.value = !I.value, a.style.removeProperty("width"), a.style.removeProperty("height"), await X(0);
-      const v = a.clientWidth / u.clientY, H = window.innerWidth / v - window.innerHeight / 2;
-      d.scrollTo(a, 200, {
-        container: a.parentElement,
+    async function he(r) {
+      const n = r.target;
+      n.style.width = `${n.clientWidth}px`, n.style.height = `${n.clientHeight}px`, await X(0), I.value = !I.value, n.style.removeProperty("width"), n.style.removeProperty("height"), await X(0);
+      const u = n.clientWidth / r.clientY, O = window.innerWidth / u - window.innerHeight / 2;
+      d.scrollTo(n, 200, {
+        container: n.parentElement,
         easing: "linear",
-        offset: I.value ? H : 0
+        offset: I.value ? O : 0
       });
     }
-    ve(async () => {
-      await ke(), document.addEventListener("keydown", m), p.value = !0, b.value = !0, f(), S.value = W().length > 1, c.value && (N.value = n.clickedElementBounds.height < n.clickedElementBounds.width);
+    Ee(async () => {
+      await He(), document.addEventListener("keydown", Q), f.value = !0, y.value = !0, ue(), M.value = W().length > 1, c.value && (N.value = l.clickedElementBounds.height < l.clickedElementBounds.width);
     });
-    function ye() {
-      c.value && (w.value = !0, c.value.style.removeProperty("margin-left"), c.value.style.removeProperty("margin-right"), c.value.style.opacity = "0.5", c.value.style.width = `${n.clickedElementBounds.width}px`, c.value.style.height = `${n.clickedElementBounds.height}px`, c.value.style.top = `${n.clickedElementBounds.top}px`, c.value.style.left = `${n.clickedElementBounds.left}px`);
+    function K() {
+      c.value && (T.value = !0, c.value.style.removeProperty("margin-left"), c.value.style.removeProperty("margin-right"), c.value.style.opacity = "0.5", c.value.style.width = `${l.clickedElementBounds.width}px`, c.value.style.height = `${l.clickedElementBounds.height}px`, c.value.style.top = `${l.clickedElementBounds.top}px`, c.value.style.left = `${l.clickedElementBounds.left}px`);
     }
-    async function We() {
+    async function ve() {
       if (await X(0), c.value) {
         c.value.style.opacity = "1", c.value.style.removeProperty("height"), c.value.style.removeProperty("width"), c.value.style.removeProperty("transform");
-        const u = window.innerWidth, a = window.innerHeight, v = n.clickedElementBounds.height, k = n.clickedElementBounds.width;
+        const r = window.innerWidth, n = window.innerHeight, u = l.clickedElementBounds.height, b = l.clickedElementBounds.width;
         if (N.value) {
           c.value.style.left = "0px";
-          const H = v * u / k, A = (a - H) / 2;
+          const O = u * r / b, A = (n - O) / 2;
           c.value.style.top = `${A <= 0 ? 0 : A}px`;
         } else {
           c.value.style.top = "0px";
-          const H = k * a / v, A = (u - H) / 2;
+          const O = b * n / u, A = (r - O) / 2;
           c.value.style.left = `${A <= 0 ? 0 : A}px`;
         }
       }
     }
-    function Ye() {
-      c.value && (c.value.style.removeProperty("top"), c.value.style.removeProperty("left"), c.value.style.marginLeft = "auto", c.value.style.marginRight = "auto", c.value.style.removeProperty("opacity")), w.value = !1;
+    function Y() {
+      c.value && (c.value.style.removeProperty("top"), c.value.style.removeProperty("left"), c.value.style.marginLeft = "auto", c.value.style.marginRight = "auto", c.value.style.removeProperty("opacity")), T.value = !1;
     }
-    function Xe() {
+    function fe() {
       if (c.value) {
-        const { left: u, top: a } = c.value.getBoundingClientRect();
-        c.value.style.left = `${u}px`, c.value.style.top = `${a}px`, c.value.style.width = `${c.value.width}px`, c.value.style.height = `${c.value.height}px`, w.value = !0;
+        const { left: r, top: n } = c.value.getBoundingClientRect();
+        c.value.style.left = `${r}px`, c.value.style.top = `${n}px`, c.value.style.width = `${c.value.width}px`, c.value.style.height = `${c.value.height}px`, T.value = !0;
       }
     }
-    function Ze() {
-      var u, a;
-      t("close"), (u = G.value) == null || u.remove(), (a = n.destroy) == null || a.call(n);
+    function ge() {
+      var r, n;
+      t("close"), (r = B.value) == null || r.remove(), (n = l.destroy) == null || n.call(l);
     }
-    return tt(() => {
-      document.removeEventListener("keydown", m), g();
-    }), (u, a) => (z(), Z("div", {
+    return $e(() => {
+      document.removeEventListener("keydown", Q), me();
+    }), (r, n) => (z(), Z("div", {
       ref_key: "FullscreenImgElement",
-      ref: G,
+      ref: B,
       role: "button",
-      class: ue(["m-fullscreen-img", { "--animation-active": w.value }]),
+      class: re(["m-fullscreen-img", { "--animation-active": T.value }]),
       tabindex: "0",
-      onClick: M(P, ["self"]),
-      onKeypress: st(M(P, ["prevent"]), ["esc"])
+      onClick: _(q, ["self"]),
+      onKeypress: st(_(q, ["prevent"]), ["esc"])
     }, [
-      me(_(
+      be(P(
         L(i),
         { class: "m-fullscreen-img-loader maz-h-16" },
         null,
         512
         /* NEED_PATCH */
       ), [
-        [de, b.value]
+        [we, y.value]
       ]),
-      C.value && S.value ? (z(), Z("button", {
+      v.value && M.value ? (z(), Z("button", {
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: a[0] || (a[0] = M((v) => ae(!0), ["stop"]))
+        onClick: n[0] || (n[0] = _((u) => S(!0), ["stop"]))
       }, [
-        _(L(l), { class: "maz-rotate-90 maz-text-2xl" })
-      ])) : q("v-if", !0),
-      p.value && C.value && S.value ? (z(), Z("button", {
+        P(L(m), { class: "maz-rotate-90 maz-text-2xl" })
+      ])) : H("v-if", !0),
+      f.value && v.value && M.value ? (z(), Z("button", {
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: a[1] || (a[1] = M((v) => ae(!1), ["stop"]))
+        onClick: n[1] || (n[1] = _((u) => S(!1), ["stop"]))
       }, [
-        _(L(l), { class: "maz-text-2xl" })
-      ])) : q("v-if", !0),
-      D("button", {
+        P(L(m), { class: "maz-text-2xl" })
+      ])) : H("v-if", !0),
+      E("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: P
+        onClick: q
       }, [
-        _(L(o), { class: "maz-text-2xl" })
+        P(L(o), { class: "maz-text-2xl" })
       ]),
-      D("div", ft, [
-        _(xe, {
-          name: K.value ? void 0 : "maz-scale-fade",
-          onBeforeEnter: a[3] || (a[3] = (v) => T.value && ye()),
-          onEnter: a[4] || (a[4] = (v) => T.value && We()),
-          onAfterEnter: a[5] || (a[5] = (v) => T.value && Ye()),
-          onBeforeLeave: a[6] || (a[6] = (v) => T.value && Xe()),
-          onLeave: a[7] || (a[7] = (v) => T.value && ye()),
-          onAfterLeave: Ze,
+      E("div", bt, [
+        P(Me, {
+          name: F.value ? void 0 : "maz-scale-fade",
+          onBeforeEnter: n[3] || (n[3] = (u) => k.value && K()),
+          onEnter: n[4] || (n[4] = (u) => k.value && ve()),
+          onAfterEnter: n[5] || (n[5] = (u) => k.value && Y()),
+          onBeforeLeave: n[6] || (n[6] = (u) => k.value && fe()),
+          onLeave: n[7] || (n[7] = (u) => k.value && K()),
+          onAfterLeave: ge,
           persisted: ""
         }, {
-          default: oe(() => [
-            me(D("img", {
+          default: ne(() => [
+            be(E("img", {
               id: "ZvImgElement",
               ref_key: "ImgElement",
               ref: c,
-              src: R.value,
-              alt: O.value,
+              src: G.value,
+              alt: D.value,
               tabindex: "0",
-              class: ue([{ zoomable: u.zoom }, Q.value]),
-              onLoad: re,
-              onClick: a[2] || (a[2] = (v) => u.zoom ? Ke(v) : void 0)
-            }, null, 42, gt), [
-              [de, p.value]
+              class: re([{ zoomable: r.zoom }, le.value]),
+              onLoad: ce,
+              onClick: n[2] || (n[2] = (u) => r.zoom ? he(u) : void 0)
+            }, null, 42, wt), [
+              [we, f.value]
             ])
           ]),
           _: 1
           /* STABLE */
         }, 8, ["name"])
       ])
-    ], 42, vt));
+    ], 42, yt));
   }
 });
-const Be = (s, e) => {
+const Ke = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [i, o] of e)
     t[i] = o;
   return t;
-}, yt = /* @__PURE__ */ Be(pt, [["__scopeId", "data-v-1b5808d8"]]), we = "m-fullscreen-is-open";
-class bt {
+}, Et = /* @__PURE__ */ Ke(zt, [["__scopeId", "data-v-d0c959c7"]]), Ae = "m-fullscreen-is-open";
+class Lt {
   constructor() {
-    r(this, "options");
-    r(this, "defaultOptions", {
+    a(this, "options");
+    a(this, "defaultOptions", {
       scaleOnHover: !1,
       blurOnHover: !1,
       disabled: !1,
@@ -958,17 +961,17 @@ class bt {
       zoom: !0,
       scaleAnimation: !1
     });
-    r(this, "mouseEnterListener");
-    r(this, "mouseLeaveListener");
-    r(this, "renderPreviewListener");
+    a(this, "mouseEnterListener");
+    a(this, "mouseLeaveListener");
+    a(this, "renderPreviewListener");
   }
   buildOptions(e, t) {
-    const i = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, o = (i == null ? void 0 : i.src) ?? this.getImgSrc(e), l = (i == null ? void 0 : i.alt) ?? this.getImgAlt(e);
+    const i = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, o = (i == null ? void 0 : i.src) ?? this.getImgSrc(e), m = (i == null ? void 0 : i.alt) ?? this.getImgAlt(e);
     return {
       ...this.defaultOptions,
       ...i,
       src: o,
-      alt: l
+      alt: m
     };
   }
   get allInstances() {
@@ -1001,10 +1004,10 @@ class bt {
     e.removeEventListener("mouseenter", this.mouseEnterListener), e.removeEventListener("mouseleave", this.mouseLeaveListener), e.removeEventListener("click", this.renderPreviewListener), e.classList.remove("m-fullscreen-img-instance"), e.style.cursor = "";
   }
   renderPreview(e) {
-    return e.classList.add(we), Ce(yt, {
+    return e.classList.add(Ae), De(Et, {
       props: {
         ...this.options,
-        openInstanceClass: we,
+        openInstanceClass: Ae,
         clickedElement: e,
         clickedElementBounds: e.getBoundingClientRect()
       },
@@ -1018,55 +1021,55 @@ class bt {
     e.style.zIndex = "1", this.options.scaleOnHover && (e.style.transform = "scale(1.05)"), this.options.blurOnHover && (e.style.filter = "blur(3px)");
   }
 }
-let se;
-const Ne = {
+let ie;
+const Ye = {
   mounted(s, e) {
-    return se = new bt(), se.create(s, e);
+    return ie = new Lt(), ie.create(s, e);
   },
   updated(s, e) {
-    return se.update(s, e);
+    return ie.update(s, e);
   },
   unmounted(s) {
-    return se.remove(s);
+    return ie.remove(s);
   }
-}, ls = {
+}, ds = {
   install(s) {
-    s.directive("fullscreen-img", Ne);
+    s.directive("fullscreen-img", Ye);
   }
-}, wt = [
+}, It = [
   {
     name: "click-outside",
-    directive: He
+    directive: qe
   },
   {
     name: "closable",
-    directive: Me
+    directive: je
   },
   {
     name: "zoom-img",
-    directive: De
+    directive: Re
   },
   {
     name: "lazy-img",
-    directive: dt
+    directive: gt
   },
   {
     name: "fullscreen-img",
-    directive: Ne
+    directive: Ye
   }
-], cs = {
+], hs = {
   install(s) {
-    for (const { name: e, directive: t } of wt)
+    for (const { name: e, directive: t } of It)
       s.directive(e, t);
   }
-}, zt = (s) => s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "", Et = {
+}, Tt = (s) => s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "", kt = {
   style: "currency",
   minimumFractionDigits: 2,
   round: !1
-}, Lt = (s, e, t) => {
+}, At = (s, e, t) => {
   let i = Number(s);
   return t.round && (i = Math.floor(i), t.minimumFractionDigits = 0), new Intl.NumberFormat(e, t).format(i);
-}, It = (s, e, t) => {
+}, xt = (s, e, t) => {
   if (s === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
   if (e === void 0)
@@ -1075,38 +1078,38 @@ const Ne = {
     throw new TypeError("[maz-ui](FilterCurrency) The `locale` attribute must be a string.");
   if (t.currency === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `options.currency` attribute is required.");
-}, Tt = (s, e, t) => {
+}, Ct = (s, e, t) => {
   const i = {
-    ...Et,
+    ...kt,
     ...t
   };
-  It(s, e, i);
+  xt(s, e, i);
   try {
-    return Lt(s, e, i);
+    return At(s, e, i);
   } catch (o) {
     throw new Error(`[maz-ui](FilterCurrency) ${o}`);
   }
-}, kt = {
+}, St = {
   month: "short",
   day: "numeric",
   year: "numeric"
-}, At = (s, e, t) => {
+}, Ot = (s, e, t) => {
   if (e === void 0)
     throw new TypeError("[maz-ui](FilterDate) The `locale` attribute is required.");
   if (typeof e != "string")
     throw new TypeError("[maz-ui](FilterDate) The `locale` attribute must be a string.");
-  const i = t ?? kt;
+  const i = t ?? St;
   try {
     const o = s instanceof Date ? s : new Date(s);
     return new Intl.DateTimeFormat(e, i).format(o);
   } catch (o) {
     throw new Error(`[maz-ui](FilterDate) ${o}`);
   }
-}, xt = {
+}, Pt = {
   minimumFractionDigits: 2
-}, Ct = (s, e, t) => {
+}, Ht = (s, e, t) => {
   const i = {
-    ...xt,
+    ...Pt,
     ...t
   };
   if (s === void 0)
@@ -1120,38 +1123,45 @@ const Ne = {
   } catch (o) {
     throw new Error(`[maz-ui](FilterNumber) ${o}`);
   }
-}, St = {
-  capitalize: zt,
-  currency: Tt,
-  date: At,
-  number: Ct
-}, us = {
+}, _t = {
+  capitalize: Tt,
+  currency: Ct,
+  date: Ot,
+  number: Ht
+}, vs = {
   install(s) {
-    s.provide("filters", St);
+    s.provide("filters", _t);
   }
-};
-class Ot {
-  constructor(e, t) {
-    r(this, "callback");
-    r(this, "delay");
-    r(this, "timer");
-    r(this, "startedAt");
-    this.startedAt = Date.now(), this.callback = e, this.delay = t, this.start();
+}, $t = ({ timeout: s, callback: e, remainingTimeUpdate: t = 200 }) => {
+  const i = h(s);
+  let o;
+  function m() {
+    i.value = s, d();
   }
-  pause() {
-    this.stop(), this.delay -= Date.now() - this.startedAt;
+  function d() {
+    o || (o = setInterval(() => {
+      i.value -= t, i.value <= 0 && (p(), e == null || e());
+    }, t));
   }
-  resume() {
-    this.startedAt = Date.now(), this.start();
+  function l() {
+    o && (clearInterval(o), o = void 0);
   }
-  start() {
-    this.timer = setTimeout(this.callback, this.delay);
+  function f() {
+    !o && i.value > 0 && d();
   }
-  stop() {
-    clearTimeout(this.timer);
+  function p() {
+    l();
   }
-}
-const Pt = { class: "m-toast__message-wrapper" }, Ht = { class: "m-toast__message" }, _t = { class: "maz-flex maz-items-center maz-gap-2" }, $t = { key: 0 }, Mt = /* @__PURE__ */ Ae({
+  return $e(() => {
+    p();
+  }), {
+    remainingTime: i,
+    start: m,
+    pause: l,
+    resume: f,
+    stop: p
+  };
+}, Mt = { class: "m-toast__message-wrapper" }, Dt = { class: "m-toast__message" }, Bt = { class: "maz-flex maz-items-center maz-gap-2" }, Ft = { key: 0 }, Nt = { class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1" }, qt = /* @__PURE__ */ _e({
   __name: "MazToast",
   props: {
     position: {
@@ -1164,126 +1174,188 @@ const Pt = { class: "m-toast__message-wrapper" }, Ht = { class: "m-toast__messag
     noPauseOnHover: { type: Boolean, default: !1 },
     type: {
       type: String,
-      default: "info",
-      validator: (s) => ["info", "success", "warning", "danger"].includes(s)
+      default: "info"
     },
     message: { type: String, required: !0 },
     link: { type: Object, default: void 0 },
     action: { type: Object, default: void 0 },
     persistent: { type: Boolean, default: !1 }
   },
-  emits: ["close", "click"],
+  emits: ["close", "click", "open"],
   setup(s, { emit: e }) {
-    const t = $(() => import("./x-mark-35f2f1e7.mjs")), i = $(
+    const t = w(() => import("./MazBtn-6d482774.mjs")), i = w(() => import("./x-mark-35f2f1e7.mjs")), o = w(
       () => import("./arrow-top-right-on-square-15191934.mjs")
-    ), o = $(() => import("./link-bb14441d.mjs")), l = $(() => import("./MazBtn-760c3b29.mjs")), d = h(), n = s, p = e, E = y(() => n.position.includes("top") ? "top" : "bottom"), b = y(() => n.position.includes("left") ? "left" : n.position.includes("right") ? "right" : "center"), C = y(() => b.value !== "center" ? b.value === "right" ? "m-slide-right" : "m-slide-left" : E.value === "top" ? "m-slide-top" : "m-slide-bottom"), S = h(!1), I = h(!1), w = h(), B = h(), R = `m-toast-container --${E.value} --${b.value}`, O = `.${R.replaceAll(" ", ".")}`, G = () => {
-      const m = document.querySelector(O);
-      if (!m && !m) {
-        const f = document.body, g = document.createElement("div");
-        g.className = R, f.append(g);
+    ), m = w(
+      () => import("./exclamation-triangle-21bf116a.mjs")
+    ), d = w(
+      () => import("./exclamation-circle-e2620aab.mjs")
+    ), l = w(
+      () => import("./information-circle-b8051b19.mjs")
+    ), f = w(() => import("./check-circle-59c383ed.mjs")), p = w(() => import("./link-bb14441d.mjs")), y = h(), v = s, M = g(() => {
+      switch (v.type) {
+        case "danger":
+          return m;
+        case "info":
+          return l;
+        case "success":
+          return f;
+        case "warning":
+          return d;
+        default:
+          return;
+      }
+    }), I = e, T = g(() => v.position.includes("top") ? "top" : "bottom"), C = g(() => v.position.includes("left") ? "left" : v.position.includes("right") ? "right" : "center"), G = g(() => C.value !== "center" ? C.value === "right" ? "m-slide-right" : "m-slide-left" : T.value === "top" ? "m-slide-top" : "m-slide-bottom"), D = h(!1), B = h(!1), c = h(), k = `m-toast-container --${T.value} --${C.value}`, F = `.${k.replaceAll(" ", ".")}`, { start: N, stop: le, pause: ce, resume: q, remainingTime: Q } = $t({
+      callback: Y,
+      timeout: v.timeout
+    });
+    function ue() {
+      const r = document.querySelector(F);
+      if (!r && !r) {
+        const n = document.body, u = document.createElement("div");
+        u.className = k, n.append(u);
       }
-    }, c = () => {
-      const m = document.querySelector(O);
-      return !n.queue && n.maxToasts === !1 ? !1 : typeof n.maxToasts == "number" && m ? n.maxToasts <= m.childElementCount : m && m.childElementCount > 0;
-    }, T = () => {
-      if (c()) {
-        B.value = setTimeout(T, 250);
+    }
+    function me() {
+      const r = document.querySelector(F);
+      return !v.queue && v.maxToasts === !1 ? !1 : typeof v.maxToasts == "number" && r ? v.maxToasts <= r.childElementCount : r && r.childElementCount > 0;
+    }
+    function W() {
+      if (me()) {
+        c.value = setTimeout(W, 250);
         return;
       }
-      const m = document.querySelector(O);
-      d.value && m && m.prepend(d.value), I.value = !0, w.value = n.timeout ? new Ot(P, n.timeout) : void 0;
-    };
-    function K(m) {
-      p("click", m), n.persistent || P();
+      const r = document.querySelector(F);
+      y.value && r && r.prepend(y.value), B.value = !0, N();
     }
-    async function N(m, f) {
-      var g;
-      S.value = !0, await m(), S.value = !1, (g = n.action) != null && g.closeToast && K(f);
+    const J = h("100%");
+    function de() {
+      switch (v.type) {
+        case "danger":
+          return "maz-bg-danger-700";
+        case "info":
+          return "maz-bg-info-700";
+        case "success":
+          return "maz-bg-success-700";
+        case "warning":
+          return "maz-bg-warning-700";
+        default:
+          return "maz-bg-secondary";
+      }
     }
-    const Q = (m) => {
-      w.value && !n.noPauseOnHover && (m ? w.value.pause() : w.value.resume());
-    }, re = () => {
-      w.value && w.value.stop(), B.value && clearTimeout(B.value);
-    }, P = () => {
-      re(), I.value = !1, setTimeout(() => {
-        var f;
-        p("close"), (f = d.value) == null || f.remove();
-        const m = document.querySelector(O);
-        m && !(m != null && m.hasChildNodes()) && m.remove();
-      }, 300);
-    };
-    return ve(() => {
-      G(), T();
-    }), (m, f) => (z(), Y(xe, {
-      name: C.value,
+    it(
+      () => Q.value,
+      (r) => {
+        if (typeof r == "number") {
+          const n = 100 * r / v.timeout;
+          J.value = `${n}%`, r <= 0 && Y();
+        }
+      }
+    );
+    function S(r) {
+      I("click", r), v.persistent || Y();
+    }
+    async function he(r, n) {
+      var u;
+      D.value = !0, await r(), D.value = !1, (u = v.action) != null && u.closeToast && S(n);
+    }
+    function K(r) {
+      v.noPauseOnHover || (r ? ce() : q());
+    }
+    function ve() {
+      le(), c.value && clearTimeout(c.value);
+    }
+    function Y() {
+      ve(), B.value = !1;
+    }
+    function fe() {
+      I("open");
+    }
+    function ge() {
+      var n;
+      I("close"), (n = y.value) == null || n.remove();
+      const r = document.querySelector(F);
+      r && !(r != null && r.hasChildNodes()) && r.remove();
+    }
+    return Ee(() => {
+      ue(), W();
+    }), (r, n) => (z(), U(Me, {
+      name: G.value,
+      onAfterLeave: ge,
+      onAfterEnter: fe,
       persisted: ""
     }, {
-      default: oe(() => [
-        me(D(
+      default: ne(() => [
+        be(E(
           "button",
           {
             ref_key: "Toaster",
-            ref: d,
-            class: ue(["m-toast", [`--${s.type}`, `--${E.value}`, `--${b.value}`]]),
+            ref: y,
+            class: re(["m-toast", [`--${s.type}`, `--${T.value}`, `--${C.value}`, { "maz-pb-1": s.timeout }]]),
             role: "alert",
-            onMouseover: f[2] || (f[2] = (g) => Q(!0)),
-            onMouseleave: f[3] || (f[3] = (g) => Q(!1)),
-            onClick: f[4] || (f[4] = M((g) => {
-              var W;
-              return s.link && !((W = s.link) != null && W.closeToast) ? void 0 : K(g);
+            onMouseover: n[2] || (n[2] = (u) => K(!0)),
+            onMouseleave: n[3] || (n[3] = (u) => K(!1)),
+            onClick: n[4] || (n[4] = _((u) => {
+              var b;
+              return s.link && !((b = s.link) != null && b.closeToast) ? void 0 : S(u);
             }, ["stop"]))
           },
           [
-            D("div", Pt, [
-              D(
+            M.value ? (z(), U(ot(M.value), {
+              key: 0,
+              class: "maz-text-2xl"
+            })) : H("v-if", !0),
+            E("div", Mt, [
+              E(
                 "p",
-                Ht,
-                le(s.message),
+                Dt,
+                pe(s.message),
                 1
                 /* TEXT */
               )
             ]),
-            s.action ? (z(), Y(L(l), {
-              key: 0,
+            s.action ? (z(), U(L(t), {
+              key: 1,
+              "data-test": "action-btn",
               color: s.type,
               pastel: "",
-              loading: S.value,
+              loading: D.value,
               size: "sm",
-              onClick: f[0] || (f[0] = M((g) => N(s.action.func, g), ["stop"]))
+              onClick: n[0] || (n[0] = _((u) => he(s.action.func, u), ["stop"]))
             }, {
-              default: oe(() => [
-                it(
-                  le(s.action.text),
+              default: ne(() => [
+                nt(
+                  pe(s.action.text),
                   1
                   /* TEXT */
                 )
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["color", "loading"])) : q("v-if", !0),
-            s.link ? (z(), Y(L(l), {
-              key: 1,
+            }, 8, ["color", "loading"])) : H("v-if", !0),
+            s.link ? (z(), U(L(t), {
+              key: 2,
+              "data-test": "link-btn",
               color: s.type,
               pastel: "",
               size: "xs",
               href: s.link.href,
               target: s.link.target ?? "_self"
             }, {
-              default: oe(() => {
-                var g;
+              default: ne(() => {
+                var u;
                 return [
-                  D("div", _t, [
+                  E("div", Bt, [
                     s.link.text ? (z(), Z(
                       "span",
-                      $t,
-                      le(s.link.text),
+                      Ft,
+                      pe(s.link.text),
                       1
                       /* TEXT */
-                    )) : q("v-if", !0),
-                    ((g = s.link) == null ? void 0 : g.target) == "_blank" ? (z(), Y(L(i), {
+                    )) : H("v-if", !0),
+                    ((u = s.link) == null ? void 0 : u.target) == "_blank" ? (z(), U(L(o), {
                       key: 1,
                       class: "maz-text-xl"
-                    })) : (z(), Y(L(o), {
+                    })) : (z(), U(L(p), {
                       key: 2,
                       class: "maz-text-xl"
                     }))
@@ -1292,19 +1364,33 @@ const Pt = { class: "m-toast__message-wrapper" }, Ht = { class: "m-toast__messag
               }),
               _: 1
               /* STABLE */
-            }, 8, ["color", "href", "target"])) : q("v-if", !0),
-            s.persistent ? q("v-if", !0) : (z(), Z("button", {
-              key: 2,
+            }, 8, ["color", "href", "target"])) : H("v-if", !0),
+            s.persistent ? H("v-if", !0) : (z(), Z("button", {
+              key: 3,
               class: "--close",
-              onClick: f[1] || (f[1] = M((g) => K(g), ["stop"]))
+              onClick: n[1] || (n[1] = _((u) => S(u), ["stop"]))
             }, [
-              _(L(t), { class: "--icon maz-text-xl" })
-            ]))
+              P(L(i), { class: "--icon maz-text-xl" })
+            ])),
+            E("div", Nt, [
+              E(
+                "div",
+                {
+                  style: rt({
+                    width: J.value
+                  }),
+                  class: re(["maz-h-full maz-transition-all maz-duration-200 maz-ease-linear", de()])
+                },
+                null,
+                6
+                /* CLASS, STYLE */
+              )
+            ])
           ],
           34
           /* CLASS, HYDRATE_EVENTS */
         ), [
-          [de, I.value]
+          [we, B.value]
         ])
       ]),
       _: 1
@@ -1312,23 +1398,23 @@ const Pt = { class: "m-toast__message-wrapper" }, Ht = { class: "m-toast__messag
     }, 8, ["name"]));
   }
 });
-const Dt = /* @__PURE__ */ Be(Mt, [["__scopeId", "data-v-27a7b86f"]]), Ft = {
+const Ut = /* @__PURE__ */ Ke(qt, [["__scopeId", "data-v-ee210f61"]]), Vt = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1
 };
-class Bt {
+class jt {
   constructor(e, t) {
     this.app = e, this.globalOptions = t;
   }
   show(e, t) {
     const i = { message: e, ...t }, o = {
-      ...Ft,
+      ...Vt,
       ...i,
       ...this.globalOptions,
       ...t
     };
-    Ce(Dt, {
+    De(Ut, {
       props: o,
       app: this.app
     });
@@ -1339,6 +1425,9 @@ class Bt {
       ...t
     };
   }
+  message(e, t) {
+    return this.show(e, this.getLocalOptions("theme", t));
+  }
   success(e, t) {
     return this.show(e, this.getLocalOptions("success", t));
   }
@@ -1352,37 +1441,37 @@ class Bt {
     return this.show(e, this.getLocalOptions("warning", t));
   }
 }
-let ze;
-const ms = {
+let xe;
+const fs = {
   install(s, e) {
-    ze = new Bt(s, e), s.provide("toast", ze);
+    xe = new jt(s, e), s.provide("toast", xe);
   }
-}, U = "", Nt = (s) => s.filter((e, t, i) => t === i.indexOf(e)), qt = (s) => (e = U) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e), Ut = (s) => s.length > 0, Vt = (s) => (e = U) => Nt([...s, e]), jt = (s) => (e = U) => s.filter((t) => t !== e);
-class Rt {
+}, V = "", Rt = (s) => s.filter((e, t, i) => t === i.indexOf(e)), Wt = (s) => (e = V) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e), Kt = (s) => s.length > 0, Yt = (s) => (e = V) => Rt([...s, e]), Xt = (s) => (e = V) => s.filter((t) => t !== e);
+class Zt {
   constructor() {
-    r(this, "_loaders", h([]));
+    a(this, "_loaders", h([]));
   }
   get loaders() {
-    return y(() => this._loaders.value);
+    return g(() => this._loaders.value);
   }
-  stop(e = U) {
-    this._loaders.value = jt(this._loaders.value)(e);
+  stop(e = V) {
+    this._loaders.value = Xt(this._loaders.value)(e);
   }
-  start(e = U) {
-    return this._loaders.value = Vt(this._loaders.value)(e), () => this.stop(e);
+  start(e = V) {
+    return this._loaders.value = Yt(this._loaders.value)(e), () => this.stop(e);
   }
   get anyLoading() {
-    return y(() => Ut(this._loaders.value));
+    return g(() => Kt(this._loaders.value));
   }
-  isLoading(e = U) {
-    return y(() => qt(this._loaders.value)(e)).value;
+  isLoading(e = V) {
+    return g(() => Wt(this._loaders.value)(e)).value;
   }
 }
-const Kt = new Rt(), ds = {
+const Gt = new Zt(), gs = {
   install: (s) => {
-    s.provide("wait", Kt);
+    s.provide("wait", Gt);
   }
-}, ce = {
+}, ye = {
   delay: 100,
   observer: {
     root: void 0,
@@ -1395,21 +1484,45 @@ const Kt = new Rt(), ds = {
     delay: 0
   }
 };
-class Wt {
+class Qt {
   constructor(e) {
-    r(this, "options");
+    a(this, "options");
     this.options = {
-      delay: (e == null ? void 0 : e.delay) ?? ce.delay,
+      delay: (e == null ? void 0 : e.delay) ?? ye.delay,
       observer: {
-        ...ce.observer,
+        ...ye.observer,
         ...e == null ? void 0 : e.observer
       },
       animation: {
-        ...ce.animation,
+        ...ye.animation,
         ...e == null ? void 0 : e.animation
       }
     };
   }
+  handleIntersect(e, t) {
+    for (const i of e) {
+      const m = i.target.getAttribute("data-maz-aos-children") === "true", d = i.target.getAttribute("data-maz-aos") ? [i.target] : [];
+      if (m) {
+        const l = [...document.querySelectorAll("[data-maz-aos-anchor]")].map(
+          (f) => f.getAttribute("data-maz-aos-anchor") === `#${i.target.id}` ? f : void 0
+        );
+        for (const f of l)
+          f && d.push(f);
+      }
+      for (const l of d) {
+        const f = l.getAttribute("data-maz-aos-once"), p = typeof f == "string" ? f === "true" : this.options.animation.once;
+        if (typeof this.options.observer.threshold == "number" && i.intersectionRatio > this.options.observer.threshold) {
+          const y = l.getAttribute("data-maz-aos-duration"), v = l.getAttribute("data-maz-aos-delay");
+          y || (l.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
+            l.style.transitionDuration = "0";
+          }, 1e3)), v || (l.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
+            l.style.transitionDelay = "0";
+          }, 1e3)), l.classList.add("maz-aos-animate"), p && t.unobserve(l);
+        } else
+          l.classList.remove("maz-aos-animate");
+      }
+    }
+  }
   async handleObserver() {
     await X(this.options.delay);
     const e = new IntersectionObserver(this.handleIntersect.bind(this), {
@@ -1425,129 +1538,105 @@ class Wt {
     }
   }
   runAnimations() {
-    if (F())
+    if ($())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
-  handleIntersect(e, t) {
-    for (const i of e) {
-      const l = i.target.getAttribute("data-maz-aos-children") === "true", d = i.target.getAttribute("data-maz-aos") ? [i.target] : [];
-      if (l) {
-        const n = [...document.querySelectorAll("[data-maz-aos-anchor]")].map(
-          (p) => p.getAttribute("data-maz-aos-anchor") === `#${i.target.id}` ? p : void 0
-        );
-        for (const p of n)
-          p && d.push(p);
-      }
-      for (const n of d) {
-        const p = n.getAttribute("data-maz-aos-once"), E = typeof p == "string" ? p === "true" : this.options.animation.once;
-        if (typeof this.options.observer.threshold == "number" && i.intersectionRatio > this.options.observer.threshold) {
-          const b = n.getAttribute("data-maz-aos-duration"), C = n.getAttribute("data-maz-aos-delay");
-          b || (n.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
-            n.style.transitionDuration = "0";
-          }, 1e3)), C || (n.style.transitionDelay = `${this.options.animation.delay}ms`, setTimeout(() => {
-            n.style.transitionDelay = "0";
-          }, 1e3)), n.classList.add("maz-aos-animate"), E && t.unobserve(n);
-        } else
-          n.classList.remove("maz-aos-animate");
-      }
-    }
-  }
 }
-let ie;
-const hs = {
+let oe;
+const ps = {
   install: (s, e) => {
-    ie = new Wt(e), s.provide("aos", ie), F() && (e != null && e.router ? e.router.afterEach(async () => {
-      ie.runAnimations();
-    }) : ie.runAnimations());
+    oe = new Qt(e), s.provide("aos", oe), $() && (e != null && e.router ? e.router.afterEach(async () => {
+      oe.runAnimations();
+    }) : oe.runAnimations());
   }
-}, Ee = {
+}, Ce = {
   darkClass: "dark",
   lightClass: "light",
   storageThemeKey: "theme",
   storageThemeValueDark: "dark",
   storageThemeValueLight: "light",
   storageThemeValueSystem: "system"
-}, j = h("system"), x = h("system");
-function ge({
+}, R = h("system"), x = h("system");
+function Ie({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
   storageThemeValueDark: i,
   setLocalStorageValue: o = !0,
-  setSelectedTheme: l = !0
+  setSelectedTheme: m = !0
 }) {
-  document.documentElement.classList.remove(e), document.documentElement.classList.add(s), j.value = i, l && (x.value = i), o && (localStorage[t] = i);
+  document.documentElement.classList.remove(e), document.documentElement.classList.add(s), R.value = i, m && (x.value = i), o && (localStorage[t] = i);
 }
-function pe({
+function Te({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
   storageThemeValueLight: i,
   setLocalStorageValue: o = !0,
-  setSelectedTheme: l = !0
+  setSelectedTheme: m = !0
 }) {
-  document.documentElement.classList.remove(s), document.documentElement.classList.add(e), j.value = i, l && (x.value = i), o && (localStorage[t] = i);
+  document.documentElement.classList.remove(s), document.documentElement.classList.add(e), R.value = i, m && (x.value = i), o && (localStorage[t] = i);
 }
-function qe(s) {
-  document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), j.value = s.storageThemeValueSystem, x.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Ue({ ...s, setSelectedTheme: !1 });
+function Xe(s) {
+  document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), R.value = s.storageThemeValueSystem, x.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Ze({ ...s, setSelectedTheme: !1 });
 }
-function Le() {
+function Se() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Ue(s) {
-  localStorage[s.storageThemeKey] === s.storageThemeValueDark || !(s.storageThemeKey in localStorage) && Le() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Le() ? ge({
+function Ze(s) {
+  localStorage[s.storageThemeKey] === s.storageThemeValueDark || !(s.storageThemeKey in localStorage) && Se() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Se() ? Ie({
     ...s,
     setLocalStorageValue: !1,
     setSelectedTheme: !1
-  }) : pe({
+  }) : Te({
     ...s,
     setLocalStorageValue: !1,
     setSelectedTheme: !1
   });
 }
-function Ie({
+function Oe({
   shouldSetDarkMode: s,
   ...e
 }) {
-  return typeof s != "boolean" ? qe(e) : s ? ge(e) : pe(e);
+  return typeof s != "boolean" ? Xe(e) : s ? Ie(e) : Te(e);
 }
-function Yt(s) {
-  return j.value === s.storageThemeValueDark ? pe(s) : ge(s);
+function Jt(s) {
+  return R.value === s.storageThemeValueDark ? Te(s) : Ie(s);
 }
-function vs(s = Ee) {
+function ys(s = Ce) {
   const e = {
-    ...Ee,
+    ...Ce,
     ...s
-  }, t = y(() => x.value === e.storageThemeValueDark), i = y(() => x.value === e.storageThemeValueLight), o = y(() => x.value === e.storageThemeValueSystem);
-  return ve(() => {
-    localStorage[e.storageThemeKey] && (j.value = localStorage[e.storageThemeKey], x.value = localStorage[e.storageThemeKey]);
+  }, t = g(() => x.value === e.storageThemeValueDark), i = g(() => x.value === e.storageThemeValueLight), o = g(() => x.value === e.storageThemeValueSystem);
+  return Ee(() => {
+    localStorage[e.storageThemeKey] && (R.value = localStorage[e.storageThemeKey], x.value = localStorage[e.storageThemeKey]);
   }), {
-    autoSetTheme: () => Ue(e),
-    toggleTheme: () => Yt(e),
-    setSystemTheme: () => qe({ ...e, setLocalStorageValue: !0 }),
-    setDarkTheme: () => Ie({ ...e, shouldSetDarkMode: !0 }),
-    setLightTheme: () => Ie({ ...e, shouldSetDarkMode: !1 }),
+    autoSetTheme: () => Ze(e),
+    toggleTheme: () => Jt(e),
+    setSystemTheme: () => Xe({ ...e, setLocalStorageValue: !0 }),
+    setDarkTheme: () => Oe({ ...e, shouldSetDarkMode: !0 }),
+    setLightTheme: () => Oe({ ...e, shouldSetDarkMode: !1 }),
     hasDarkTheme: t,
     hasLightTheme: i,
     hasSystemTheme: o,
-    theme: j,
+    theme: R,
     selectedTheme: x
   };
 }
-const fs = ({
+const bs = ({
   componentName: s,
   instance: e,
   providedId: t
-}) => y(() => t ?? `${s}-${e == null ? void 0 : e.uid}`), gs = () => fe("aos"), ps = () => fe("wait"), ys = () => fe("toast"), bs = ({
+}) => g(() => t ?? `${s}-${e == null ? void 0 : e.uid}`), ws = () => Le("aos"), zs = () => Le("wait"), Es = () => Le("toast"), Ls = ({
   callback: s,
   options: e
-}) => new ot(s, e), ws = ({
+}) => new lt(s, e), Is = ({
   callback: s,
   options: e
-}) => new nt(s, e), Xt = h(), V = h([]), Zt = (s, e) => new Promise((t, i) => {
-  V.value = [
-    ...V.value,
+}) => new ct(s, e), es = h(), j = h([]), ts = (s, e) => new Promise((t, i) => {
+  j.value = [
+    ...j.value,
     {
       id: s,
       isActive: !0,
@@ -1557,62 +1646,63 @@ const fs = ({
       reject: i
     }
   ];
-}), Ve = (s) => (V.value = V.value.filter(({ id: e }) => e !== s), V.value), Te = (s, e, t = !1) => {
+}), Ge = (s) => (j.value = j.value.filter(({ id: e }) => e !== s), j.value), Pe = (s, e, t = !1) => {
   var i;
   e && ((i = e[s]) == null || i.call(e, t), e.isActive = !1, setTimeout(() => {
-    Ve(e.id);
+    Ge(e.id);
   }, 500));
-}, zs = () => ({
-  confirmDialogData: Xt,
-  dialogState: V,
-  showDialogAndWaitChoice: Zt,
-  removeDialogFromState: Ve,
-  rejectDialog: (s, e = !1) => Te("reject", s, e),
-  resolveDialog: (s, e = !1) => Te("resolve", s, e)
+}, Ts = () => ({
+  confirmDialogData: es,
+  dialogState: j,
+  showDialogAndWaitChoice: ts,
+  removeDialogFromState: Ge,
+  rejectDialog: (s, e = !1) => Pe("reject", s, e),
+  resolveDialog: (s, e = !1) => Pe("resolve", s, e)
 });
 export {
-  Kt as A,
-  Wt as B,
-  hs as C,
-  ie as D,
-  vs as E,
-  fs as F,
-  gs as G,
-  ps as H,
-  ot as I,
-  ys as J,
-  bs as K,
-  ws as L,
-  zs as M,
-  ss as S,
-  Bt as T,
-  nt as U,
-  Rt as W,
-  Be as _,
-  F as a,
-  cs as b,
-  is as c,
-  es as d,
-  He as e,
-  as as f,
-  De as g,
-  rs as h,
-  fe as i,
-  Ne as j,
-  ls as k,
-  Me as l,
-  Ce as m,
-  ns as n,
-  us as o,
-  os as p,
-  zt as q,
-  Tt as r,
+  Gt as A,
+  Qt as B,
+  ps as C,
+  oe as D,
+  ys as E,
+  bs as F,
+  ws as G,
+  zs as H,
+  lt as I,
+  Es as J,
+  Ls as K,
+  Is as L,
+  Ts as M,
+  $t as N,
+  rs as S,
+  jt as T,
+  ct as U,
+  Zt as W,
+  Ke as _,
+  $ as a,
+  hs as b,
+  as as c,
+  ns as d,
+  qe as e,
+  ms as f,
+  Re as g,
+  us as h,
+  Le as i,
+  Ye as j,
+  ds as k,
+  je as l,
+  De as m,
+  cs as n,
+  vs as o,
+  ls as p,
+  Tt as q,
+  Ct as r,
   X as s,
-  ts as t,
-  At as u,
-  dt as v,
-  Ct as w,
-  ms as x,
-  ze as y,
-  ds as z
+  at as t,
+  Ot as u,
+  gt as v,
+  Ht as w,
+  fs as x,
+  xe as y,
+  gs as z
 };