maz-ui 3.47.2-beta.2 → 3.47.2-beta.21

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

@@ -1,33 +1,33 @@
 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, useCssVars as ke, onBeforeMount as Pe, normalizeStyle as se, Fragment as ne, renderList as oe, toDisplayString as Oe } from "vue";
-function Se(o, e) {
+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";
+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 };
 }
-function He(o, e, t) {
+function Se(o, e, t) {
   const s = {
     maxAttempts: 20,
     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 $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["src", "alt"], _e = /* @__PURE__ */ re({
+const He = ["onKeypress"], $e = { class: "m-fullscreen-img-scroller" }, Be = ["src", "alt"], Me = /* @__PURE__ */ ae({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -45,7 +45,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
   },
   emits: ["close", "previous", "next", "before-close"],
   setup(o, { emit: e }) {
-    const t = o, s = e, r = N(() => import("./MazSpinner-C-64WJje.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-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({
       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(() => ({
@@ -54,12 +54,12 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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 }
@@ -79,22 +79,22 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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, He(() => 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,
@@ -111,40 +111,40 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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, V = (I - i * E) / 2;
+      ), W = (f - r * E) / 2, Z = (I - i * E) / 2;
       return {
         centerX: W,
-        centerY: V,
-        width: a,
+        centerY: Z,
+        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: V, 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: `${V}px`,
+          left: `${Z}px`,
           width: `${ye}px`,
           height: `${be}px`,
           opacity: 0
@@ -152,7 +152,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
         {
           top: `${E}px`,
           left: `${I}px`,
-          width: `${a * f}px`,
+          width: `${r * f}px`,
           height: `${i * f}px`,
           opacity: 1
         }
@@ -162,12 +162,12 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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");
@@ -178,28 +178,28 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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();
@@ -208,7 +208,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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",
@@ -221,7 +221,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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),
@@ -229,7 +229,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["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),
@@ -240,7 +240,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
       }, [
         z(w(l))
       ]),
-      k("div", Be, [
+      k("div", $e, [
         k("img", {
           ref_key: "ImgElement",
           ref: v,
@@ -249,10 +249,10 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
           tabindex: "0",
           class: R([ce.value]),
           onLoad: ue,
-          onClick: a[2] || (a[2] = O((i) => n.zoom && ve(), ["stop"]))
-        }, null, 42, Me),
+          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
@@ -261,15 +261,15 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
           [ze, x.value]
         ])
       ])
-    ], 40, $e));
+    ], 40, He));
   }
 }), ie = (o, e) => {
   const t = o.__vccOpts || o;
-  for (const [s, r] of e)
-    t[s] = r;
+  for (const [s, a] of e)
+    t[s] = a;
   return t;
-}, Fe = /* @__PURE__ */ ie(_e, [["__scopeId", "data-v-b6e5fc28"]]), ae = "m-fullscreen-is-open";
-class Ne {
+}, _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-4a73acb2"]]), re = "m-fullscreen-is-open";
+class Fe {
   constructor() {
     g(this, "options");
     g(this, "defaultOptions", {
@@ -288,11 +288,11 @@ class Ne {
     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
     };
   }
@@ -326,10 +326,10 @@ class Ne {
     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), Se(Fe, {
+    return e.classList.add(re), Oe(_e, {
       props: {
         ...this.options,
-        openInstanceClass: ae,
+        openInstanceClass: re,
         clickedElement: e,
         clickedElementBounds: e.getBoundingClientRect()
       },
@@ -344,9 +344,9 @@ class Ne {
   }
 }
 let _;
-const Z = {
+const V = {
   mounted(o, e) {
-    return _ = new Ne(), _.create(o, e);
+    return _ = new Fe(), _.create(o, e);
   },
   updated(o, e) {
     return _.update(o, e);
@@ -354,7 +354,7 @@ const Z = {
   unmounted(o) {
     return _.remove(o);
   }
-}, Re = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", Te = {
+}, Ne = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7", Re = {
   baseClass: "m-lazy-img",
   loadedClass: "m-lazy-loaded",
   loadingClass: "m-lazy-loading",
@@ -368,10 +368,10 @@ const Z = {
     threshold: 0.1
   }
 };
-class De {
+class Te {
   constructor(e = {}) {
     g(this, "observers", []);
-    g(this, "defaultOptions", Te);
+    g(this, "defaultOptions", Re);
     g(this, "options");
     g(this, "onImgLoadedCallback");
     g(this, "onImgErrorCallback");
@@ -430,9 +430,9 @@ class De {
     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);
       }
@@ -453,9 +453,9 @@ class De {
       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);
@@ -480,12 +480,12 @@ class De {
     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);
       }
@@ -493,12 +493,12 @@ class De {
   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) {
@@ -509,7 +509,7 @@ class De {
   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, Re), await this.bindUpdateHandler(e, t, "bind");
+    setTimeout(() => this.setBaseClass(e), 0), e.getAttribute("src") || this.setImgSrc(e, Ne), 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"));
@@ -522,10 +522,10 @@ class De {
   }
 }
 let F;
-const Ue = {
+const De = {
   created(o, e) {
     const t = typeof e.value == "object" ? e.value : {};
-    F = new De(t), F.add(o, e);
+    F = new Te(t), F.add(o, e);
   },
   updated(o, e) {
     F.update(o, e);
@@ -533,10 +533,10 @@ const Ue = {
   unmounted(o, e) {
     F.remove(o, e);
   }
-}, We = { class: "m-gallery__wrapper maz-flex maz-flex-1" }, Ve = ["alt"], Ze = {
+}, 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"
-}, qe = { class: "maz-text-2xl maz-text-white" }, je = /* @__PURE__ */ re({
+}, Ve = { class: "maz-text-2xl maz-text-white" }, qe = /* @__PURE__ */ ae({
   __name: "MazGallery",
   props: {
     /**
@@ -574,11 +574,8 @@ const Ue = {
     separatorColor: { type: String, default: "transparent" }
   },
   setup(o) {
-    ke((h) => ({
-      "37b3f3e3": o.separatorColor
-    }));
     const e = o, t = N(() => import("./no-photography-PGT8fxs_.mjs"));
-    Pe(() => {
+    ke(() => {
       e.imagesShownCount > 5 && console.warn('[MazUI](m-gallery) The maximum of "images-shown-count" is 5');
     });
     const s = C(() => {
@@ -593,9 +590,9 @@ const Ue = {
           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;
     }
@@ -604,10 +601,10 @@ const Ue = {
       {
         key: 0,
         class: R(["m-gallery maz-flex", { "maz-rounded": !o.noRadius }]),
-        style: se([s.value])
+        style: se([s.value, { "--gallery-separator-color": o.separatorColor }])
       },
       [
-        k("section", We, [
+        k("section", Ue, [
           (b(!0), A(
             ne,
             null,
@@ -623,9 +620,9 @@ const Ue = {
                   src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
                   alt: c.alt,
                   loading: "lazy"
-                }, null, 8, Ve), [
-                  [w(Ue), { src: c.thumbnail, disabled: !o.lazy }, "bg-image"],
-                  [w(Z), {
+                }, null, 8, We), [
+                  [w(De), { src: c.thumbnail, disabled: !o.lazy }, "bg-image"],
+                  [w(V), {
                     src: c.src,
                     alt: c.alt,
                     disabled: o.noZoom || L(d),
@@ -636,13 +633,13 @@ const Ue = {
                 L(d) ? T((b(), A("div", Ze, [
                   k(
                     "span",
-                    qe,
-                    "+" + Oe(l.value),
+                    Ve,
+                    "+" + Pe(l.value),
                     1
                     /* TEXT */
                   )
                 ])), [
-                  [w(Z), {
+                  [w(V), {
                     src: c.src,
                     alt: c.alt,
                     disabled: o.noZoom,
@@ -678,7 +675,7 @@ const Ue = {
             key: d,
             class: "m-gallery__hidden"
           })), [
-            [w(Z), { src: c.src, disabled: o.noZoom }]
+            [w(V), { src: c.src, disabled: o.noZoom }]
           ])),
           128
           /* KEYED_FRAGMENT */
@@ -688,8 +685,8 @@ const Ue = {
       /* CLASS, STYLE */
     )) : S("v-if", !0);
   }
-}), Ke = /* @__PURE__ */ ie(je, [["__scopeId", "data-v-d7c3127b"]]);
+}), Ye = /* @__PURE__ */ ie(qe, [["__scopeId", "data-v-3b59e0cd"]]);
 export {
-  Ke as M,
+  Ye as M,
   ie as _
 };

package/components/chunks/MazIcon-BoTByt7n.mjs

@@ -0,0 +1,4 @@
+import { _ as f } from "./MazDropdown-0r445NfW.mjs";
+export {
+  f as default
+};

package/components/chunks/{MazIcon-DjMuw8Bz.mjs → MazIcon-C-aPrqx2.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as T, ref as m, computed as v, onMounted as x, watchEffect as L, openBlock as P, createElementBlock as _, mergeProps as A, createCommentVNode as C, nextTick as $ } from "vue";
-import { i as q } from "./inject-strict-BmiaNiwC.mjs";
+import { i as q } from "./inject-strict-DEDSuzCz.mjs";
 const H = ["innerHTML"], V = /* @__PURE__ */ T({
   __name: "MazIcon",
   props: {
@@ -54,8 +54,9 @@ const H = ["innerHTML"], V = /* @__PURE__ */ T({
       return r;
     }
     function E(e) {
-      let r = e.cloneNode(!0);
-      return r = o.transformSource(e), o.title && h(r, o.title), e.innerHTML;
+      e.cloneNode(!0);
+      const r = o.transformSource(e);
+      return o.title && h(r, o.title), e.innerHTML;
     }
     async function M(e) {
       s[e] || (s[e] = z(e));

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

@@ -2,7 +2,7 @@ import { inject as T, defineComponent as x, ref as m, computed as p, onMounted a
 function H(i, c) {
   const o = T(i, c);
   if (!o)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i}`);
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${i.toString()}`);
   return o;
 }
 const I = ["innerHTML"], V = /* @__PURE__ */ x({
@@ -26,7 +26,7 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
   },
   emits: ["loaded", "unloaded", "error"],
   setup(i, { emit: c }) {
-    const o = i, d = c, s = {}, l = m(), f = m();
+    const o = i, d = c, a = {}, s = m(), f = m();
     function g() {
       try {
         return H("mazIconPath");
@@ -59,15 +59,16 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
       return r;
     }
     function y(e) {
-      let r = e.cloneNode(!0);
-      return r = o.transformSource(e), o.title && h(r, o.title), e.innerHTML;
+      e.cloneNode(!0);
+      const r = o.transformSource(e);
+      return o.title && h(r, o.title), e.innerHTML;
     }
     async function z(e) {
-      s[e] || (s[e] = M(e));
+      a[e] || (a[e] = M(e));
       try {
-        l.value = await s[e], await q(), d("loaded", f.value);
+        s.value = await a[e], await q(), d("loaded", f.value);
       } catch (r) {
-        l.value && (l.value = void 0, d("unloaded")), delete s[e], d("error", r);
+        s.value && (s.value = void 0, d("unloaded")), delete a[e], d("error", r);
       }
     }
     function M(e) {
@@ -78,26 +79,26 @@ const I = ["innerHTML"], V = /* @__PURE__ */ x({
             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"'));
-            } catch (a) {
-              t(a);
+            } catch (l) {
+              t(l);
             }
           else
             t(new Error("Error loading SVG"));
-        }), n.addEventListener("error", (a) => t(a)), n.send();
+        }), n.addEventListener("error", (l) => t(l)), n.send();
       });
     }
-    return C(() => z(S.value)), (e, r) => l.value ? (P(), _("svg", $({
+    return C(() => z(S.value)), (e, r) => s.value ? (P(), _("svg", $({
       key: 0,
       ref_key: "svgElem",
       ref: f,
       width: "1em",
       height: "1em"
     }, {
-      ...E(l.value),
+      ...E(s.value),
       ...w(e.$attrs)
     }, {
       style: `font-size: ${i.size}`,
-      innerHTML: y(l.value)
+      innerHTML: y(s.value)
     }), null, 16, I)) : A("v-if", !0);
   }
 });

package/components/chunks/{MazIcon-BF5TFzse.mjs → MazIcon-kLACGOa2.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as T, ref as m, computed as v, onMounted as x, watchEffect as L, openBlock as P, createElementBlock as _, mergeProps as A, createCommentVNode as C, nextTick as $ } from "vue";
-import { i as q } from "./MazPhoneNumberInput-BbssOUzo.mjs";
+import { i as q } from "./MazPhoneNumberInput-BQjByOtQ.mjs";
 const H = ["innerHTML"], V = /* @__PURE__ */ T({
   __name: "MazIcon",
   props: {
@@ -54,8 +54,9 @@ const H = ["innerHTML"], V = /* @__PURE__ */ T({
       return r;
     }
     function E(e) {
-      let r = e.cloneNode(!0);
-      return r = o.transformSource(e), o.title && h(r, o.title), e.innerHTML;
+      e.cloneNode(!0);
+      const r = o.transformSource(e);
+      return o.title && h(r, o.title), e.innerHTML;
     }
     async function M(e) {
       s[e] || (s[e] = z(e));