maz-ui 3.47.2-beta.24 → 3.47.2-beta.26

package/components/chunks/{MazDrawer-Bas9dy0D.mjs → MazDrawer-BqNLfW4e.mjs}

@@ -98,7 +98,7 @@ import '../assets/MazDrawer.css';const Y = {
             "div",
             G({
               key: 0,
-              class: "m-backdrop --present"
+              class: "m-backdrop --present m-reset-css"
             }, e.$attrs, {
               class: [e.backdropClass, e.variant && `--variant-${e.variant}`, { "--persistent": e.persistent }]
             }),
@@ -139,7 +139,7 @@ import '../assets/MazDrawer.css';const Y = {
   for (const [l, f] of r)
     d[l] = f;
   return d;
-}, _ = /* @__PURE__ */ O(x, [["__scopeId", "data-v-7aa1682e"]]), ee = { class: "m-drawer-header__title" }, te = {
+}, _ = /* @__PURE__ */ O(x, [["__scopeId", "data-v-90448c91"]]), ee = { class: "m-drawer-header__title" }, te = {
   key: 0,
   class: "m-drawer-header__close"
 }, ne = { class: "m-drawer-body" }, oe = /* @__PURE__ */ L({
@@ -153,7 +153,7 @@ import '../assets/MazDrawer.css';const Y = {
   },
   emits: ["before-close", "open", "close", "update:model-value"],
   setup(n) {
-    const r = n, d = D(() => import("./MazBtn-BS2kvd1Z.mjs")), l = D(() => import("./x-mark-CnZwVvA7.mjs")), f = g(() => r.variant === "left" ? "start" : r.variant === "right" ? "end" : "none"), v = g(() => r.variant === "top" ? "start" : r.variant === "bottom" ? "end" : "none"), c = J(), u = g(() => !!(r.title || c.title));
+    const r = n, d = D(() => import("./MazBtn-BcrrOaO_.mjs")), l = D(() => import("./x-mark-CnZwVvA7.mjs")), f = g(() => r.variant === "left" ? "start" : r.variant === "right" ? "end" : "none"), v = g(() => r.variant === "top" ? "start" : r.variant === "bottom" ? "end" : "none"), c = J(), u = g(() => !!(r.title || c.title));
     return (t, o) => (p(), T(_, {
       "backdrop-class": ["m-drawer", t.backdropClass],
       justify: f.value,

package/components/chunks/{MazDropdown-0r445NfW.mjs → MazDropdown-DNXKdC_3.mjs}

@@ -147,6 +147,7 @@ const ge = ["innerHTML"], be = /* @__PURE__ */ Z({
       key: 0,
       ref_key: "svgElem",
       ref: h,
+      class: "m-icon m-reset-css",
       width: "1em",
       height: "1em"
     }, {
@@ -185,7 +186,7 @@ const ge = ["innerHTML"], be = /* @__PURE__ */ Z({
     const n = l, f = s, p = me({
       componentName: "MazDropdown",
       providedId: n.id
-    }), v = F(() => import("./MazBtn-oZhhJy09.mjs")), h = F(() => import("./MazLink-tud3eDgU.mjs")), T = F(() => import("./chevron-down-BkvtON3b.mjs")), u = A(n.open), d = A(), C = M(() => n.size === "xl" ? "maz-text-lg" : n.size === "lg" || n.size === "md" || n.size === "sm" ? "maz-text-base" : n.size === "xs" || n.size === "mini" ? "maz-text-sm" : "maz-text-lg"), y = we((e) => {
+    }), v = F(() => import("./MazBtn-DETtZdlj.mjs")), h = F(() => import("./MazLink-DlUG7E5K.mjs")), T = F(() => import("./chevron-down-BkvtON3b.mjs")), u = A(n.open), d = A(), C = M(() => n.size === "xl" ? "maz-text-lg" : n.size === "lg" || n.size === "md" || n.size === "sm" ? "maz-text-base" : n.size === "xs" || n.size === "mini" ? "maz-text-sm" : "maz-text-lg"), y = we((e) => {
       r(e);
     }, 200);
     function L() {
@@ -249,7 +250,7 @@ const ge = ["innerHTML"], be = /* @__PURE__ */ Z({
       (e) => r(e)
     ), (e, c) => Q((w(), E("div", {
       id: m(p),
-      class: S(["m-dropdown", [n.class, { "--block": e.block }]]),
+      class: S(["m-dropdown m-reset-css", [n.class, { "--block": e.block }]]),
       style: X(e.style)
     }, [
       J("div", {

package/components/chunks/{MazDropzone-DKFkgqqD.mjs → MazDropzone-n0JE92da.mjs}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as H, defineComponent as Q, ref as z, computed as
 import '../assets/MazDropzone.css';function G(n) {
   return n.default ?? n;
 }
-const K = H(() => import("./MazSpinner-DjM6ktPY.mjs")), P = `<div class="dz-preview dz-file-preview maz-flex-1">
+const K = H(() => import("./MazSpinner-B_THFs0t.mjs")), P = `<div class="dz-preview dz-file-preview maz-flex-1">
   <div class="dz-image">
       <div data-dz-thumbnail-bg></div>
   </div>
@@ -159,7 +159,7 @@ function te(n, t, d, p, e, g) {
       ref: "ButtonElement",
       type: "button",
       name: "maz-dropzone",
-      class: "maz-dropzone",
+      class: "maz-dropzone m-reset-css",
       style: W([n.dropzoneStyle])
     },
     [

package/components/chunks/{MazExpandAnimation-Bdf0-L85.mjs → MazExpandAnimation-B04WMwpW.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as l, mergeModels as m, useModel as u, ref as s, onMounted as f, onUnmounted as p, openBlock as v, createElementBlock as c, normalizeClass as _, normalizeStyle as x, createElementVNode as E, mergeProps as h, renderSlot as g } from "vue";
-import { _ as M } from "./MazStepper-B3fuhbye.mjs";
+import { defineComponent as l, mergeModels as m, useModel as u, ref as r, onMounted as f, onUnmounted as p, openBlock as v, createElementBlock as c, normalizeClass as _, normalizeStyle as x, createElementVNode as E, mergeProps as h, renderSlot as g } from "vue";
+import { _ as M } from "./MazStepper-DtAqtJjn.mjs";
 import '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__PURE__ */ l({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
@@ -12,23 +12,23 @@ import '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__P
   }),
   emits: ["update:modelValue"],
   setup(d) {
-    const a = u(d, "modelValue"), i = s(!a.value), t = s();
+    const a = u(d, "modelValue"), i = r(!a.value), t = r();
     function o() {
       a.value || (i.value = !0);
     }
-    function r() {
+    function s() {
       a.value && (i.value = !1);
     }
     return f(() => {
       var e, n;
-      (e = t.value) == null || e.addEventListener("transitionstart", o, !1), (n = t.value) == null || n.addEventListener("transitionend", r, !1);
+      (e = t.value) == null || e.addEventListener("transitionstart", o, !1), (n = t.value) == null || n.addEventListener("transitionend", s, !1);
     }), p(() => {
       var e, n;
-      (e = t.value) == null || e.removeEventListener("transitionstart", o, !1), (n = t.value) == null || n.removeEventListener("transitionend", r, !1);
+      (e = t.value) == null || e.removeEventListener("transitionstart", o, !1), (n = t.value) == null || n.removeEventListener("transitionend", s, !1);
     }), (e, n) => (v(), c("div", {
       ref_key: "expandAnimationRef",
       ref: t,
-      class: _(["m-expand-animation", { "m-expand-animation--expanded": a.value }]),
+      class: _(["m-expand-animation m-reset-css", { "m-expand-animation--expanded": a.value }]),
       "aria-hidden": !a.value,
       role: "region",
       style: x([{ "--expand-animation-duration": e.duration, "--expand-animation-timing-function": e.timingFunction }])
@@ -48,7 +48,7 @@ import '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__P
       )
     ], 14, A));
   }
-}), V = /* @__PURE__ */ M(y, [["__scopeId", "data-v-3bfdfbc1"]]);
+}), V = /* @__PURE__ */ M(y, [["__scopeId", "data-v-058a2912"]]);
 export {
   V as default
 };

package/components/chunks/MazFullscreenLoader-XF8wIEcL.mjs

@@ -0,0 +1,48 @@
+import { defineComponent as l, defineAsyncComponent as c, onMounted as a, onUnmounted as d, openBlock as s, createBlock as m, Teleport as u, createElementVNode as p, mergeProps as i, createVNode as f, unref as _, createElementBlock as z, renderSlot as v, createCommentVNode as k } from "vue";
+import '../assets/MazFullscreenLoader.css';const y = { key: 0 }, C = /* @__PURE__ */ l({
+  __name: "MazFullscreenLoader",
+  props: {
+    color: { default: "primary" },
+    size: { default: "3em" },
+    teleportSelector: { default: "body" }
+  },
+  setup(t) {
+    const r = c(() => import("./MazSpinner-C7_Q1K-e.mjs"));
+    function o() {
+      document.documentElement.classList.add("--maz-fullscreen-loader-present");
+    }
+    function n() {
+      document.documentElement.classList.remove("--maz-fullscreen-loader-present");
+    }
+    return a(() => {
+      o();
+    }), d(() => {
+      n();
+    }), (e, E) => (s(), m(u, { to: e.teleportSelector }, [
+      p(
+        "div",
+        i({ class: "m-fullscreen-loader m-reset-css" }, e.$attrs),
+        [
+          f(_(r), {
+            color: e.color,
+            size: e.size
+          }, null, 8, ["color", "size"]),
+          e.$slots.default ? (s(), z("span", y, [
+            v(e.$slots, "default", {}, void 0, !0)
+          ])) : k("v-if", !0)
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ], 8, ["to"]));
+  }
+}), M = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [n, e] of r)
+    o[n] = e;
+  return o;
+}, S = /* @__PURE__ */ M(C, [["__scopeId", "data-v-7c1470b6"]]);
+export {
+  S as M,
+  M as _
+};

package/components/chunks/{MazGallery-r8SBTCgJ.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-98OuVlyK.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-Cp_nPioh.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,8 +55,8 @@ 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,
@@ -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;
     }
-    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,
@@ -118,31 +118,31 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
     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-4a73acb2"]]), 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
 };

package/components/chunks/{MazGallery-xPp1apvO.mjs → MazGallery-DdZ3bFvX.mjs}

@@ -45,7 +45,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, a = N(() => import("./MazSpinner-DqD51Fb6.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-CodOqnm1.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(() => ({
@@ -212,7 +212,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
       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"])
@@ -268,7 +268,7 @@ const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["s
   for (const [s, a] of e)
     t[s] = a;
   return t;
-}, _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-4a73acb2"]]), re = "m-fullscreen-is-open";
+}, _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-24a18baf"]]), re = "m-fullscreen-is-open";
 class Fe {
   constructor() {
     g(this, "options");
@@ -600,7 +600,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 }])
       },
       [
@@ -685,7 +685,7 @@ const De = {
       /* CLASS, STYLE */
     )) : S("v-if", !0);
   }
-}), Ye = /* @__PURE__ */ ie(qe, [["__scopeId", "data-v-3b59e0cd"]]);
+}), Ye = /* @__PURE__ */ ie(qe, [["__scopeId", "data-v-a92296a0"]]);
 export {
   Ye as M,
   ie as _

package/components/chunks/{MazIcon-_hN-Kivn.mjs → MazIcon-Cq1v4J3r.mjs}

@@ -1,6 +1,6 @@
-import { inject as T, defineComponent as x, ref as m, computed as p, onMounted as L, watchEffect as C, openBlock as P, createElementBlock as _, mergeProps as $, createCommentVNode as A, nextTick as q } from "vue";
-function H(i, c) {
-  const o = T(i, c);
+import { inject as T, defineComponent as x, ref as v, computed as p, onMounted as L, watchEffect as C, openBlock as P, createElementBlock as _, mergeProps as $, createCommentVNode as A, nextTick as q } from "vue";
+function H(i, u) {
+  const o = T(i, u);
   if (!o)
     throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i.toString()}`);
   return o;
@@ -25,8 +25,8 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
     }
   },
   emits: ["loaded", "unloaded", "error"],
-  setup(i, { emit: c }) {
-    const o = i, d = c, a = {}, s = m(), f = m();
+  setup(i, { emit: u }) {
+    const o = i, d = u, a = {}, s = v(), f = v();
     function g() {
       try {
         return H("mazIconPath");
@@ -34,7 +34,7 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
         return;
       }
     }
-    const v = p(() => o.path ?? g()), S = p(() => o.src ? o.src : v.value ? `${v.value}/${o.name}.svg` : `/${o.name}.svg`);
+    const m = p(() => o.path ?? g()), S = p(() => o.src ? o.src : m.value ? `${m.value}/${o.name}.svg` : `/${o.name}.svg`);
     L(() => {
       !o.name && !o.src && console.error('[maz-ui](MazIcon) you should provide "name" or "src" as prop');
     });
@@ -77,8 +77,8 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
         n.open("GET", e, !0), n.addEventListener("load", () => {
           if (n.status >= 200 && n.status < 400)
             try {
-              let u = new DOMParser().parseFromString(n.responseText, "text/xml").querySelectorAll("svg")[0];
-              u ? (u = o.transformSource(u), r(u)) : t(new Error('Loaded file is not valid SVG"'));
+              let c = new DOMParser().parseFromString(n.responseText, "text/xml").querySelectorAll("svg")[0];
+              c ? (c = o.transformSource(c), r(c)) : t(new Error('Loaded file is not valid SVG"'));
             } catch (l) {
               t(l);
             }
@@ -91,6 +91,7 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
       key: 0,
       ref_key: "svgElem",
       ref: f,
+      class: "m-icon m-reset-css",
       width: "1em",
       height: "1em"
     }, {