maz-ui 3.28.1 → 3.28.3

package/modules/chunks/{index-ezXyG63J.mjs → index-f8XjDm3D.mjs}

@@ -1,10 +1,10 @@
-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);
+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 a = (s, e, t) => (Qe(s, typeof e != "symbol" ? e + "" : e, t), t);
 import "../assets/index.css";
-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 De, 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";
+import { inject as Je, createVNode as H, render as ee, nextTick as He, defineComponent as $e, defineAsyncComponent as w, onBeforeMount as et, ref as h, computed as g, onMounted as Ee, onBeforeUnmount as tt, openBlock as z, createElementBlock as Z, normalizeClass as re, withModifiers as D, withKeys as st, withDirectives as be, unref as T, vShow as we, createCommentVNode as $, createElementVNode as I, Transition as De, 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);
+  const t = Je(s, e);
   if (!t)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s}`);
   return t;
@@ -20,19 +20,19 @@ function ns(s, e) {
 function at(s) {
   return !!s;
 }
-function Be(s, e) {
+function Me(s, e) {
   let t = e == null ? void 0 : e.element;
   function i() {
     t && ee(null, t);
   }
-  const o = P(
+  const o = H(
     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 ? 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 D() {
+function M() {
   return typeof document < "u";
 }
 class lt {
@@ -83,13 +83,13 @@ class lt {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, D() && this.start();
+    }, M() && this.start();
   }
   get element() {
     return this.options.element ?? document.body;
   }
   start() {
-    if (!D()) {
+    if (!M()) {
       console.warn("[IdleTimeout](start) you should run this method on client side");
       return;
     }
@@ -108,7 +108,7 @@ class lt {
     this.isDestroy = !1, this.isIdle = !1, this.remainingTime = 0, this.resetTimeout(), this.callback({ isIdle: this.isIdle });
   }
   destroy() {
-    if (!D()) {
+    if (!M()) {
       console.warn("[IdleTimeout](destroy) you should run this method on client side");
       return;
     }
@@ -157,10 +157,10 @@ class ct {
     this.callback = e, this.options = {
       ...this.defaultOptions,
       ...t
-    }, this.eventHandlerFunction = this.eventHandler.bind(this), D() && this.start();
+    }, this.eventHandlerFunction = this.eventHandler.bind(this), M() && this.start();
   }
   start() {
-    if (!D()) {
+    if (!M()) {
       console.warn("[UserVisibility](start) you should run this method on client side");
       return;
     }
@@ -238,8 +238,8 @@ function as(s) {
     return t ? t % 32 + 127461 : void 0;
   }).filter(at).map((e) => String.fromCodePoint(e)).join("");
 }
-const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "touchstart" : "click", Ne = async (s, e) => {
-  _e(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");
@@ -247,22 +247,22 @@ const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "to
     if ((!s || !s.contains(d.target)) && i && o)
       return i.call(t, d);
   };
-  const m = Fe();
+  const m = Be();
   document.addEventListener(m, s[ae], !1);
-}, _e = (s) => {
-  const e = Fe();
+}, Ne = (s) => {
+  const e = Be();
   document.removeEventListener(e, s[ae], !1), delete s[ae];
 }, ut = (s, e) => {
-  e.value !== e.oldValue && Ne(s, e);
-}, qe = {
-  mounted: Ne,
+  e.value !== e.oldValue && Fe(s, e);
+}, _e = {
+  mounted: Fe,
   updated: ut,
-  unmounted: _e
+  unmounted: Ne
 }, ls = {
   install: (s) => {
-    s.directive("click-outside", qe);
+    s.directive("click-outside", _e);
   }
-}, Ue = (s, e, t, i) => {
+}, qe = (s, e, t, i) => {
   s.stopPropagation();
   const { handler: o, exclude: m } = t.value;
   let d = !1;
@@ -270,24 +270,24 @@ const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "to
     for (const l of m)
       d || (d = i.context.$refs[l].contains(s.target));
   !e.contains(s.target) && !d && i.context[o]();
-}, Ve = () => document.ontouchstart === null ? "touchstart" : "click", mt = (s, e, t) => {
-  const i = Ve();
+}, Ue = () => document.ontouchstart === null ? "touchstart" : "click", mt = (s, e, t) => {
+  const i = Ue();
   document.removeEventListener(
     i,
-    (o) => Ue(o, s, e, t)
+    (o) => qe(o, s, e, t)
   );
 }, dt = (s, e, t) => {
-  const i = Ve();
+  const i = Ue();
   document.addEventListener(
     i,
-    (o) => Ue(o, s, e, t)
+    (o) => qe(o, s, e, t)
   );
-}, je = {
+}, Ve = {
   mounted: dt,
   unmounted: mt
 }, cs = {
   install: (s) => {
-    s.directive("closable", je);
+    s.directive("closable", Ve);
   }
 }, ht = `
 .maz-zoom-img {
@@ -553,7 +553,7 @@ class vt {
   }
 }
 let te;
-const Re = {
+const je = {
   created(s, e) {
     te = new vt(e), te.create(s);
   },
@@ -565,7 +565,7 @@ const Re = {
   }
 }, us = {
   install(s) {
-    s.directive("zoom-img", Re);
+    s.directive("zoom-img", je);
   }
 }, ft = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", ze = {
   baseClass: "m-lazy-img",
@@ -581,7 +581,7 @@ const Re = {
     threshold: 0.1
   }
 };
-class We {
+class Re {
   constructor(e = {}) {
     a(this, "observers", []);
     a(this, "defaultOptions", ze);
@@ -739,7 +739,7 @@ let se;
 const gt = {
   created(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    se = new We(t), se.add(s, e);
+    se = new Re(t), se.add(s, e);
   },
   updated(s, e) {
     se.update(s, e);
@@ -756,7 +756,7 @@ const gt = {
         ...ze.observerOptions,
         ...e.observerOptions
       }
-    }, i = new We(t);
+    }, i = new Re(t);
     s.directive(pt, {
       created: i.add.bind(i),
       updated: i.update.bind(i),
@@ -779,24 +779,24 @@ const gt = {
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = e, i = w(() => import("./MazSpinner-zUQyynC3.mjs")), o = w(() => import("./x-mark-pPwcH6Hz.mjs")), m = w(() => import("./chevron-left-48sF6neb.mjs"));
+    const t = e, i = w(() => import("./MazSpinner-IpRhoOeg.mjs")), o = w(() => import("./x-mark-pPwcH6Hz.mjs")), m = w(() => import("./chevron-left-48sF6neb.mjs"));
     let d;
-    tt(async () => {
+    et(async () => {
       d = await import("vue-scrollto");
     });
-    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), B = h(l.alt), F = h(), c = h(), k = g(
-      () => C.value && l.animated && !l.scaleAnimation
+    const l = s, f = h(!1), E = h(!1), p = h(!1), v = h(!1), L = h(!1), y = h(!1), k = h(!1), S = h(l.clickedElement instanceof HTMLImageElement), G = h(l.src), B = h(l.alt), F = h(), c = h(), A = g(
+      () => S.value && l.animated && !l.scaleAnimation
     ), N = g(
-      () => (C.value || !l.animated) && !l.scaleAnimation
-    ), _ = h(!1), le = g(() => I.value ? `--is-zoomed maz-cursor-zoom-in maz-max-w-[none] ${_.value ? "maz-h-screen maz-w-auto" : "maz-h-auto maz-w-screen"}` : `cursor-zoom-out ${_.value ? "maz-w-screen maz-h-screen --is-landscape" : "maz-h-screen maz-w-auto"}`);
+      () => (S.value || !l.animated) && !l.scaleAnimation
+    ), _ = h(!1), le = g(() => y.value ? `--is-zoomed maz-cursor-zoom-in maz-max-w-[none] ${_.value ? "maz-h-screen maz-w-auto" : "maz-h-auto maz-w-screen"}` : `cursor-zoom-out ${_.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;
+      E.value = !0, p.value = !1, v.value = !0;
     }
     function q() {
       t("before-close"), f.value = !1;
     }
     function Q(r) {
-      r.key === "Escape" && (r.preventDefault(), q()), (r.key === "ArrowLeft" || r.key === "ArrowRight") && (r.preventDefault(), S(r.key === "ArrowRight"));
+      r.key === "Escape" && (r.preventDefault(), q()), (r.key === "ArrowLeft" || r.key === "ArrowRight") && (r.preventDefault(), O(r.key === "ArrowRight"));
     }
     function ue() {
       document.documentElement.classList.add("--m-fullscreen-open");
@@ -813,32 +813,32 @@ const gt = {
     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");
-      B.value = b ?? void 0, u && (G.value = u), p.value = !1, await X(300), p.value || (y.value = !0);
+      B.value = b ?? void 0, u && (G.value = u), E.value = !1, await X(300), E.value || (p.value = !0);
     }
-    function S(r) {
+    function O(r) {
       const n = document.querySelector(
         `.m-fullscreen-img-instance.${l.openInstanceClass}`
       );
       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");
+        const u = W(), b = u.indexOf(n), P = r ? b + 1 : b - 1, x = u[J(u, P)];
+        x && de(n, x), t(r ? "next" : "previous");
       }
     }
     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;
+      n.style.width = `${n.clientWidth}px`, n.style.height = `${n.clientHeight}px`, await X(0), y.value = !y.value, n.style.removeProperty("width"), n.style.removeProperty("height"), await X(0);
+      const u = n.clientWidth / r.clientY, P = window.innerWidth / u - window.innerHeight / 2;
       d.scrollTo(n, 200, {
         container: n.parentElement,
         easing: "linear",
-        offset: I.value ? O : 0
+        offset: y.value ? P : 0
       });
     }
     Ee(async () => {
-      await He(), document.addEventListener("keydown", Q), f.value = !0, y.value = !0, ue(), M.value = W().length > 1, c.value && (_.value = l.clickedElementBounds.height < l.clickedElementBounds.width);
+      await He(), document.addEventListener("keydown", Q), f.value = !0, p.value = !0, ue(), L.value = W().length > 1, c.value && (_.value = l.clickedElementBounds.height < l.clickedElementBounds.width);
     });
     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`);
+      c.value && (k.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 ve() {
       if (await X(0), c.value) {
@@ -846,84 +846,84 @@ const gt = {
         const r = window.innerWidth, n = window.innerHeight, u = l.clickedElementBounds.height, b = l.clickedElementBounds.width;
         if (_.value) {
           c.value.style.left = "0px";
-          const O = u * r / b, A = (n - O) / 2;
-          c.value.style.top = `${A <= 0 ? 0 : A}px`;
+          const P = u * r / b, x = (n - P) / 2;
+          c.value.style.top = `${x <= 0 ? 0 : x}px`;
         } else {
           c.value.style.top = "0px";
-          const O = b * n / u, A = (r - O) / 2;
-          c.value.style.left = `${A <= 0 ? 0 : A}px`;
+          const P = b * n / u, x = (r - P) / 2;
+          c.value.style.left = `${x <= 0 ? 0 : x}px`;
         }
       }
     }
     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;
+      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")), k.value = !1;
     }
     function fe() {
       if (c.value) {
         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;
+        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`, k.value = !0;
       }
     }
     function ge() {
       var r, n;
       t("close"), (r = F.value) == null || r.remove(), (n = l.destroy) == null || n.call(l);
     }
-    return De(() => {
+    return tt(() => {
       document.removeEventListener("keydown", Q), me();
     }), (r, n) => (z(), Z("div", {
       ref_key: "FullscreenImgElement",
       ref: F,
       role: "button",
-      class: re(["m-fullscreen-img", { "--animation-active": T.value }]),
+      class: re(["m-fullscreen-img", { "--animation-active": k.value }]),
       tabindex: "0",
-      onClick: $(q, ["self"]),
-      onKeypress: st($(q, ["prevent"]), ["esc"])
+      onClick: D(q, ["self"]),
+      onKeypress: st(D(q, ["prevent"]), ["esc"])
     }, [
-      be(P(
-        L(i),
+      be(H(
+        T(i),
         { class: "m-fullscreen-img-loader maz-h-16" },
         null,
         512
         /* NEED_PATCH */
       ), [
-        [we, y.value]
+        [we, p.value]
       ]),
-      v.value && M.value ? (z(), Z("button", {
+      v.value && L.value ? (z(), Z("button", {
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: n[0] || (n[0] = $((u) => S(!0), ["stop"]))
+        onClick: n[0] || (n[0] = D((u) => O(!0), ["stop"]))
       }, [
-        P(L(m), { class: "maz-rotate-90 maz-text-2xl" })
-      ])) : H("v-if", !0),
-      f.value && v.value && M.value ? (z(), Z("button", {
+        H(T(m), { class: "maz-rotate-90 maz-text-2xl" })
+      ])) : $("v-if", !0),
+      f.value && v.value && L.value ? (z(), Z("button", {
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: n[1] || (n[1] = $((u) => S(!1), ["stop"]))
+        onClick: n[1] || (n[1] = D((u) => O(!1), ["stop"]))
       }, [
-        P(L(m), { class: "maz-text-2xl" })
-      ])) : H("v-if", !0),
-      E("button", {
+        H(T(m), { class: "maz-text-2xl" })
+      ])) : $("v-if", !0),
+      I("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
         onClick: q
       }, [
-        P(L(o), { class: "maz-text-2xl" })
+        H(T(o), { class: "maz-text-2xl" })
       ]),
-      E("div", bt, [
-        P(Me, {
+      I("div", bt, [
+        H(De, {
           name: N.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()),
+          onBeforeEnter: n[3] || (n[3] = (u) => A.value && K()),
+          onEnter: n[4] || (n[4] = (u) => A.value && ve()),
+          onAfterEnter: n[5] || (n[5] = (u) => A.value && Y()),
+          onBeforeLeave: n[6] || (n[6] = (u) => A.value && fe()),
+          onLeave: n[7] || (n[7] = (u) => A.value && K()),
           onAfterLeave: ge,
           persisted: ""
         }, {
           default: ne(() => [
-            be(E("img", {
+            be(I("img", {
               id: "ZvImgElement",
               ref_key: "ImgElement",
               ref: c,
@@ -943,12 +943,12 @@ const gt = {
       ])
     ], 42, yt));
   }
-}), Ke = (s, e) => {
+}), We = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [i, o] of e)
     t[i] = o;
   return t;
-}, Et = /* @__PURE__ */ Ke(zt, [["__scopeId", "data-v-d0c959c7"]]), Ae = "m-fullscreen-is-open";
+}, Et = /* @__PURE__ */ We(zt, [["__scopeId", "data-v-d0c959c7"]]), Ae = "m-fullscreen-is-open";
 class Lt {
   constructor() {
     a(this, "options");
@@ -1003,7 +1003,7 @@ class Lt {
     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(Ae), Be(Et, {
+    return e.classList.add(Ae), Me(Et, {
       props: {
         ...this.options,
         openInstanceClass: Ae,
@@ -1021,7 +1021,7 @@ class Lt {
   }
 }
 let ie;
-const Ye = {
+const Ke = {
   mounted(s, e) {
     return ie = new Lt(), ie.create(s, e);
   },
@@ -1033,20 +1033,20 @@ const Ye = {
   }
 }, ds = {
   install(s) {
-    s.directive("fullscreen-img", Ye);
+    s.directive("fullscreen-img", Ke);
   }
 }, It = [
   {
     name: "click-outside",
-    directive: qe
+    directive: _e
   },
   {
     name: "closable",
-    directive: je
+    directive: Ve
   },
   {
     name: "zoom-img",
-    directive: Re
+    directive: je
   },
   {
     name: "lazy-img",
@@ -1054,7 +1054,7 @@ const Ye = {
   },
   {
     name: "fullscreen-img",
-    directive: Ye
+    directive: Ke
   }
 ], hs = {
   install(s) {
@@ -1139,7 +1139,7 @@ const Ye = {
   }
   function d() {
     o || (o = setInterval(() => {
-      i.value -= t, i.value <= 0 && (p(), e == null || e());
+      i.value -= t, i.value <= 0 && (E(), e == null || e());
     }, t));
   }
   function l() {
@@ -1148,17 +1148,15 @@ const Ye = {
   function f() {
     !o && i.value > 0 && d();
   }
-  function p() {
+  function E() {
     i.value = s, l();
   }
-  return De(() => {
-    p();
-  }), {
+  return {
     remainingTime: i,
     start: m,
     pause: l,
     resume: f,
-    stop: p
+    stop: E
   };
 }, Mt = { class: "m-toast__message-wrapper" }, Bt = { class: "m-toast__message" }, Ft = { class: "maz-flex maz-items-center maz-gap-2" }, Nt = { key: 0 }, _t = { class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1" }, qt = /* @__PURE__ */ $e({
   __name: "MazToast",
@@ -1182,7 +1180,7 @@ const Ye = {
   },
   emits: ["close", "click", "open"],
   setup(s, { emit: e }) {
-    const t = w(() => import("./MazBtn-i7A6854I.mjs")), i = w(() => import("./x-mark-pPwcH6Hz.mjs")), o = w(
+    const t = w(() => import("./MazBtn-zKfVjg-f.mjs")), i = w(() => import("./x-mark-pPwcH6Hz.mjs")), o = w(
       () => import("./arrow-top-right-on-square-JGWhrxDH.mjs")
     ), m = w(
       () => import("./exclamation-triangle-KCpIguWV.mjs")
@@ -1190,7 +1188,7 @@ const Ye = {
       () => import("./exclamation-circle-AoEMgPzE.mjs")
     ), l = w(
       () => import("./information-circle-5aSd26ke.mjs")
-    ), f = w(() => import("./check-circle-JGd6LGss.mjs")), p = w(() => import("./link-CVsbXQMi.mjs")), y = h(), v = s, M = g(() => {
+    ), f = w(() => import("./check-circle-JGd6LGss.mjs")), E = w(() => import("./link-CVsbXQMi.mjs")), p = h(), v = s, L = g(() => {
       switch (v.type) {
         case "danger":
           return m;
@@ -1203,7 +1201,7 @@ const Ye = {
         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"), B = h(!1), F = h(!1), c = h(), k = `m-toast-container --${T.value} --${C.value}`, N = `.${k.replaceAll(" ", ".")}`, { start: _, stop: le, pause: ce, resume: q, remainingTime: Q } = Dt({
+    }), y = e, k = g(() => v.position.includes("top") ? "top" : "bottom"), S = g(() => v.position.includes("left") ? "left" : v.position.includes("right") ? "right" : "center"), G = g(() => S.value !== "center" ? S.value === "right" ? "m-slide-right" : "m-slide-left" : k.value === "top" ? "m-slide-top" : "m-slide-bottom"), B = h(!1), F = h(!1), c = h(), A = `m-toast-container --${k.value} --${S.value}`, N = `.${A.replaceAll(" ", ".")}`, { start: _, stop: le, pause: ce, resume: q, remainingTime: Q } = Dt({
       callback: Y,
       timeout: v.timeout
     });
@@ -1211,7 +1209,7 @@ const Ye = {
       const r = document.querySelector(N);
       if (!r && !r) {
         const n = document.body, u = document.createElement("div");
-        u.className = k, n.append(u);
+        u.className = A, n.append(u);
       }
     }
     function me() {
@@ -1224,7 +1222,7 @@ const Ye = {
         return;
       }
       const r = document.querySelector(N);
-      y.value && r && r.prepend(y.value), F.value = !0, _();
+      p.value && r && r.prepend(p.value), F.value = !0, _();
     }
     const J = h("100%");
     function de() {
@@ -1250,12 +1248,12 @@ const Ye = {
         }
       }
     );
-    function S(r) {
-      I("click", r), v.persistent || Y();
+    function O(r) {
+      y("click", r), v.persistent || Y();
     }
     async function he(r, n) {
       var u;
-      B.value = !0, await r(), B.value = !1, (u = v.action) != null && u.closeToast && S(n);
+      B.value = !0, await r(), B.value = !1, (u = v.action) != null && u.closeToast && O(n);
     }
     function K(r) {
       v.noPauseOnHover || (r ? ce() : q());
@@ -1267,44 +1265,44 @@ const Ye = {
       ve(), F.value = !1;
     }
     function fe() {
-      I("open");
+      y("open");
     }
     function ge() {
       var n;
-      I("close"), (n = y.value) == null || n.remove();
+      y("close"), (n = p.value) == null || n.remove();
       const r = document.querySelector(N);
       r && !(r != null && r.hasChildNodes()) && r.remove();
     }
     return Ee(() => {
       ue(), W();
-    }), (r, n) => (z(), U(Me, {
+    }), (r, n) => (z(), U(De, {
       name: G.value,
       onAfterLeave: ge,
       onAfterEnter: fe,
       persisted: ""
     }, {
       default: ne(() => [
-        be(E(
+        be(I(
           "button",
           {
             ref_key: "Toaster",
-            ref: y,
-            class: re(["m-toast", [`--${s.type}`, `--${T.value}`, `--${C.value}`, { "maz-pb-1": s.timeout }]]),
+            ref: p,
+            class: re(["m-toast", [`--${s.type}`, `--${k.value}`, `--${S.value}`, { "maz-pb-1": s.timeout }]]),
             role: "alert",
             onMouseover: n[2] || (n[2] = (u) => K(!0)),
             onMouseleave: n[3] || (n[3] = (u) => K(!1)),
-            onClick: n[4] || (n[4] = $((u) => {
+            onClick: n[4] || (n[4] = D((u) => {
               var b;
-              return s.link && !((b = s.link) != null && b.closeToast) ? void 0 : S(u);
+              return s.link && !((b = s.link) != null && b.closeToast) ? void 0 : O(u);
             }, ["stop"]))
           },
           [
-            M.value ? (z(), U(ot(M.value), {
+            L.value ? (z(), U(ot(L.value), {
               key: 0,
               class: "maz-text-2xl"
-            })) : H("v-if", !0),
-            E("div", Mt, [
-              E(
+            })) : $("v-if", !0),
+            I("div", Mt, [
+              I(
                 "p",
                 Bt,
                 pe(s.message),
@@ -1312,14 +1310,14 @@ const Ye = {
                 /* TEXT */
               )
             ]),
-            s.action ? (z(), U(L(t), {
+            s.action ? (z(), U(T(t), {
               key: 1,
               "data-test": "action-btn",
               color: s.type,
               pastel: "",
               loading: B.value,
               size: "sm",
-              onClick: n[0] || (n[0] = $((u) => he(s.action.func, u), ["stop"]))
+              onClick: n[0] || (n[0] = D((u) => he(s.action.func, u), ["stop"]))
             }, {
               default: ne(() => [
                 nt(
@@ -1330,8 +1328,8 @@ const Ye = {
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["color", "loading"])) : H("v-if", !0),
-            s.link ? (z(), U(L(t), {
+            }, 8, ["color", "loading"])) : $("v-if", !0),
+            s.link ? (z(), U(T(t), {
               key: 2,
               "data-test": "link-btn",
               color: s.type,
@@ -1343,18 +1341,18 @@ const Ye = {
               default: ne(() => {
                 var u;
                 return [
-                  E("div", Ft, [
+                  I("div", Ft, [
                     s.link.text ? (z(), Z(
                       "span",
                       Nt,
                       pe(s.link.text),
                       1
                       /* TEXT */
-                    )) : H("v-if", !0),
-                    ((u = s.link) == null ? void 0 : u.target) == "_blank" ? (z(), U(L(o), {
+                    )) : $("v-if", !0),
+                    ((u = s.link) == null ? void 0 : u.target) == "_blank" ? (z(), U(T(o), {
                       key: 1,
                       class: "maz-text-xl"
-                    })) : (z(), U(L(p), {
+                    })) : (z(), U(T(E), {
                       key: 2,
                       class: "maz-text-xl"
                     }))
@@ -1363,16 +1361,16 @@ const Ye = {
               }),
               _: 1
               /* STABLE */
-            }, 8, ["color", "href", "target"])) : H("v-if", !0),
-            s.persistent ? H("v-if", !0) : (z(), Z("button", {
+            }, 8, ["color", "href", "target"])) : $("v-if", !0),
+            s.persistent ? $("v-if", !0) : (z(), Z("button", {
               key: 3,
               class: "--close",
-              onClick: n[1] || (n[1] = $((u) => S(u), ["stop"]))
+              onClick: n[1] || (n[1] = D((u) => O(u), ["stop"]))
             }, [
-              P(L(i), { class: "--icon maz-text-xl" })
+              H(T(i), { class: "--icon maz-text-xl" })
             ])),
-            E("div", _t, [
-              E(
+            I("div", _t, [
+              I(
                 "div",
                 {
                   style: rt({
@@ -1396,7 +1394,7 @@ const Ye = {
       /* STABLE */
     }, 8, ["name"]));
   }
-}), Ut = /* @__PURE__ */ Ke(qt, [["__scopeId", "data-v-ee210f61"]]), Vt = {
+}), Ut = /* @__PURE__ */ We(qt, [["__scopeId", "data-v-ee210f61"]]), Vt = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1
@@ -1412,7 +1410,7 @@ class jt {
       ...this.globalOptions,
       ...t
     };
-    Be(Ut, {
+    Me(Ut, {
       props: o,
       app: this.app
     });
@@ -1508,14 +1506,21 @@ class Qt {
           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;
+        const f = l.getAttribute("data-maz-aos-once"), E = 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(() => {
+          const p = l.getAttribute("data-maz-aos-duration"), v = l.getAttribute("data-maz-aos-delay");
+          if (p || (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);
+          }, 1e3)), l.classList.add("maz-aos-animate"), E) {
+            const L = l.getAttribute("data-maz-aos-anchor");
+            if (L) {
+              const y = document.querySelector(L);
+              y && t.unobserve(y);
+            }
+            t.unobserve(l);
+          }
         } else
           l.classList.remove("maz-aos-animate");
       }
@@ -1536,7 +1541,7 @@ class Qt {
     }
   }
   runAnimations() {
-    if (D())
+    if (M())
       return this.handleObserver();
     console.warn("[MazAos](runAnimations) should be executed on client side");
   }
@@ -1544,7 +1549,7 @@ class Qt {
 let oe;
 const ps = {
   install: (s, e) => {
-    oe = new Qt(e), s.provide("aos", oe), D() && (e != null && e.router ? e.router.afterEach(async () => {
+    oe = new Qt(e), s.provide("aos", oe), M() && (e != null && e.router ? e.router.afterEach(async () => {
       oe.runAnimations();
     }) : oe.runAnimations());
   }
@@ -1555,7 +1560,7 @@ const ps = {
   storageThemeValueDark: "dark",
   storageThemeValueLight: "light",
   storageThemeValueSystem: "system"
-}, R = h("system"), x = h("system");
+}, R = h("system"), C = h("system");
 function Ie({
   darkClass: s,
   lightClass: e,
@@ -1564,7 +1569,7 @@ function Ie({
   setLocalStorageValue: o = !0,
   setSelectedTheme: m = !0
 }) {
-  document.documentElement.classList.remove(e), document.documentElement.classList.add(s), R.value = i, m && (x.value = i), o && (localStorage[t] = i);
+  document.documentElement.classList.remove(e), document.documentElement.classList.add(s), R.value = i, m && (C.value = i), o && (localStorage[t] = i);
 }
 function Te({
   darkClass: s,
@@ -1574,15 +1579,15 @@ function Te({
   setLocalStorageValue: o = !0,
   setSelectedTheme: m = !0
 }) {
-  document.documentElement.classList.remove(s), document.documentElement.classList.add(e), R.value = i, m && (x.value = i), o && (localStorage[t] = i);
+  document.documentElement.classList.remove(s), document.documentElement.classList.add(e), R.value = i, m && (C.value = i), o && (localStorage[t] = i);
 }
-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 Ye(s) {
+  document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), R.value = s.storageThemeValueSystem, C.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Xe({ ...s, setSelectedTheme: !1 });
 }
 function Se() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Ze(s) {
+function Xe(s) {
   localStorage[s.storageThemeKey] === s.storageThemeValueDark || !(s.storageThemeKey in localStorage) && Se() || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && Se() ? Ie({
     ...s,
     setLocalStorageValue: !1,
@@ -1597,7 +1602,7 @@ function Oe({
   shouldSetDarkMode: s,
   ...e
 }) {
-  return typeof s != "boolean" ? Xe(e) : s ? Ie(e) : Te(e);
+  return typeof s != "boolean" ? Ye(e) : s ? Ie(e) : Te(e);
 }
 function Jt(s) {
   return R.value === s.storageThemeValueDark ? Te(s) : Ie(s);
@@ -1606,20 +1611,20 @@ function ys(s = Ce) {
   const e = {
     ...Ce,
     ...s
-  }, t = g(() => x.value === e.storageThemeValueDark), i = g(() => x.value === e.storageThemeValueLight), o = g(() => x.value === e.storageThemeValueSystem);
+  }, t = g(() => C.value === e.storageThemeValueDark), i = g(() => C.value === e.storageThemeValueLight), o = g(() => C.value === e.storageThemeValueSystem);
   return Ee(() => {
-    localStorage[e.storageThemeKey] && (R.value = localStorage[e.storageThemeKey], x.value = localStorage[e.storageThemeKey]);
+    localStorage[e.storageThemeKey] && (R.value = localStorage[e.storageThemeKey], C.value = localStorage[e.storageThemeKey]);
   }), {
-    autoSetTheme: () => Ze(e),
+    autoSetTheme: () => Xe(e),
     toggleTheme: () => Jt(e),
-    setSystemTheme: () => Xe({ ...e, setLocalStorageValue: !0 }),
+    setSystemTheme: () => Ye({ ...e, setLocalStorageValue: !0 }),
     setDarkTheme: () => Oe({ ...e, shouldSetDarkMode: !0 }),
     setLightTheme: () => Oe({ ...e, shouldSetDarkMode: !1 }),
     hasDarkTheme: t,
     hasLightTheme: i,
     hasSystemTheme: o,
     theme: R,
-    selectedTheme: x
+    selectedTheme: C
   };
 }
 const bs = ({
@@ -1644,16 +1649,16 @@ const bs = ({
       reject: i
     }
   ];
-}), Ge = (s) => (j.value = j.value.filter(({ id: e }) => e !== s), j.value), Pe = (s, e, t = !1) => {
+}), Ze = (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(() => {
-    Ge(e.id);
+    Ze(e.id);
   }, 500));
 }, Ts = () => ({
   confirmDialogData: es,
   dialogState: j,
   showDialogAndWaitChoice: ts,
-  removeDialogFromState: Ge,
+  removeDialogFromState: Ze,
   rejectDialog: (s, e = !1) => Pe("reject", s, e),
   resolveDialog: (s, e = !1) => Pe("resolve", s, e)
 });
@@ -1676,20 +1681,20 @@ export {
   jt as T,
   ct as U,
   Zt as W,
-  Ke as _,
-  D as a,
+  We as _,
+  M as a,
   hs as b,
   as as c,
   ns as d,
-  qe as e,
+  _e as e,
   ms as f,
-  Re as g,
+  je as g,
   us as h,
   Le as i,
-  Ye as j,
+  Ke as j,
   ds as k,
-  je as l,
-  Be as m,
+  Ve as l,
+  Me as m,
   cs as n,
   vs as o,
   ls as p,