maz-ui 3.32.2 → 3.34.0

package/modules/chunks/{index-CcXCRwty.mjs → index-CWAO7a8o.mjs}

@@ -1,41 +1,41 @@
-var Qe = Object.defineProperty;
-var Ge = (s, e, t) => e in s ? Qe(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var r = (s, e, t) => (Ge(s, typeof e != "symbol" ? e + "" : e, t), t);
+var Ge = Object.defineProperty;
+var Je = (s, e, t) => e in s ? Ge(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var r = (s, e, t) => (Je(s, typeof e != "symbol" ? e + "" : e, t), t);
 import "../assets/index.css";
-import { inject as Je, createVNode as N, render as te, nextTick as et, defineComponent as Ae, defineAsyncComponent as L, ref as v, computed as p, watch as Oe, onMounted as ze, onBeforeUnmount as tt, openBlock as T, createElementBlock as R, withModifiers as A, withKeys as st, withDirectives as He, unref as C, vShow as De, createCommentVNode as O, createElementVNode as k, normalizeClass as we, createBlock as F, Transition as it, withCtx as pe, resolveDynamicComponent as nt, toDisplayString as ye, createTextVNode as ot, normalizeStyle as rt } from "vue";
-function Le(s, e) {
-  const t = Je(s, e);
+import { inject as et, createVNode as N, render as te, nextTick as tt, defineComponent as Oe, defineAsyncComponent as L, ref as v, computed as p, watch as He, onMounted as ue, onBeforeUnmount as De, openBlock as T, createElementBlock as R, withModifiers as A, withKeys as st, withDirectives as Pe, unref as C, vShow as Me, createCommentVNode as O, createElementVNode as x, normalizeClass as Ee, createBlock as F, Transition as nt, withCtx as ye, resolveDynamicComponent as it, toDisplayString as be, createTextVNode as ot, normalizeStyle as rt, onUnmounted as at } from "vue";
+function Te(s, e) {
+  const t = et(s, e);
   if (!t)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s}`);
   return t;
 }
-function ls(s, e) {
+function cs(s, e) {
   let t;
-  return function(...i) {
+  return function(...n) {
     clearTimeout(t), t = setTimeout(() => {
-      s.apply(this, i);
+      s.apply(this, n);
     }, e);
   };
 }
-function at(s) {
+function lt(s) {
   return !!s;
 }
-function Pe(s, e) {
+function $e(s, e) {
   let t = e == null ? void 0 : e.element;
-  function i() {
+  function n() {
     t && te(null, t);
   }
-  const n = N(
+  const i = N(
     s,
-    { ...e == null ? void 0 : e.props, ...e != null && e.addDestroyInProps ? { destroy: i } : {} },
+    { ...e == null ? void 0 : e.props, ...e != null && e.addDestroyInProps ? { destroy: n } : {} },
     e == null ? void 0 : e.children
   );
-  return e != null && e.app ? (n.appContext = e.app._context, t ? te(n, t) : typeof document < "u" && (t = document.createElement("div"), te(n, t))) : (t = t ?? document.body, te(n, t)), { vNode: n, destroy: i, el: t };
+  return e != null && e.app ? (i.appContext = e.app._context, t ? te(i, t) : typeof document < "u" && (t = document.createElement("div"), te(i, t))) : (t = t ?? document.body, te(i, t)), { vNode: i, destroy: n, el: t };
 }
 function E() {
   return typeof document < "u";
 }
-class lt {
+class ct {
   constructor(e, t) {
     r(this, "defaultOptions", {
       element: void 0,
@@ -70,10 +70,10 @@ class lt {
         if (this.remainingTime > 0)
           return;
         if (e.type === "mousemove") {
-          const { clientX: t, clientY: i } = e;
-          if (t === void 0 && i === void 0 || t === this.lastClientX && i === this.lastClientY)
+          const { clientX: t, clientY: n } = e;
+          if (t === void 0 && n === void 0 || t === this.lastClientX && n === this.lastClientY)
             return;
-          this.lastClientX = t, this.lastClientY = i;
+          this.lastClientX = t, this.lastClientY = n;
         }
         this.resetTimeout(), this.callback({ isIdle: this.isIdle, eventType: e.type });
       } catch (t) {
@@ -142,7 +142,7 @@ class lt {
     e ? this.handleTimeout() : this.reset(), this.callback({ isIdle: this.isIdle });
   }
 }
-class ct {
+class ut {
   constructor(e, t) {
     r(this, "eventHandlerFunction");
     r(this, "event", "visibilitychange");
@@ -188,11 +188,11 @@ class ct {
     this.removeEventListener(), this.timeoutHandler && clearTimeout(this.timeoutHandler);
   }
 }
-const ut = (s) => new Promise((e) => {
+const mt = (s) => new Promise((e) => {
   setTimeout(e, s);
 });
-class cs {
-  constructor({ src: e, identifier: t, once: i = !0, async: n = !0, defer: l = !0 }) {
+class us {
+  constructor({ src: e, identifier: t, once: n = !0, async: i = !0, defer: l = !0 }) {
     r(this, "src");
     r(this, "script");
     r(this, "once");
@@ -205,7 +205,7 @@ class cs {
       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 = n, this.defer = l;
+    this.src = e, this.identifier = t, this.once = n, this.async = i, this.defer = l;
   }
   removeTag(e) {
     var t;
@@ -216,29 +216,29 @@ class cs {
     if (this.once && e[this.identifier] && t.length > 0)
       return this.script = e[this.identifier], Promise.resolve(this.script);
     if (!this.once && t.length > 0)
-      for (const i of t)
-        this.removeTag(i);
+      for (const n of t)
+        this.removeTag(n);
     return this.injectScript();
   }
   injectScript() {
     const e = window;
-    return new Promise((t, i) => {
+    return new Promise((t, n) => {
       try {
-        const n = document.createElement("script");
-        n.src = this.src, n.async = this.async, n.defer = this.defer, n.dataset.identifier = this.identifier, n.addEventListener("error", (l) => i(new Error(`[ScriptLoader](injectScript) ${l.message}`))), n.addEventListener("load", (l) => (this.script = l, e[this.identifier] = l, t(l))), document.head.append(n);
-      } catch (n) {
-        throw new Error(`[ScriptLoader](init) ${n}`);
+        const i = document.createElement("script");
+        i.src = this.src, i.async = this.async, i.defer = this.defer, i.dataset.identifier = this.identifier, i.addEventListener("error", (l) => n(new Error(`[ScriptLoader](injectScript) ${l.message}`))), i.addEventListener("load", (l) => (this.script = l, e[this.identifier] = l, t(l))), document.head.append(i);
+      } catch (i) {
+        throw new Error(`[ScriptLoader](init) ${i}`);
       }
     });
   }
 }
-function us(s) {
+function ms(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("");
+  }).filter(lt).map((e) => String.fromCodePoint(e)).join("");
 }
-class mt {
+class dt {
   constructor(e) {
     r(this, "defaultOptions", {
       preventDefaultOnTouchMove: !1,
@@ -302,72 +302,72 @@ class mt {
     this.runCallbacks(e), this.emitValuesChanged();
   }
   runCallbacks(e) {
-    var t, i, n, l, a, c, d, g;
-    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? (i = (t = this.options).onLeft) == null || i.call(t, e) : (l = (n = this.options).onRight) == null || l.call(n, e) : this.yDiff > 0 ? (c = (a = this.options).onUp) == null || c.call(a, e) : (g = (d = this.options).onDown) == null || g.call(d, e), this.resetValues());
+    var t, n, i, l, a, c, d, g;
+    typeof this.xDiff != "number" || typeof this.yDiff != "number" || Math.abs(this.xDiff) < this.options.threshold && Math.abs(this.yDiff) < this.options.threshold || (Math.abs(this.xDiff) > Math.abs(this.yDiff) ? this.xDiff > 0 ? (n = (t = this.options).onLeft) == null || n.call(t, e) : (l = (i = this.options).onRight) == null || l.call(i, e) : this.yDiff > 0 ? (c = (a = this.options).onUp) == null || c.call(a, e) : (g = (d = this.options).onDown) == null || g.call(d, e), this.resetValues());
   }
   resetValues() {
     this.xStart = void 0, this.yStart = void 0, this.xEnd = void 0, this.yEnd = void 0, this.xDiff = void 0, this.yDiff = void 0, this.emitValuesChanged();
   }
 }
-function ms(s, e) {
+function ds(s, e) {
   let t = 0;
   return async function() {
-    const i = Date.now();
-    i - t >= e && (await s(), t = i);
+    const n = Date.now();
+    n - t >= e && (await s(), t = n);
   };
 }
-const ae = "__vue_click_away__", Me = () => document.ontouchstart === null ? "touchstart" : "click", $e = async (s, e) => {
-  Fe(s);
-  const t = e.instance, i = e.value, n = typeof i == "function";
-  if (!n)
+const ae = "__vue_click_away__", Fe = () => document.ontouchstart === null ? "touchstart" : "click", Ne = async (s, e) => {
+  _e(s);
+  const t = e.instance, n = e.value, i = typeof n == "function";
+  if (!i)
     throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-  await et(), s[ae] = (a) => {
-    if ((!s || !s.contains(a.target)) && i && n)
-      return i.call(t, a);
+  await tt(), s[ae] = (a) => {
+    if ((!s || !s.contains(a.target)) && n && i)
+      return n.call(t, a);
   };
-  const l = Me();
+  const l = Fe();
   document.addEventListener(l, s[ae], !1);
-}, Fe = (s) => {
-  const e = Me();
+}, _e = (s) => {
+  const e = Fe();
   document.removeEventListener(e, s[ae], !1), delete s[ae];
-}, dt = (s, e) => {
-  e.value !== e.oldValue && $e(s, e);
-}, Ne = {
-  mounted: $e,
-  updated: dt,
-  unmounted: Fe
-}, ds = {
+}, ht = (s, e) => {
+  e.value !== e.oldValue && Ne(s, e);
+}, Ve = {
+  mounted: Ne,
+  updated: ht,
+  unmounted: _e
+}, hs = {
   install: (s) => {
-    s.directive("click-outside", Ne);
+    s.directive("click-outside", Ve);
   }
-}, _e = (s, e, t, i) => {
+}, Be = (s, e, t, n) => {
   s.stopPropagation();
-  const { handler: n, exclude: l } = t.value;
+  const { handler: i, exclude: l } = t.value;
   let a = !1;
   if (l && l.length > 0)
     for (const c of l)
-      a || (a = i.context.$refs[c].contains(s.target));
-  !e.contains(s.target) && !a && i.context[n]();
-}, Ve = () => document.ontouchstart === null ? "touchstart" : "click", ht = (s, e, t) => {
-  const i = Ve();
+      a || (a = n.context.$refs[c].contains(s.target));
+  !e.contains(s.target) && !a && n.context[i]();
+}, qe = () => document.ontouchstart === null ? "touchstart" : "click", ft = (s, e, t) => {
+  const n = qe();
   document.removeEventListener(
-    i,
-    (n) => _e(n, s, e, t)
+    n,
+    (i) => Be(i, s, e, t)
   );
-}, ft = (s, e, t) => {
-  const i = Ve();
+}, vt = (s, e, t) => {
+  const n = qe();
   document.addEventListener(
-    i,
-    (n) => _e(n, s, e, t)
+    n,
+    (i) => Be(i, s, e, t)
   );
-}, Be = {
-  mounted: ft,
-  unmounted: ht
-}, hs = {
+}, Ue = {
+  mounted: vt,
+  unmounted: ft
+}, fs = {
   install: (s) => {
-    s.directive("closable", Be);
+    s.directive("closable", Ue);
   }
-}, vt = `
+}, gt = `
 .maz-zoom-img {
   position: fixed;
   top: 0;
@@ -490,13 +490,13 @@ const ae = "__vue_click_away__", Me = () => document.ontouchstart === null ? "to
 
 .maz-zoom-img .maz-zoom-btn:hover {
   background-color: hsl(0, 0%, 0%);
-}`, Ie = {
+}`, Se = {
   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 gt {
+class pt {
   constructor(e) {
     r(this, "options");
     r(this, "loader");
@@ -543,28 +543,28 @@ class gt {
     e.classList.add(
       "maz-is-open"
       /* OPEN */
-    ), this.addStyle(vt);
-    const i = document.createElement("div");
-    i.classList.add("maz-zoom-img"), i.setAttribute("id", "MazImgPreviewFullsize"), i.addEventListener("click", (n) => {
-      i.isEqualNode(n.target) && this.closePreview();
-    }), typeof t == "object" && (this.img.setAttribute("src", t.src), t.alt && this.img.setAttribute("alt", t.alt), this.img.id = "MazImgElement"), this.wrapper.append(this.img), i.append(this.wrapper), document.body.append(i), this.keyboardEventHandler(!0), setTimeout(() => {
-      i && i.classList.add("maz-animate");
+    ), this.addStyle(gt);
+    const n = document.createElement("div");
+    n.classList.add("maz-zoom-img"), n.setAttribute("id", "MazImgPreviewFullsize"), n.addEventListener("click", (i) => {
+      n.isEqualNode(i.target) && this.closePreview();
+    }), typeof t == "object" && (this.img.setAttribute("src", t.src), t.alt && this.img.setAttribute("alt", t.alt), this.img.id = "MazImgElement"), this.wrapper.append(this.img), n.append(this.wrapper), document.body.append(n), this.keyboardEventHandler(!0), setTimeout(() => {
+      n && n.classList.add("maz-animate");
     }, 100);
   }
   onImgLoaded() {
     this.wrapper.style.width = `${this.img.width}px`, this.wrapper.style.minWidth = "200px", this.loader.hidden = !0;
-    const e = this.getButton(), t = [], i = this.allInstances.length > 1;
+    const e = this.getButton(), t = [], n = this.allInstances.length > 1;
     if (!this.buttonsAdded) {
-      if (this.buttonsAdded = !0, i) {
-        const n = this.getButton("previous"), l = this.getButton("next");
-        t.push(n, l);
+      if (this.buttonsAdded = !0, n) {
+        const i = this.getButton("previous"), l = this.getButton("next");
+        t.push(i, l);
       }
-      this.wrapper.append(e), i && (this.wrapper.prepend(t[0]), this.wrapper.append(t[1]));
+      this.wrapper.append(e), n && (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 = Ie.spinner, e;
+    return e.classList.add("maz-zoom-img__loader"), e.innerHTML = Se.spinner, e;
   }
   mouseLeave(e) {
     this.options.scale && (e.style.transform = ""), this.options.blur && (e.style.filter = ""), e.style.zIndex = "";
@@ -577,15 +577,15 @@ class gt {
   }
   getButton(e = "close") {
     const t = document.createElement("button");
-    return t.innerHTML = Ie[e], t.addEventListener("click", () => {
+    return t.innerHTML = Se[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;
   }
   closePreview() {
-    const e = document.querySelector("#MazImgPreviewFullsize"), t = document.querySelector("#MazPreviewStyle"), i = document.querySelector(
+    const e = document.querySelector("#MazImgPreviewFullsize"), t = document.querySelector("#MazPreviewStyle"), n = document.querySelector(
       ".maz-zoom-img-instance.maz-is-open"
     );
-    i && i.classList.remove(
+    n && n.classList.remove(
       "maz-is-open"
       /* OPEN */
     ), e && e.classList.remove("maz-animate"), this.keyboardEventHandler(!1), setTimeout(() => {
@@ -596,12 +596,12 @@ class gt {
     return e < 0 ? this.allInstances.length - 1 : e >= this.allInstances.length ? 0 : e;
   }
   nextPreviousImage(e) {
-    const t = e, i = document.querySelector(
+    const t = e, n = document.querySelector(
       ".maz-zoom-img-instance.maz-is-open"
     );
-    if (i) {
-      const n = this.allInstances.indexOf(i), l = t ? n + 1 : n - 1, a = this.allInstances[this.getNewInstanceIndex(l)];
-      a && this.useNextInstance(i, a);
+    if (n) {
+      const i = this.allInstances.indexOf(n), l = t ? i + 1 : i - 1, a = this.allInstances[this.getNewInstanceIndex(l)];
+      a && this.useNextInstance(n, a);
     }
   }
   useNextInstance(e, t) {
@@ -612,8 +612,8 @@ class gt {
       "maz-is-open"
       /* OPEN */
     );
-    const i = t.getAttribute("data-zoom-src"), n = t.getAttribute("data-zoom-alt");
-    this.wrapper.style.width = "", this.loader.hidden = !1, i && this.img.setAttribute("src", i), n && this.img.setAttribute("alt", n);
+    const n = t.getAttribute("data-zoom-src"), i = t.getAttribute("data-zoom-alt");
+    this.wrapper.style.width = "", this.loader.hidden = !1, n && this.img.setAttribute("src", n), i && this.img.setAttribute("alt", i);
   }
   addStyle(e) {
     const t = document.createElement("style");
@@ -631,9 +631,9 @@ class gt {
   }
 }
 let se;
-const qe = {
+const We = {
   created(s, e) {
-    se = new gt(e), se.create(s);
+    se = new pt(e), se.create(s);
   },
   updated(s, e) {
     se.update(e);
@@ -641,11 +641,11 @@ const qe = {
   unmounted(s) {
     se.remove(s);
   }
-}, fs = {
+}, vs = {
   install(s) {
-    s.directive("zoom-img", qe);
+    s.directive("zoom-img", We);
   }
-}, pt = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", Ee = {
+}, yt = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", ze = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -659,10 +659,10 @@ const qe = {
     threshold: 0.1
   }
 };
-class Ue {
+class je {
   constructor(e = {}) {
     r(this, "observers", []);
-    r(this, "defaultOptions", Ee);
+    r(this, "defaultOptions", ze);
     r(this, "options");
     r(this, "onImgLoadedCallback");
     r(this, "onImgErrorCallback");
@@ -696,34 +696,34 @@ class Ue {
     this.addClass(e, this.options.baseClass);
   }
   imageIsLoading(e) {
-    var t, i;
-    this.addClass(e, this.options.loadingClass), (i = (t = this.options).onLoading) == null || i.call(t, e);
+    var t, n;
+    this.addClass(e, this.options.loadingClass), (n = (t = this.options).onLoading) == null || n.call(t, e);
   }
   imageHasNoPhoto(e) {
     this.removeClass(e, this.options.loadingClass), this.addClass(e, this.options.noPhotoClass), this.setDefaultPhoto(e);
   }
   imageIsLoaded(e) {
-    var t, i;
-    this.hasImgLoaded = !0, this.removeClass(e, this.options.loadingClass), this.addClass(e, this.options.loadedClass), (i = (t = this.options).onLoaded) == null || i.call(t, e);
+    var t, n;
+    this.hasImgLoaded = !0, this.removeClass(e, this.options.loadingClass), this.addClass(e, this.options.loadedClass), (n = (t = this.options).onLoaded) == null || n.call(t, e);
   }
   imageHasError(e) {
-    var t, i;
-    this.removeClass(e, this.options.loadingClass), this.addClass(e, this.options.errorClass), (i = (t = this.options).onError) == null || i.call(t, e), this.setDefaultPhoto(e);
+    var t, n;
+    this.removeClass(e, this.options.loadingClass), this.addClass(e, this.options.errorClass), (n = (t = this.options).onError) == null || n.call(t, e), this.setDefaultPhoto(e);
   }
   getSrc(e) {
     return typeof e.value == "object" ? e.value.src : e.value;
   }
   getImageUrl(e, t) {
-    const i = this.getImgElement(e).getAttribute("data-lazy-src");
-    return i || (t.value, this.getSrc(t));
+    const n = this.getImgElement(e).getAttribute("data-lazy-src");
+    return n || (t.value, this.getSrc(t));
   }
   async setPictureSourceUrls(e) {
     const t = e.querySelectorAll("source");
     if (t.length > 0)
-      for await (const i of t) {
-        const n = i.getAttribute("data-lazy-srcset");
-        if (n)
-          i.srcset = n;
+      for await (const n of t) {
+        const i = n.getAttribute("data-lazy-srcset");
+        if (i)
+          n.srcset = i;
         else
           return this.imageHasError(e);
       }
@@ -744,104 +744,104 @@ class Ue {
       return;
     const t = this.options.fallbackSrc ?? this.options.errorPhoto;
     typeof t == "string" && this.addClass(e, this.options.noPhotoClass);
-    const i = t ?? await this.loadErrorPhoto(), n = e.querySelectorAll("source");
-    if (n.length > 0)
-      for await (const l of n)
-        l.srcset = i;
+    const n = t ?? await this.loadErrorPhoto(), i = e.querySelectorAll("source");
+    if (i.length > 0)
+      for await (const l of i)
+        l.srcset = n;
     else
-      this.setImgSrc(e, i);
+      this.setImgSrc(e, n);
   }
   addEventListenerToImg(e) {
     const t = this.getImgElement(e);
     t.addEventListener("load", () => this.onImgLoadedCallback(e), {
       once: !0
-    }), t.addEventListener("error", (i) => this.onImgErrorCallback(e, i), { once: !0 });
+    }), t.addEventListener("error", (n) => this.onImgErrorCallback(e, n), { once: !0 });
   }
   async loadImage(e, t) {
     if (this.imageIsLoading(e), this.isPictureElement(e))
       this.addEventListenerToImg(e), await this.setPictureSourceUrls(e);
     else {
-      const i = this.getImageUrl(e, t);
-      if (!i)
+      const n = this.getImageUrl(e, t);
+      if (!n)
         return this.imageHasError(e);
-      this.hasBgImgMode(t) ? (e.style.backgroundImage = `url('${i}')`, this.imageIsLoaded(e)) : (this.addEventListenerToImg(e), this.setImgSrc(e, i));
+      this.hasBgImgMode(t) ? (e.style.backgroundImage = `url('${n}')`, this.imageIsLoaded(e)) : (this.addEventListenerToImg(e), this.setImgSrc(e, n));
     }
   }
   setImgSrc(e, t) {
-    const i = this.getImgElement(e);
-    i.src = t;
+    const n = this.getImgElement(e);
+    n.src = t;
   }
-  handleIntersectionObserver(e, t, i, n) {
+  handleIntersectionObserver(e, t, n, i) {
     var l, a;
-    this.observers.push(n);
-    for (const c of i)
+    this.observers.push(i);
+    for (const c of n)
       if (c.isIntersecting) {
-        if ((a = (l = this.options).onIntersecting) == null || a.call(l, c.target), this.options.observerOnce && n.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
+        if ((a = (l = this.options).onIntersecting) == null || a.call(l, c.target), this.options.observerOnce && i.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
           return;
         this.loadImage(e, t);
       }
   }
   createObserver(e, t) {
-    const i = (a, c) => {
+    const n = (a, c) => {
       this.handleIntersectionObserver(e, t, a, c);
-    }, n = this.options.observerOptions;
-    new IntersectionObserver(i, n).observe(e);
+    }, i = this.options.observerOptions;
+    new IntersectionObserver(n, i).observe(e);
   }
-  async imageHandler(e, t, i) {
-    if (i === "update")
-      for await (const n of this.observers)
-        n.unobserve(e);
+  async imageHandler(e, t, n) {
+    if (n === "update")
+      for await (const i of this.observers)
+        i.unobserve(e);
     window.IntersectionObserver ? this.createObserver(e, t) : this.loadImage(e, t);
   }
-  async bindUpdateHandler(e, t, i) {
+  async bindUpdateHandler(e, t, n) {
     if (this.options.noPhoto)
       return this.imageHasNoPhoto(e);
-    await this.imageHandler(e, t, i);
+    await this.imageHandler(e, t, n);
   }
   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, pt), await this.bindUpdateHandler(e, t, "bind");
+    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, yt), 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"));
   }
   remove(e, t) {
     this.hasImgLoaded = !1, this.hasBgImgMode(t) && (e.style.backgroundImage = ""), this.removeAllStateClasses(e);
-    for (const i of this.observers)
-      i.unobserve(e);
+    for (const n of this.observers)
+      n.unobserve(e);
     this.observers = [];
   }
 }
-let ie;
-const yt = {
+let ne;
+const bt = {
   created(s, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    ie = new Ue(t), ie.add(s, e);
+    ne = new je(t), ne.add(s, e);
   },
   updated(s, e) {
-    ie.update(s, e);
+    ne.update(s, e);
   },
   unmounted(s, e) {
-    ie.remove(s, e);
+    ne.remove(s, e);
   }
-}, bt = "lazy-img", vs = {
+}, wt = "lazy-img", gs = {
   install(s, e = {}) {
     const t = {
-      ...Ee,
+      ...ze,
       ...e,
       observerOptions: {
-        ...Ee.observerOptions,
+        ...ze.observerOptions,
         ...e.observerOptions
       }
-    }, i = new Ue(t);
-    s.directive(bt, {
-      created: i.add.bind(i),
-      updated: i.update.bind(i),
-      unmounted: i.remove.bind(i)
+    }, n = new je(t);
+    s.directive(wt, {
+      created: n.add.bind(n),
+      updated: n.update.bind(n),
+      unmounted: n.remove.bind(n)
     });
   }
-}, wt = ["onKeypress"], Et = { class: "m-fullscreen-img-scroller" }, zt = ["src", "alt"], Lt = /* @__PURE__ */ Ae({
+}, Et = ["onKeypress"], zt = { class: "m-fullscreen-img-scroller" }, Lt = ["src", "alt"], Tt = /* @__PURE__ */ Oe({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -859,37 +859,37 @@ const yt = {
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(s, { emit: e }) {
-    const t = e, i = L(() => import("./MazSpinner-BHGuV2dF.mjs")), n = L(() => import("./x-mark-BP8zWe_C.mjs")), l = L(() => import("./chevron-left-CcZaP3Rc.mjs")), a = s, c = v(!1), d = v(!1), g = v(!1), b = v(!1), f = v(!1), y = v(a.clickedElement), I = p(() => a.clickedElement.getBoundingClientRect()), B = p(
+    const t = e, n = L(() => import("./MazSpinner-_fcsae1V.mjs")), i = L(() => import("./x-mark-BP8zWe_C.mjs")), l = L(() => import("./chevron-left-CcZaP3Rc.mjs")), a = s, c = v(!1), d = v(!1), g = v(!1), b = v(!1), f = v(!1), y = v(a.clickedElement), I = p(() => a.clickedElement.getBoundingClientRect()), B = p(
       () => I.value.height < I.value.width
     ), D = v(a.src), K = v(a.alt), M = v(), S = v(), q = p(() => f.value ? "--is-zoomed maz-cursor-zoom-out" : "maz-cursor-zoom-in");
     function Y() {
       c.value = !0, d.value = !1, g.value = !0;
     }
-    Oe(
+    He(
       () => g.value,
       (u) => {
-        u && fe();
+        u && ve();
       }
     );
-    function x() {
+    function k() {
       t("before-close"), j();
     }
     function X(u) {
-      u.key === "Escape" && (u.preventDefault(), x()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), U(u.key === "ArrowRight" ? "next" : "previous"));
+      u.key === "Escape" && (u.preventDefault(), k()), (u.key === "ArrowLeft" || u.key === "ArrowRight") && (u.preventDefault(), U(u.key === "ArrowRight" ? "next" : "previous"));
     }
-    function ue() {
+    function me() {
       document.documentElement.classList.add("--m-fullscreen-open");
     }
-    function me() {
+    function de() {
       document.documentElement.classList.remove("--m-fullscreen-open");
     }
     function Z() {
       return [...document.querySelectorAll(".m-fullscreen-img-instance")];
     }
-    function de(u, o) {
+    function he(u, o) {
       return o < 0 ? u.length - 1 : o >= u.length ? 0 : o;
     }
-    async function he(u, o) {
+    async function fe(u, o) {
       u.classList.remove(a.openInstanceClass), o.classList.add(a.openInstanceClass);
       const m = o.getAttribute("data-src"), h = o.getAttribute("data-alt");
       K.value = h, m && (D.value = m), c.value = !1, c.value || (d.value = !0);
@@ -899,8 +899,8 @@ const yt = {
         `.m-fullscreen-img-instance.${a.openInstanceClass}`
       );
       if (o) {
-        const m = Z(), h = m.indexOf(o), w = u === "next" ? h + 1 : h - 1, z = m[de(m, w)];
-        y.value = z, z && he(o, z), t(u), f.value ? W(S.value) : P();
+        const m = Z(), h = m.indexOf(o), w = u === "next" ? h + 1 : h - 1, z = m[he(m, w)];
+        y.value = z, z && fe(o, z), t(u), f.value ? W(S.value) : P();
       }
     }
     function W(u) {
@@ -923,22 +923,22 @@ const yt = {
       const o = y.value instanceof HTMLImageElement ? y.value.naturalWidth : y.value.clientWidth, m = y.value instanceof HTMLImageElement ? y.value.naturalHeight : y.value.clientHeight, h = window.innerWidth, w = window.innerHeight, z = Math.min(
         (h - 2 * u) / o,
         (w - 2 * u) / m
-      ), ve = (h - o * z) / 2, ge = (w - m * z) / 2;
+      ), ge = (h - o * z) / 2, pe = (w - m * z) / 2;
       return {
         originalWidth: o,
         originalHeight: m,
         scale: z,
-        centerX: ve,
-        centerY: ge
+        centerX: ge,
+        centerY: pe
       };
     }
     function J({ trigger: u }) {
-      const { originalWidth: o, originalHeight: m, scale: h, centerX: w, centerY: z } = $(), { top: ve, left: ge, width: Xe, height: Ze } = I.value, Te = [
+      const { originalWidth: o, originalHeight: m, scale: h, centerX: w, centerY: z } = $(), { top: ge, left: pe, width: Ze, height: Qe } = I.value, Ie = [
         {
-          top: `${ve}px`,
-          left: `${ge}px`,
-          width: `${Xe}px`,
-          height: `${Ze}px`,
+          top: `${ge}px`,
+          left: `${pe}px`,
+          width: `${Ze}px`,
+          height: `${Qe}px`,
           opacity: 0
         },
         {
@@ -950,7 +950,7 @@ const yt = {
         }
       ];
       return {
-        frames: u === "open" ? Te : Te.reverse()
+        frames: u === "open" ? Ie : Ie.reverse()
       };
     }
     function P() {
@@ -964,7 +964,7 @@ const yt = {
         throw console.error("[maz-ui](vFullscreenImg) ImgElement is not defined");
       Object.assign(S.value.style, z);
     }
-    function fe() {
+    function ve() {
       const { frames: u } = J({
         trigger: "open"
       }), o = G(u);
@@ -988,27 +988,27 @@ const yt = {
     function ee() {
       f.value || P();
     }
-    return ze(() => {
-      d.value = !0, document.addEventListener("keydown", X), window.addEventListener("resize", ee), ue(), b.value = Z().length > 1;
-    }), tt(() => {
-      document.removeEventListener("keydown", X), window.removeEventListener("resize", ee), me();
+    return ue(() => {
+      d.value = !0, document.addEventListener("keydown", X), window.addEventListener("resize", ee), me(), b.value = Z().length > 1;
+    }), De(() => {
+      document.removeEventListener("keydown", X), window.removeEventListener("resize", ee), de();
     }), (u, o) => (T(), R("div", {
       ref_key: "FullscreenImgElement",
       ref: M,
       role: "button",
       class: "m-fullscreen-img",
       tabindex: "0",
-      onClick: A(x, ["stop"]),
-      onKeypress: st(A(x, ["prevent"]), ["esc"])
+      onClick: A(k, ["stop"]),
+      onKeypress: st(A(k, ["prevent"]), ["esc"])
     }, [
-      He(N(
-        C(i),
+      Pe(N(
+        C(n),
         { class: "m-fullscreen-img-loader maz-h-16" },
         null,
         512
         /* NEED_PATCH */
       ), [
-        [De, d.value]
+        [Me, d.value]
       ]),
       g.value && b.value ? (T(), R("button", {
         key: 0,
@@ -1026,35 +1026,35 @@ const yt = {
       }, [
         N(C(l), { class: "maz-text-3xl" })
       ])) : O("v-if", !0),
-      k("button", {
+      x("button", {
         type: "button",
         class: "m-fullscreen-btn --close",
-        onClick: x
+        onClick: k
       }, [
-        N(C(n), { class: "maz-text-3xl" })
+        N(C(i), { class: "maz-text-3xl" })
       ]),
-      k("div", Et, [
+      x("div", zt, [
         O(" eslint-disable-next-line vuejs-accessibility/no-static-element-interactions, vuejs-accessibility/click-events-have-key-events "),
-        k("img", {
+        x("img", {
           ref_key: "ImgElement",
           ref: S,
           src: D.value,
           alt: K.value ?? void 0,
           tabindex: "0",
-          class: we([q.value]),
+          class: Ee([q.value]),
           onLoad: Y,
           onClick: o[2] || (o[2] = A((m) => u.zoom ? Q() : void 0, ["stop"]))
-        }, null, 42, zt)
+        }, null, 42, Lt)
       ])
-    ], 40, wt));
+    ], 40, Et));
   }
-}), We = (s, e) => {
+}), Re = (s, e) => {
   const t = s.__vccOpts || s;
-  for (const [i, n] of e)
-    t[i] = n;
+  for (const [n, i] of e)
+    t[n] = i;
   return t;
-}, Tt = /* @__PURE__ */ We(Lt, [["__scopeId", "data-v-4836a523"]]), Se = "m-fullscreen-is-open";
-class It {
+}, It = /* @__PURE__ */ Re(Tt, [["__scopeId", "data-v-4836a523"]]), ke = "m-fullscreen-is-open";
+class St {
   constructor() {
     r(this, "options");
     r(this, "defaultOptions", {
@@ -1073,11 +1073,11 @@ class It {
     r(this, "renderPreviewListener");
   }
   buildOptions(e, t) {
-    const i = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, n = (i == null ? void 0 : i.src) ?? this.getImgSrc(e), l = (i == null ? void 0 : i.alt) ?? this.getImgAlt(e);
+    const n = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, i = (n == null ? void 0 : n.src) ?? this.getImgSrc(e), l = (n == null ? void 0 : n.alt) ?? this.getImgAlt(e);
     return {
       ...this.defaultOptions,
-      ...i,
-      src: n,
+      ...n,
+      src: i,
       alt: l
     };
   }
@@ -1085,8 +1085,8 @@ class It {
     return [...document.querySelectorAll(".m-fullscreen-img-instance")];
   }
   getImgSrc(e) {
-    var i;
-    const t = ((i = this.options) == null ? void 0 : i.src) || e.getAttribute("src") || e.getAttribute("data-src");
+    var n;
+    const t = ((n = this.options) == null ? void 0 : n.src) || e.getAttribute("src") || e.getAttribute("data-src");
     if (!t)
       throw new Error(
         '[maz-ui](fullscreen-img) src of image must be provided by `v-fullscreen=""`, `v-fullscreen="{ src: "" }"`, `src=""` or `data-src=""` atributes'
@@ -1101,8 +1101,8 @@ class It {
     if (this.options = this.buildOptions(e, t), this.options.disabled)
       return;
     e.style.cursor = "move", (this.options.scaleOnHover || this.options.blurOnHover) && (e.style.transition = "all 200ms ease-in-out"), e.classList.add("m-fullscreen-img-instance"), e.setAttribute("data-src", this.getImgSrc(e));
-    const i = this.getImgAlt(e);
-    i && e.setAttribute("data-alt", i), this.mouseEnterListener = () => this.mouseEnter(e), this.mouseLeaveListener = () => this.mouseLeave(e), this.renderPreviewListener = () => this.renderPreview(e), e.addEventListener("mouseenter", this.mouseEnterListener), e.addEventListener("mouseleave", this.mouseLeaveListener), e.addEventListener("click", this.renderPreviewListener);
+    const n = this.getImgAlt(e);
+    n && e.setAttribute("data-alt", n), this.mouseEnterListener = () => this.mouseEnter(e), this.mouseLeaveListener = () => this.mouseLeave(e), this.renderPreviewListener = () => this.renderPreview(e), e.addEventListener("mouseenter", this.mouseEnterListener), e.addEventListener("mouseleave", this.mouseLeaveListener), e.addEventListener("click", this.renderPreviewListener);
   }
   update(e, t) {
     this.options = this.buildOptions(e, t);
@@ -1111,10 +1111,10 @@ class It {
     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(Se), Pe(Tt, {
+    return e.classList.add(ke), $e(It, {
       props: {
         ...this.options,
-        openInstanceClass: Se,
+        openInstanceClass: ke,
         clickedElement: e,
         clickedElementBounds: e.getBoundingClientRect()
       },
@@ -1128,55 +1128,55 @@ class It {
     e.style.zIndex = "1", this.options.scaleOnHover && (e.style.transform = "scale(1.04)"), this.options.blurOnHover && (e.style.filter = "blur(3px)");
   }
 }
-let ne;
-const je = {
+let ie;
+const Ke = {
   mounted(s, e) {
-    return ne = new It(), ne.create(s, e);
+    return ie = new St(), ie.create(s, e);
   },
   updated(s, e) {
-    return ne.update(s, e);
+    return ie.update(s, e);
   },
   unmounted(s) {
-    return ne.remove(s);
+    return ie.remove(s);
   }
-}, gs = {
+}, ps = {
   install(s) {
-    s.directive("fullscreen-img", je);
+    s.directive("fullscreen-img", Ke);
   }
-}, St = [
+}, kt = [
   {
     name: "click-outside",
-    directive: Ne
+    directive: Ve
   },
   {
     name: "closable",
-    directive: Be
+    directive: Ue
   },
   {
     name: "zoom-img",
-    directive: qe
+    directive: We
   },
   {
     name: "lazy-img",
-    directive: yt
+    directive: bt
   },
   {
     name: "fullscreen-img",
-    directive: je
+    directive: Ke
   }
-], ps = {
+], ys = {
   install(s) {
-    for (const { name: e, directive: t } of St)
+    for (const { name: e, directive: t } of kt)
       s.directive(e, t);
   }
-}, xt = (s) => s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "", kt = {
+}, xt = (s) => s ? (s = s.toString(), s.charAt(0).toUpperCase() + s.slice(1)) : "", Ct = {
   style: "currency",
   minimumFractionDigits: 2,
   round: !1
-}, Ct = (s, e, t) => {
-  let i = Number(s);
-  return t.round && (i = Math.floor(i), t.minimumFractionDigits = 0), new Intl.NumberFormat(e, t).format(i);
 }, At = (s, e, t) => {
+  let n = Number(s);
+  return t.round && (n = Math.floor(n), t.minimumFractionDigits = 0), new Intl.NumberFormat(e, t).format(n);
+}, Ot = (s, e, t) => {
   if (s === void 0)
     throw new TypeError("[maz-ui](FilterCurrency) The `number` attribute is required.");
   if (e === void 0)
@@ -1185,38 +1185,38 @@ const je = {
     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.");
-}, Ot = (s, e, t) => {
-  const i = {
-    ...kt,
+}, Ht = (s, e, t) => {
+  const n = {
+    ...Ct,
     ...t
   };
-  At(s, e, i);
+  Ot(s, e, n);
   try {
-    return Ct(s, e, i);
-  } catch (n) {
-    throw new Error(`[maz-ui](FilterCurrency) ${n}`);
+    return At(s, e, n);
+  } catch (i) {
+    throw new Error(`[maz-ui](FilterCurrency) ${i}`);
   }
-}, Ht = {
+}, Dt = {
   month: "short",
   day: "numeric",
   year: "numeric"
-}, Dt = (s, e, t) => {
+}, Pt = (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 ?? Ht;
+  const n = t ?? Dt;
   try {
-    const n = s instanceof Date ? s : new Date(s);
-    return new Intl.DateTimeFormat(e, i).format(n);
-  } catch (n) {
-    throw new Error(`[maz-ui](FilterDate) ${n}`);
+    const i = s instanceof Date ? s : new Date(s);
+    return new Intl.DateTimeFormat(e, n).format(i);
+  } catch (i) {
+    throw new Error(`[maz-ui](FilterDate) ${i}`);
   }
-}, Pt = {
+}, Mt = {
   minimumFractionDigits: 2
-}, Mt = (s, e, t) => {
-  const i = {
-    ...Pt,
+}, $t = (s, e, t) => {
+  const n = {
+    ...Mt,
     ...t
   };
   if (s === void 0)
@@ -1226,47 +1226,47 @@ const je = {
   if (typeof e != "string")
     throw new TypeError("[maz-ui](FilterNumber) The `locale` attribute must be a string.");
   try {
-    return new Intl.NumberFormat(e, i).format(Number(s));
-  } catch (n) {
-    throw new Error(`[maz-ui](FilterNumber) ${n}`);
+    return new Intl.NumberFormat(e, n).format(Number(s));
+  } catch (i) {
+    throw new Error(`[maz-ui](FilterNumber) ${i}`);
   }
-}, $t = {
+}, Ft = {
   capitalize: xt,
-  currency: Ot,
-  date: Dt,
-  number: Mt
-}, ys = {
+  currency: Ht,
+  date: Pt,
+  number: $t
+}, bs = {
   install(s) {
-    s.provide("filters", $t);
+    s.provide("filters", Ft);
   }
-}, Ft = ({ timeout: s, callback: e, remainingTimeUpdate: t = 200 }) => {
-  const i = v(s);
-  let n;
+}, Nt = ({ timeout: s, callback: e, remainingTimeUpdate: t = 200 }) => {
+  const n = v(s);
+  let i;
   function l() {
-    i.value = s, a();
+    n.value = s, a();
   }
   function a() {
-    n || (n = setInterval(() => {
-      i.value -= t, i.value <= 0 && (g(), e == null || e());
+    i || (i = setInterval(() => {
+      n.value -= t, n.value <= 0 && (g(), e == null || e());
     }, t));
   }
   function c() {
-    n && (clearInterval(n), n = void 0);
+    i && (clearInterval(i), i = void 0);
   }
   function d() {
-    !n && i.value > 0 && a();
+    !i && n.value > 0 && a();
   }
   function g() {
-    i.value = s, c();
+    n.value = s, c();
   }
   return {
-    remainingTime: i,
+    remainingTime: n,
     start: l,
     pause: c,
     resume: d,
     stop: g
   };
-}, Nt = { class: "m-toast__message-wrapper" }, _t = { class: "m-toast__message" }, Vt = { class: "maz-flex maz-items-center maz-gap-2" }, Bt = { key: 0 }, qt = { class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1" }, Ut = /* @__PURE__ */ Ae({
+}, _t = { class: "m-toast__message-wrapper" }, Vt = { class: "m-toast__message" }, Bt = { class: "maz-flex maz-items-center maz-gap-2" }, qt = { key: 0 }, Ut = { class: "progress-bar maz-absolute maz-inset-x-0 maz-bottom-0 maz-h-1" }, Wt = /* @__PURE__ */ Oe({
   __name: "MazToast",
   props: {
     position: {
@@ -1288,7 +1288,7 @@ const je = {
   },
   emits: ["close", "click", "open"],
   setup(s, { emit: e }) {
-    const t = L(() => import("./MazBtn-DzJx2DA3.mjs")), i = L(() => import("./x-mark-BP8zWe_C.mjs")), n = L(
+    const t = L(() => import("./MazBtn-slucsujG.mjs")), n = L(() => import("./x-mark-BP8zWe_C.mjs")), i = L(
       () => import("./arrow-top-right-on-square-CkcBq4qD.mjs")
     ), l = L(
       () => import("./exclamation-triangle-BfZLmRbP.mjs")
@@ -1309,19 +1309,19 @@ const je = {
         default:
           return;
       }
-    }), I = e, B = p(() => f.position.includes("top") ? "top" : "bottom"), D = p(() => f.position.includes("left") ? "left" : f.position.includes("right") ? "right" : "center"), K = p(() => D.value !== "center" ? D.value === "right" ? "m-slide-right" : "m-slide-left" : B.value === "top" ? "m-slide-top" : "m-slide-bottom"), M = v(!1), S = v(!1), q = v(), Y = `m-toast-container --${B.value} --${D.value}`, x = `.${Y.replaceAll(" ", ".")}`, { start: X, stop: ue, pause: me, resume: Z, remainingTime: de } = Ft({
+    }), I = e, B = p(() => f.position.includes("top") ? "top" : "bottom"), D = p(() => f.position.includes("left") ? "left" : f.position.includes("right") ? "right" : "center"), K = p(() => D.value !== "center" ? D.value === "right" ? "m-slide-right" : "m-slide-left" : B.value === "top" ? "m-slide-top" : "m-slide-bottom"), M = v(!1), S = v(!1), q = v(), Y = `m-toast-container --${B.value} --${D.value}`, k = `.${Y.replaceAll(" ", ".")}`, { start: X, stop: me, pause: de, resume: Z, remainingTime: he } = Nt({
       callback: j,
       timeout: f.timeout
     });
-    function he() {
-      const o = document.querySelector(x);
+    function fe() {
+      const o = document.querySelector(k);
       if (!o && !o) {
         const m = document.body, h = document.createElement("div");
         h.className = Y, m.append(h);
       }
     }
     function U() {
-      const o = document.querySelector(x);
+      const o = document.querySelector(k);
       return !f.queue && f.maxToasts === !1 ? !1 : typeof f.maxToasts == "number" && o ? f.maxToasts <= o.childElementCount : o && o.childElementCount > 0;
     }
     function W() {
@@ -1329,7 +1329,7 @@ const je = {
         q.value = setTimeout(W, 250);
         return;
       }
-      const o = document.querySelector(x);
+      const o = document.querySelector(k);
       b.value && o && o.prepend(b.value), S.value = !0, X();
     }
     const Q = v("100%");
@@ -1347,8 +1347,8 @@ const je = {
           return "maz-bg-secondary";
       }
     }
-    Oe(
-      () => de.value,
+    He(
+      () => he.value,
       (o) => {
         if (typeof o == "number") {
           const m = 100 * o / f.timeout;
@@ -1364,13 +1364,13 @@ const je = {
       M.value = !0, await o(), M.value = !1, (h = f.action) != null && h.closeToast && $(m);
     }
     function P(o) {
-      f.noPauseOnHover || (o ? me() : Z());
+      f.noPauseOnHover || (o ? de() : Z());
     }
-    function fe() {
-      ue(), q.value && clearTimeout(q.value);
+    function ve() {
+      me(), q.value && clearTimeout(q.value);
     }
     function j() {
-      fe(), S.value = !1;
+      ve(), S.value = !1;
     }
     function ee() {
       I("open");
@@ -1378,24 +1378,24 @@ const je = {
     function u() {
       var m;
       I("close"), (m = b.value) == null || m.remove();
-      const o = document.querySelector(x);
+      const o = document.querySelector(k);
       o && !(o != null && o.hasChildNodes()) && o.remove();
     }
-    return ze(() => {
-      he(), W();
-    }), (o, m) => (T(), F(it, {
+    return ue(() => {
+      fe(), W();
+    }), (o, m) => (T(), F(nt, {
       name: K.value,
       onAfterLeave: u,
       onAfterEnter: ee,
       persisted: ""
     }, {
-      default: pe(() => [
-        He(k(
+      default: ye(() => [
+        Pe(x(
           "button",
           {
             ref_key: "Toaster",
             ref: b,
-            class: we(["m-toast", [`--${s.type}`, `--${B.value}`, `--${D.value}`, { "maz-pb-1": s.timeout }]]),
+            class: Ee(["m-toast", [`--${s.type}`, `--${B.value}`, `--${D.value}`, { "maz-pb-1": s.timeout }]]),
             role: "alert",
             onMouseover: m[2] || (m[2] = (h) => P(!0)),
             onMouseleave: m[3] || (m[3] = (h) => P(!1)),
@@ -1405,15 +1405,15 @@ const je = {
             }, ["stop"]))
           },
           [
-            y.value ? (T(), F(nt(y.value), {
+            y.value ? (T(), F(it(y.value), {
               key: 0,
               class: "maz-text-2xl"
             })) : O("v-if", !0),
-            k("div", Nt, [
-              k(
+            x("div", _t, [
+              x(
                 "p",
-                _t,
-                ye(s.message),
+                Vt,
+                be(s.message),
                 1
                 /* TEXT */
               )
@@ -1427,9 +1427,9 @@ const je = {
               size: "sm",
               onClick: m[0] || (m[0] = A((h) => J(s.action.func, h), ["stop"]))
             }, {
-              default: pe(() => [
+              default: ye(() => [
                 ot(
-                  ye(s.action.text),
+                  be(s.action.text),
                   1
                   /* TEXT */
                 )
@@ -1446,18 +1446,18 @@ const je = {
               href: s.link.href,
               target: s.link.target ?? "_self"
             }, {
-              default: pe(() => {
+              default: ye(() => {
                 var h;
                 return [
-                  k("div", Vt, [
+                  x("div", Bt, [
                     s.link.text ? (T(), R(
                       "span",
-                      Bt,
-                      ye(s.link.text),
+                      qt,
+                      be(s.link.text),
                       1
                       /* TEXT */
                     )) : O("v-if", !0),
-                    ((h = s.link) == null ? void 0 : h.target) == "_blank" ? (T(), F(C(n), {
+                    ((h = s.link) == null ? void 0 : h.target) == "_blank" ? (T(), F(C(i), {
                       key: 1,
                       class: "maz-text-xl"
                     })) : (T(), F(C(g), {
@@ -1475,16 +1475,16 @@ const je = {
               class: "--close",
               onClick: m[1] || (m[1] = A((h) => $(h), ["stop"]))
             }, [
-              N(C(i), { class: "--icon maz-text-xl" })
+              N(C(n), { class: "--icon maz-text-xl" })
             ])),
-            k("div", qt, [
-              k(
+            x("div", Ut, [
+              x(
                 "div",
                 {
                   style: rt({
                     width: Q.value
                   }),
-                  class: we(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", G()])
+                  class: Ee(["maz-h-full !maz-transition-all !maz-duration-200 !maz-ease-linear", G()])
                 },
                 null,
                 6
@@ -1495,31 +1495,31 @@ const je = {
           34
           /* CLASS, NEED_HYDRATION */
         ), [
-          [De, S.value]
+          [Me, S.value]
         ])
       ]),
       _: 1
       /* STABLE */
     }, 8, ["name"]));
   }
-}), Wt = /* @__PURE__ */ We(Ut, [["__scopeId", "data-v-2108a543"]]), jt = {
+}), jt = /* @__PURE__ */ Re(Wt, [["__scopeId", "data-v-2108a543"]]), Rt = {
   position: "bottom-right",
   timeout: 1e4,
   persistent: !1
 };
-class Rt {
+class Kt {
   constructor(e, t) {
     this.app = e, this.globalOptions = t;
   }
   show(e, t) {
-    const i = { message: e, ...t }, n = {
-      ...jt,
-      ...i,
+    const n = { message: e, ...t }, i = {
+      ...Rt,
+      ...n,
       ...this.globalOptions,
       ...t
     };
-    Pe(Wt, {
-      props: n,
+    $e(jt, {
+      props: i,
       app: this.app
     });
   }
@@ -1546,12 +1546,12 @@ class Rt {
   }
 }
 let xe;
-const bs = {
+const ws = {
   install(s, e) {
-    xe = new Rt(s, e), s.provide("toast", xe);
+    xe = new Kt(s, e), s.provide("toast", xe);
   }
-}, _ = "", Kt = (s) => s.filter((e, t, i) => t === i.indexOf(e)), Yt = (s) => (e = _) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e), Xt = (s) => s.length > 0, Zt = (s) => (e = _) => Kt([...s, e]), Qt = (s) => (e = _) => s.filter((t) => t !== e);
-class Gt {
+}, _ = "", Yt = (s) => s.filter((e, t, n) => t === n.indexOf(e)), Xt = (s) => (e = _) => typeof e == "function" ? s.findIndex((...t) => e(...t)) > -1 : s.includes(e), Zt = (s) => s.length > 0, Qt = (s) => (e = _) => Yt([...s, e]), Gt = (s) => (e = _) => s.filter((t) => t !== e);
+class Jt {
   constructor() {
     r(this, "_loaders", v([]));
   }
@@ -1559,23 +1559,23 @@ class Gt {
     return p(() => this._loaders.value);
   }
   stop(e = _) {
-    this._loaders.value = Qt(this._loaders.value)(e);
+    this._loaders.value = Gt(this._loaders.value)(e);
   }
   start(e = _) {
-    return this._loaders.value = Zt(this._loaders.value)(e), () => this.stop(e);
+    return this._loaders.value = Qt(this._loaders.value)(e), () => this.stop(e);
   }
   get anyLoading() {
-    return p(() => Xt(this._loaders.value));
+    return p(() => Zt(this._loaders.value));
   }
   isLoading(e = _) {
-    return p(() => Yt(this._loaders.value)(e)).value;
+    return p(() => Xt(this._loaders.value)(e)).value;
   }
 }
-const Jt = new Gt(), ws = {
+const es = new Jt(), Es = {
   install: (s) => {
-    s.provide("wait", Jt);
+    s.provide("wait", es);
   }
-}, be = {
+}, we = {
   delay: 100,
   observer: {
     root: void 0,
@@ -1588,34 +1588,34 @@ const Jt = new Gt(), ws = {
     delay: 0
   }
 };
-class es {
+class ts {
   constructor(e) {
     r(this, "options");
     this.options = {
-      delay: (e == null ? void 0 : e.delay) ?? be.delay,
+      delay: (e == null ? void 0 : e.delay) ?? we.delay,
       observer: {
-        ...be.observer,
+        ...we.observer,
         ...e == null ? void 0 : e.observer
       },
       animation: {
-        ...be.animation,
+        ...we.animation,
         ...e == null ? void 0 : e.animation
       }
     };
   }
   handleIntersect(e, t) {
-    for (const i of e) {
-      const l = i.target.getAttribute("data-maz-aos-children") === "true", a = i.target.getAttribute("data-maz-aos") ? [i.target] : [];
+    for (const n of e) {
+      const l = n.target.getAttribute("data-maz-aos-children") === "true", a = n.target.getAttribute("data-maz-aos") ? [n.target] : [];
       if (l) {
         const c = [...document.querySelectorAll("[data-maz-aos-anchor]")].map(
-          (d) => d.getAttribute("data-maz-aos-anchor") === `#${i.target.id}` ? d : void 0
+          (d) => d.getAttribute("data-maz-aos-anchor") === `#${n.target.id}` ? d : void 0
         );
         for (const d of c)
           d && a.push(d);
       }
       for (const c of a) {
         const d = c.getAttribute("data-maz-aos-once"), g = typeof d == "string" ? d === "true" : this.options.animation.once;
-        if (typeof this.options.observer.threshold == "number" && i.intersectionRatio > this.options.observer.threshold) {
+        if (typeof this.options.observer.threshold == "number" && n.intersectionRatio > this.options.observer.threshold) {
           const b = c.getAttribute("data-maz-aos-duration"), f = c.getAttribute("data-maz-aos-delay");
           if (b || (c.style.transitionDuration = `${this.options.animation.duration}ms`, setTimeout(() => {
             c.style.transitionDuration = "0";
@@ -1635,15 +1635,15 @@ class es {
     }
   }
   async handleObserver() {
-    await ut(this.options.delay);
+    await mt(this.options.delay);
     const e = new IntersectionObserver(this.handleIntersect.bind(this), {
       ...this.options.observer
     });
     for (const t of document.querySelectorAll("[data-maz-aos]")) {
-      const i = t.getAttribute("data-maz-aos-anchor");
-      if (i) {
-        const n = document.querySelector(i);
-        n ? (n.setAttribute("data-maz-aos-children", "true"), e.observe(n)) : console.warn(`[maz-ui](aos) no element found with selector "${i}"`);
+      const n = t.getAttribute("data-maz-aos-anchor");
+      if (n) {
+        const i = document.querySelector(n);
+        i ? (i.setAttribute("data-maz-aos-children", "true"), e.observe(i)) : console.warn(`[maz-ui](aos) no element found with selector "${n}"`);
       } else
         e.observe(t);
     }
@@ -1655,47 +1655,48 @@ class es {
   }
 }
 let oe;
-const Es = {
+const zs = {
   install: (s, e) => {
-    oe = new es(e), s.provide("aos", oe), E() && (e != null && e.router ? e.router.afterEach(async () => {
+    oe = new ts(e), s.provide("aos", oe), E() && (e != null && e.router ? e.router.afterEach(async () => {
       oe.runAnimations();
     }) : oe.runAnimations());
   }
-}, ke = {
+}, Ce = {
   darkClass: "dark",
   lightClass: "light",
   storageThemeKey: "theme",
   storageThemeValueDark: "dark",
   storageThemeValueLight: "light",
-  storageThemeValueSystem: "system"
+  storageThemeValueSystem: "system",
+  watchChanges: !0
 }, V = v("system"), H = v("system");
 function le({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
-  storageThemeValueDark: i,
-  setLocalStorageValue: n = !0,
+  storageThemeValueDark: n,
+  setLocalStorageValue: i = !0,
   setSelectedTheme: l = !0
 }) {
-  E() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), V.value = i, l && (H.value = i), n && (localStorage[t] = i));
+  E() && (document.documentElement.classList.remove(e), document.documentElement.classList.add(s), V.value = n, l && (H.value = n), i && (localStorage[t] = n));
 }
 function ce({
   darkClass: s,
   lightClass: e,
   storageThemeKey: t,
-  storageThemeValueLight: i,
-  setLocalStorageValue: n = !0,
+  storageThemeValueLight: n,
+  setLocalStorageValue: i = !0,
   setSelectedTheme: l = !0
 }) {
-  E() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), V.value = i, l && (H.value = i), n && (localStorage[t] = i));
+  E() && (document.documentElement.classList.remove(s), document.documentElement.classList.add(e), V.value = n, l && (H.value = n), i && (localStorage[t] = n));
 }
-function Re(s) {
-  E() && (document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), V.value = s.storageThemeValueSystem, H.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Ke({ ...s, setSelectedTheme: !1 }));
+function Ye(s) {
+  E() && (document.documentElement.classList.remove(s.darkClass), document.documentElement.classList.remove(s.lightClass), V.value = s.storageThemeValueSystem, H.value = s.storageThemeValueSystem, s.setLocalStorageValue && (localStorage[s.storageThemeKey] = s.storageThemeValueSystem), Le({ ...s }));
 }
 function re() {
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
-function Ke(s) {
+function Le(s) {
   E() && (s.onlyWithStoredValue ? localStorage[s.storageThemeKey] === s.storageThemeValueDark || localStorage[s.storageThemeKey] === s.storageThemeValueSystem && re() ? le({
     ...s,
     setLocalStorageValue: !1,
@@ -1714,82 +1715,92 @@ function Ke(s) {
     setSelectedTheme: !1
   }));
 }
-function Ce({
+function Ae({
   shouldSetDarkMode: s,
   ...e
 }) {
-  return typeof s != "boolean" ? Re(e) : s ? le(e) : ce(e);
+  return typeof s != "boolean" ? Ye(e) : s ? le(e) : ce(e);
 }
-function ts(s) {
+function ss(s) {
   return V.value === s.storageThemeValueDark ? ce(s) : le(s);
 }
-function zs(s = ke) {
+function Ls(s = Ce) {
   const e = {
-    ...ke,
+    ...Ce,
     ...s
-  }, t = p(() => H.value === e.storageThemeValueDark), i = p(() => H.value === e.storageThemeValueLight), n = p(
+  }, t = p(() => H.value === e.storageThemeValueDark), n = p(() => H.value === e.storageThemeValueLight), i = p(
     () => H.value === e.storageThemeValueSystem
   );
-  return ze(() => {
-    localStorage[e.storageThemeKey] && (V.value = localStorage[e.storageThemeKey], H.value = localStorage[e.storageThemeKey]);
+  function l() {
+    Le(e);
+  }
+  return ue(() => {
+    localStorage[e.storageThemeKey] && (V.value = localStorage[e.storageThemeKey], H.value = localStorage[e.storageThemeKey]), e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", l);
+  }), De(() => {
+    e.watchChanges && window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", l);
   }), {
-    autoSetTheme: (l) => Ke({ ...e, ...l }),
-    toggleTheme: () => ts(e),
-    setSystemTheme: () => Re({ ...e, setLocalStorageValue: !0 }),
-    setDarkTheme: () => Ce({ ...e, shouldSetDarkMode: !0 }),
-    setLightTheme: () => Ce({ ...e, shouldSetDarkMode: !1 }),
+    autoSetTheme: (a) => Le({ ...e, ...a }),
+    toggleTheme: () => ss(e),
+    setSystemTheme: () => Ye({ ...e, setLocalStorageValue: !0 }),
+    setDarkTheme: () => Ae({ ...e, shouldSetDarkMode: !0 }),
+    setLightTheme: () => Ae({ ...e, shouldSetDarkMode: !1 }),
     hasDarkTheme: t,
-    hasLightTheme: i,
-    hasSystemTheme: n,
+    hasLightTheme: n,
+    hasSystemTheme: i,
     theme: V,
     selectedTheme: H
   };
 }
-const Ls = ({
+const Ts = ({
   componentName: s,
   instance: e,
   providedId: t
-}) => p(() => t ?? `${s}-${e == null ? void 0 : e.uid}`), Ts = () => Le("aos"), Is = () => Le("wait"), Ss = () => Le("toast"), xs = ({
+}) => p(() => t ?? `${s}-${e == null ? void 0 : e.uid}`), Is = () => Te("aos"), Ss = () => Te("wait"), ks = () => Te("toast"), xs = ({
   callback: s,
   options: e
-}) => new lt(s, e), ks = ({
+}) => new ct(s, e), Cs = ({
   callback: s,
   options: e
-}) => new ct(s, e);
-function ss(s = {}) {
+}) => new ut(s, e);
+function ns(s = {}) {
   const {
     internalWindow: e = E() ? window : void 0,
     initialWidth: t = Number.POSITIVE_INFINITY,
-    initialHeight: i = Number.POSITIVE_INFINITY,
-    includeScrollbar: n = !0
-  } = s, l = v(t), a = v(i), c = () => {
-    e && (n ? (l.value = e.innerWidth, a.value = e.innerHeight) : (l.value = e.document.documentElement.clientWidth, a.value = e.document.documentElement.clientHeight));
-  };
-  return c(), e && window.addEventListener("resize", c, { passive: !0 }), { width: l, height: a };
+    initialHeight: n = Number.POSITIVE_INFINITY,
+    includeScrollbar: i = !0
+  } = s, l = v(t), a = v(n);
+  function c() {
+    e && (i ? (l.value = e.innerWidth, a.value = e.innerHeight) : (l.value = e.document.documentElement.clientWidth, a.value = e.document.documentElement.clientHeight));
+  }
+  return c(), ue(() => {
+    e && window.addEventListener("resize", c, { passive: !0 });
+  }), at(() => {
+    e && window.removeEventListener("resize", c);
+  }), { width: l, height: a };
 }
 function is(s) {
   const e = {};
-  for (const [t, i] of Object.entries(s))
-    e[t] = Number.parseInt(i, 10);
+  for (const [t, n] of Object.entries(s))
+    e[t] = Number.parseInt(n, 10);
   return e;
 }
-function Cs({
+function As({
   initialWidth: s = 0,
   initialHeight: e,
   includeScrollbar: t,
-  internalWindow: i,
-  listenOrientation: n,
+  internalWindow: n,
+  listenOrientation: i,
   breakpoints: l,
   mediumBreakPoint: a = "md",
   largeBreakPoint: c = "lg"
 }) {
-  const { width: d } = ss({
+  const { width: d } = ns({
     initialWidth: s,
     // (SSR) mobile first
     initialHeight: e,
     includeScrollbar: t,
-    internalWindow: i,
-    listenOrientation: n
+    internalWindow: n,
+    listenOrientation: i
   }), g = is(l), b = p(() => d.value >= g[c]), f = p(
     () => d.value >= g[a] && d.value < g[c]
   ), y = p(() => d.value >= 0 && d.value < g[a]);
@@ -1802,18 +1813,18 @@ function Cs({
     breakpoints: l
   };
 }
-function As(s) {
-  const e = new mt({
+function Os(s) {
+  const e = new dt({
     ...s,
     element: s.element,
     onValuesChanged(d) {
-      t.value = d.xDiff, i.value = d.yDiff, n.value = d.xStart, l.value = d.xEnd, a.value = d.yStart, c.value = d.yEnd;
+      t.value = d.xDiff, n.value = d.yDiff, i.value = d.xStart, l.value = d.xEnd, a.value = d.yStart, c.value = d.yEnd;
     }
-  }), t = v(), i = v(), n = v(), l = v(), a = v(), c = v();
+  }), t = v(), n = v(), i = v(), l = v(), a = v(), c = v();
   return {
     xDiff: t,
-    yDiff: i,
-    xStart: n,
+    yDiff: n,
+    xStart: i,
     xEnd: l,
     yStart: a,
     yEnd: c,
@@ -1821,15 +1832,15 @@ function As(s) {
     stop: e.stop
   };
 }
-function Ye(s) {
+function Xe(s) {
   const e = s.join(", ").match(/\b\w+\b/g);
   return e ? e.length : 0;
 }
-function ns(s, e = 150) {
-  const t = Ye([s]);
+function os(s, e = 150) {
+  const t = Xe([s]);
   return Math.ceil(t / e);
 }
-function Os(s) {
+function Hs(s) {
   const e = p(
     () => {
       var a;
@@ -1838,7 +1849,7 @@ function Os(s) {
   ), t = p(() => {
     var a;
     return typeof s.contentSelector == "string" ? s.contentSelector : (a = s.contentSelector) == null ? void 0 : a.value;
-  }), i = p(() => {
+  }), n = p(() => {
     var a, c, d;
     if (typeof ((a = s.contentRef) == null ? void 0 : a.value) == "object")
       return (c = s.contentRef.value) == null ? void 0 : c.textContent;
@@ -1848,63 +1859,63 @@ function Os(s) {
         return g.textContent;
     }
     return typeof s.content == "string" ? s.content : (d = s.content) == null ? void 0 : d.value;
-  }), n = p(() => ns(i.value, e.value)), l = p(() => Ye([i.value]));
+  }), i = p(() => os(n.value, e.value)), l = p(() => Xe([n.value]));
   return {
-    content: i,
+    content: n,
     wordCount: l,
     velocity: e,
-    duration: n
+    duration: i
   };
 }
 export {
   xe as A,
-  ws as B,
-  Jt as C,
-  es as D,
-  Es as E,
+  Es as B,
+  es as C,
+  ts as D,
+  zs as E,
   oe as F,
-  zs as G,
-  Ls as H,
-  lt as I,
-  Ts as J,
-  Is as K,
-  Ss as L,
+  Ls as G,
+  Ts as H,
+  ct as I,
+  Is as J,
+  Ss as K,
+  ks as L,
   xs as M,
-  ks as N,
-  Ft as O,
-  Cs as P,
-  ss as Q,
-  As as R,
-  cs as S,
-  Rt as T,
-  ct as U,
-  Os as V,
-  Gt as W,
-  We as _,
+  Cs as N,
+  Nt as O,
+  As as P,
+  ns as Q,
+  Os as R,
+  us as S,
+  Kt as T,
+  ut as U,
+  Hs as V,
+  Jt as W,
+  Re as _,
   E as a,
-  mt as b,
-  us as c,
-  ls as d,
-  ms as e,
-  ps as f,
-  Ne as g,
-  vs as h,
-  Le as i,
-  qe as j,
-  fs as k,
-  je as l,
-  Pe as m,
-  gs as n,
-  Be as o,
-  ds as p,
-  hs as q,
-  ys as r,
-  ut as s,
-  at as t,
+  dt as b,
+  ms as c,
+  cs as d,
+  ds as e,
+  ys as f,
+  Ve as g,
+  gs as h,
+  Te as i,
+  We as j,
+  vs as k,
+  Ke as l,
+  $e as m,
+  ps as n,
+  Ue as o,
+  hs as p,
+  fs as q,
+  bs as r,
+  mt as s,
+  lt as t,
   xt as u,
-  yt as v,
-  Ot as w,
-  Dt as x,
-  Mt as y,
-  bs as z
+  bt as v,
+  Ht as w,
+  Pt as x,
+  $t as y,
+  ws as z
 };