maz-ui 3.47.2-beta.9 → 3.48.1-beta.0

package/components/chunks/{MazGallery-BooLoRWi.mjs → MazGallery-CzlKPQFX.mjs}

@@ -1,16 +1,16 @@
 import '../assets/MazGallery.css';var Ae = Object.defineProperty;
 var Ie = (o, e, t) => e in o ? Ae(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var g = (o, e, t) => Ie(o, typeof e != "symbol" ? e + "" : e, t);
-import { createVNode as z, render as M, defineComponent as re, defineAsyncComponent as N, ref as p, reactive as Ee, computed as C, watch as we, onMounted as Ce, onBeforeUnmount as Le, openBlock as b, createElementBlock as A, withModifiers as O, withKeys as xe, unref as w, createCommentVNode as S, createElementVNode as k, normalizeClass as R, withDirectives as T, vShow as ze, onBeforeMount as ke, normalizeStyle as se, Fragment as ne, renderList as oe, toDisplayString as Pe } from "vue";
-import { _ as ie } from "./MazCard-XBaeDZkg.mjs";
+import { createVNode as z, render as M, defineComponent as ae, defineAsyncComponent as N, ref as p, reactive as Ee, computed as C, watch as we, onMounted as Ce, onBeforeUnmount as Le, openBlock as b, createElementBlock as A, withModifiers as O, withKeys as xe, unref as w, createCommentVNode as S, createElementVNode as k, normalizeClass as R, withDirectives as T, vShow as ze, onBeforeMount as ke, normalizeStyle as se, Fragment as ne, renderList as oe, toDisplayString as Pe } from "vue";
+import { _ as ie } from "./MazCard-l54W3CUU.mjs";
 function Oe(o, e) {
   let t = e == null ? void 0 : e.element;
   function s() {
     t && M(null, t);
   }
-  const r = { ...e == null ? void 0 : e.props, destroy: s }, l = z(
+  const a = { ...e == null ? void 0 : e.props, destroy: s }, l = z(
     o,
-    r,
+    a,
     e == null ? void 0 : e.children
   );
   return e != null && e.app ? (l.appContext = e.app._context, t ? M(l, t) : typeof document < "u" && (t = document.createElement("div"), M(l, t))) : (t = t ?? document.body, M(l, t)), { vNode: l, destroy: s, el: t };
@@ -21,14 +21,14 @@ function Se(o, e, t) {
     interval: 100,
     ...t
   };
-  let r = 0;
+  let a = 0;
   function l() {
     const u = o();
-    u != null ? s.expectedValue !== void 0 && u !== s.expectedValue ? r < s.maxAttempts ? (r++, setTimeout(l, s.interval)) : console.warn(s.errorMessage || `[maz-ui](checkAvailability) Nothing found after ${s.maxAttempts} attempts for ref ${u}`) : e(u) : r < s.maxAttempts ? (r++, setTimeout(l, s.interval)) : console.warn(s.errorMessage || `[maz-ui](checkAvailability) Nothing found or expected value after ${s.maxAttempts} attempts for ref ${u}`);
+    u != null ? s.expectedValue !== void 0 && u !== s.expectedValue ? a < s.maxAttempts ? (a++, setTimeout(l, s.interval)) : console.warn(s.errorMessage || `[maz-ui](checkAvailability) Nothing found after ${s.maxAttempts} attempts for ref ${u}`) : e(u) : a < s.maxAttempts ? (a++, setTimeout(l, s.interval)) : console.warn(s.errorMessage || `[maz-ui](checkAvailability) Nothing found or expected value after ${s.maxAttempts} attempts for ref ${u}`);
   }
   l();
 }
-const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["src", "alt"], Me = /* @__PURE__ */ re({
+const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["src", "alt"], Me = /* @__PURE__ */ ae({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -46,7 +46,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(o, { emit: e }) {
-    const t = o, s = e, r = N(() => import("./MazSpinner-9M_EGMpy.mjs")), l = N(() => import("./x-mark-CnZwVvA7.mjs")), u = N(() => import("./chevron-left-BqVOLRdC.mjs")), y = p(!1), x = p(!1), L = p(!1), h = p(!1), m = p(!1), c = Ee({
+    const t = o, s = e, a = N(() => import("./MazSpinner-Cmy2WyWY.mjs")), l = N(() => import("./x-mark-CnZwVvA7.mjs")), u = N(() => import("./chevron-left-BqVOLRdC.mjs")), y = p(!1), x = p(!1), L = p(!1), h = p(!1), m = p(!1), c = Ee({
       running: !1,
       ended: !1
     }), d = p(t.clickedElement), le = C(() => t.clickedElement.getBoundingClientRect()), H = p(), D = p(t.src), q = p(t.alt), j = p(), v = p(), $ = p(!0), ce = C(() => ({
@@ -55,12 +55,12 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
       "--absolute": !m.value
     }));
     function ue() {
-      var n, a;
-      v.value && (H.value = ((n = v.value) == null ? void 0 : n.naturalWidth) > ((a = v.value) == null ? void 0 : a.naturalHeight)), y.value = !0, x.value = !1, L.value = !0;
+      var n, r;
+      v.value && (H.value = ((n = v.value) == null ? void 0 : n.naturalWidth) > ((r = v.value) == null ? void 0 : r.naturalHeight)), y.value = !0, x.value = !1, L.value = !0;
     }
     we(
       L,
-      async (n) => {
+      (n) => {
         n && ge();
       },
       { immediate: !0 }
@@ -80,22 +80,22 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
     function Y() {
       return [...document.querySelectorAll(".m-fullscreen-img-instance")];
     }
-    function he(n, a) {
-      return a < 0 ? n.length - 1 : a >= n.length ? 0 : a;
+    function he(n, r) {
+      return r < 0 ? n.length - 1 : r >= n.length ? 0 : r;
     }
-    async function fe(n, a) {
-      n.classList.remove(t.openInstanceClass), a.classList.add(t.openInstanceClass);
-      const i = a.getAttribute("data-src"), f = a.getAttribute("data-alt");
+    function fe(n, r) {
+      n.classList.remove(t.openInstanceClass), r.classList.add(t.openInstanceClass);
+      const i = r.getAttribute("data-src"), f = r.getAttribute("data-alt");
       q.value = f, D.value = i ?? D.value;
     }
     function U(n) {
       $.value = !0;
-      const a = document.querySelector(
+      const r = document.querySelector(
         `.m-fullscreen-img-instance.${t.openInstanceClass}`
       );
-      if (a) {
-        const i = Y(), f = i.indexOf(a), I = n === "next" ? f + 1 : f - 1, E = i[he(i, I)];
-        d.value = E, E && fe(a, E), s(n), y.value = !1, x.value = !0, Se(() => y.value === !0, () => {
+      if (r) {
+        const i = Y(), f = i.indexOf(r), I = n === "next" ? f + 1 : f - 1, E = i[he(i, I)];
+        d.value = E, E && fe(r, E), s(n), y.value = !1, x.value = !0, Se(() => y.value === !0, () => {
           $.value = !1, m.value ? K() : P();
         }, {
           expectedValue: !0,
@@ -112,37 +112,37 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
       }
       n.style.removeProperty("max-width"), n.style.removeProperty("max-height"), n == null || n.style.removeProperty("top"), n == null || n.style.removeProperty("left"), H.value ? (n.style.height = "100vh", n.style.removeProperty("width")) : (n.style.width = "100vw", n.style.removeProperty("height"));
     }
-    async function ve() {
+    function ve() {
       m.value ? (m.value = !m.value, P()) : (m.value = !m.value, K());
     }
     function X(n) {
       var i;
       c.running = !0, $.value = !1;
-      const a = (i = v.value) == null ? void 0 : i.animate(n, {
+      const r = (i = v.value) == null ? void 0 : i.animate(n, {
         duration: t.animation.duration,
         easing: t.animation.easing
       });
-      if (!a) {
+      if (!r) {
         console.error("[maz-ui](vFullscreenImg) animation is not defined"), c.running = !1, c.ended = !0;
         return;
       }
-      return a;
+      return r;
     }
     function Q(n = t.offset ?? 0) {
-      const a = d.value.clientWidth || 1, i = d.value.clientHeight || 1, f = window.innerWidth, I = window.innerHeight, E = Math.min(
-        (f - 2 * n) / a,
+      const r = d.value.clientWidth || 1, i = d.value.clientHeight || 1, f = window.innerWidth, I = window.innerHeight, E = Math.min(
+        (f - 2 * n) / r,
         (I - 2 * n) / i
-      ), W = (f - a * E) / 2, Z = (I - i * E) / 2;
+      ), W = (f - r * E) / 2, Z = (I - i * E) / 2;
       return {
         centerX: W,
         centerY: Z,
-        width: a,
+        width: r,
         height: i,
         scale: E
       };
     }
     function J({ trigger: n }) {
-      const { width: a, height: i, scale: f, centerX: I, centerY: E } = Q(), { top: W, left: Z, width: ye, height: be } = le.value, te = [
+      const { width: r, height: i, scale: f, centerX: I, centerY: E } = Q(), { top: W, left: Z, width: ye, height: be } = le.value, te = [
         {
           top: `${W}px`,
           left: `${Z}px`,
@@ -153,7 +153,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
         {
           top: `${E}px`,
           left: `${I}px`,
-          width: `${a * f}px`,
+          width: `${r * f}px`,
           height: `${i * f}px`,
           opacity: 1
         }
@@ -163,12 +163,12 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
       };
     }
     function P() {
-      const { height: n, width: a, scale: i } = Q(), f = H.value ? {
-        width: `${a * i}px`,
+      const { height: n, width: r, scale: i } = Q(), f = H.value ? {
+        width: `${r * i}px`,
         maxHeight: `${n * i}px`
       } : {
         height: `${n * i}px`,
-        maxWidth: `${a * i}px`
+        maxWidth: `${r * i}px`
       };
       if (!v.value) {
         console.error("[maz-ui](vFullscreenImg) ImgElement is not defined");
@@ -179,28 +179,28 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
     function ge() {
       const { frames: n } = J({
         trigger: "open"
-      }), a = X(n);
-      if (!a) {
+      }), r = X(n);
+      if (!r) {
         console.error("[maz-ui](vFullscreenImg) open animation is not defined"), P();
         return;
       }
-      a.onfinish = () => {
+      r.onfinish = () => {
         P(), c.running = !1, c.ended = !0;
       };
     }
     function pe() {
       const { frames: n } = J({
         trigger: "close"
-      }), a = X(n);
+      }), r = X(n);
       function i() {
         var f, I;
         s("close"), (f = j.value) == null || f.remove(), (I = t.destroy) == null || I.call(t), c.running = !1, c.ended = !0;
       }
-      if (!a) {
+      if (!r) {
         console.error("[maz-ui](vFullscreenImg) close animation is not defined"), i();
         return;
       }
-      a.onfinish = i;
+      r.onfinish = i;
     }
     function ee() {
       m.value || P();
@@ -209,11 +209,11 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
       x.value = !0, document.addEventListener("keydown", G), window.addEventListener("resize", ee), me(), h.value = Y().length > 1;
     }), Le(() => {
       document.removeEventListener("keydown", G), window.removeEventListener("resize", ee), de();
-    }), (n, a) => (b(), A("div", {
+    }), (n, r) => (b(), A("div", {
       ref_key: "FullscreenImgElement",
       ref: j,
       role: "button",
-      class: "m-fullscreen-img",
+      class: "m-fullscreen-img m-reset-css",
       tabindex: "0",
       onClick: O(B, ["stop"]),
       onKeypress: xe(O(B, ["prevent"]), ["esc"])
@@ -222,7 +222,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
         key: 0,
         type: "button",
         class: "m-fullscreen-btn --next",
-        onClick: a[0] || (a[0] = O((i) => U("next"), ["stop"]))
+        onClick: r[0] || (r[0] = O((i) => U("next"), ["stop"]))
       }, [
         z(w(u), { class: "maz-rotate-180" })
       ])) : S("v-if", !0),
@@ -230,7 +230,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
         key: 1,
         type: "button",
         class: "m-fullscreen-btn --previous",
-        onClick: a[1] || (a[1] = O((i) => U("previous"), ["stop"]))
+        onClick: r[1] || (r[1] = O((i) => U("previous"), ["stop"]))
       }, [
         z(w(u))
       ])) : S("v-if", !0),
@@ -250,10 +250,10 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
           tabindex: "0",
           class: R([ce.value]),
           onLoad: ue,
-          onClick: a[2] || (a[2] = O((i) => n.zoom && ve(), ["stop"]))
+          onClick: r[2] || (r[2] = O((i) => n.zoom && ve(), ["stop"]))
         }, null, 42, Be),
         T(z(
-          w(r),
+          w(a),
           { class: "m-fullscreen-img-loader" },
           null,
           512
@@ -264,7 +264,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
       ])
     ], 40, He));
   }
-}), _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-037cf196"]]), ae = "m-fullscreen-is-open";
+}), _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-24a18baf"]]), re = "m-fullscreen-is-open";
 class Fe {
   constructor() {
     g(this, "options");
@@ -284,11 +284,11 @@ class Fe {
     g(this, "renderPreviewListener");
   }
   buildOptions(e, t) {
-    const s = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, r = (s == null ? void 0 : s.src) ?? this.getImgSrc(e), l = (s == null ? void 0 : s.alt) ?? this.getImgAlt(e);
+    const s = typeof t.value == "object" ? t.value : { src: t.value, alt: void 0 }, a = (s == null ? void 0 : s.src) ?? this.getImgSrc(e), l = (s == null ? void 0 : s.alt) ?? this.getImgAlt(e);
     return {
       ...this.defaultOptions,
       ...s,
-      src: r,
+      src: a,
       alt: l
     };
   }
@@ -322,10 +322,10 @@ class Fe {
     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), Oe(_e, {
+    return e.classList.add(re), Oe(_e, {
       props: {
         ...this.options,
-        openInstanceClass: ae,
+        openInstanceClass: re,
         clickedElement: e,
         clickedElementBounds: e.getBoundingClientRect()
       },
@@ -426,9 +426,9 @@ class Te {
     const t = e.querySelectorAll("source");
     if (t.length > 0)
       for await (const s of t) {
-        const r = s.getAttribute("data-lazy-srcset");
-        if (r)
-          s.srcset = r;
+        const a = s.getAttribute("data-lazy-srcset");
+        if (a)
+          s.srcset = a;
         else
           return this.imageHasError(e);
       }
@@ -449,9 +449,9 @@ class Te {
       return;
     const t = this.options.fallbackSrc ?? this.options.errorPhoto;
     typeof t == "string" && this.addClass(e, this.options.noPhotoClass);
-    const s = t ?? await this.loadErrorPhoto(), r = e.querySelectorAll("source");
-    if (r.length > 0)
-      for await (const l of r)
+    const s = t ?? await this.loadErrorPhoto(), a = e.querySelectorAll("source");
+    if (a.length > 0)
+      for await (const l of a)
         l.srcset = s;
     else
       this.setImgSrc(e, s);
@@ -476,12 +476,12 @@ class Te {
     const s = this.getImgElement(e);
     s.src = t;
   }
-  handleIntersectionObserver(e, t, s, r) {
+  handleIntersectionObserver(e, t, s, a) {
     var l, u;
-    this.observers.push(r);
+    this.observers.push(a);
     for (const y of s)
       if (y.isIntersecting) {
-        if ((u = (l = this.options).onIntersecting) == null || u.call(l, y.target), this.options.observerOnce && r.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
+        if ((u = (l = this.options).onIntersecting) == null || u.call(l, y.target), this.options.observerOnce && a.unobserve(e), this.options.loadOnce && this.hasImgLoaded)
           return;
         this.loadImage(e, t);
       }
@@ -489,12 +489,12 @@ class Te {
   createObserver(e, t) {
     const s = (u, y) => {
       this.handleIntersectionObserver(e, t, u, y);
-    }, r = this.options.observerOptions;
-    new IntersectionObserver(s, r).observe(e);
+    }, a = this.options.observerOptions;
+    new IntersectionObserver(s, a).observe(e);
   }
   async imageHandler(e, t, s) {
     if (s === "update")
-      for await (const r of this.observers) r.unobserve(e);
+      for await (const a of this.observers) a.unobserve(e);
     window.IntersectionObserver ? this.createObserver(e, t) : this.loadImage(e, t);
   }
   async bindUpdateHandler(e, t, s) {
@@ -532,7 +532,7 @@ const De = {
 }, Ue = { class: "m-gallery__wrapper maz-flex maz-flex-1" }, We = ["alt"], Ze = {
   key: 0,
   class: "m-gallery__remaining-layer maz-flex maz-bg-overlay maz-flex-center"
-}, Ve = { class: "maz-text-2xl maz-text-white" }, qe = /* @__PURE__ */ re({
+}, Ve = { class: "maz-text-2xl maz-text-white" }, qe = /* @__PURE__ */ ae({
   __name: "MazGallery",
   props: {
     /**
@@ -586,9 +586,9 @@ const De = {
           minHeight: typeof d == "number" ? `${d}px` : `${d}`
         }
       };
-    }), r = C(() => e.imagesShownCount <= 5 ? e.imagesShownCount : 5), l = C(() => e.images.length - (e.images.length < r.value ? e.images.length : r.value)), u = C(() => e.images.map(
+    }), a = C(() => e.imagesShownCount <= 5 ? e.imagesShownCount : 5), l = C(() => e.images.length - (e.images.length < a.value ? e.images.length : a.value)), u = C(() => e.images.map(
       (h) => typeof h == "object" ? { ...h, thumbnail: h.thumbnail ?? h.src } : { src: h, thumbnail: h, alt: void 0 }
-    )), y = C(() => u.value.slice(0, r.value)), x = C(() => u.value.slice(r.value, e.images.length));
+    )), y = C(() => u.value.slice(0, a.value)), x = C(() => u.value.slice(a.value, e.images.length));
     function L(h) {
       return e.noRemaining ? !1 : (l.value && h + 1) === y.value.length;
     }
@@ -596,7 +596,7 @@ const De = {
       "div",
       {
         key: 0,
-        class: R(["m-gallery maz-flex", { "maz-rounded": !o.noRadius }]),
+        class: R(["m-gallery m-reset-css", { "maz-rounded": !o.noRadius }]),
         style: se([s.value, { "--gallery-separator-color": o.separatorColor }])
       },
       [
@@ -681,7 +681,7 @@ const De = {
       /* CLASS, STYLE */
     )) : S("v-if", !0);
   }
-}), Ke = /* @__PURE__ */ ie(qe, [["__scopeId", "data-v-3b59e0cd"]]);
+}), Ke = /* @__PURE__ */ ie(qe, [["__scopeId", "data-v-a92296a0"]]);
 export {
   Ke as default
 };