maz-ui 3.47.2-beta.6 → 3.47.2-beta.7

package/components/chunks/{MazGallery-CRY5X5zS.mjs → MazGallery-BfdKcDIu.mjs}

@@ -1,9 +1,9 @@
 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";
-import { _ as ie } from "./MazCard-CAPZoSqv.mjs";
-function Se(o, e) {
+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-BkcxQOWL.mjs";
+function Oe(o, e) {
   let t = e == null ? void 0 : e.element;
   function s() {
     t && M(null, t);
@@ -15,7 +15,7 @@ function Se(o, e) {
   );
   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,
@@ -28,7 +28,7 @@ function He(o, e, t) {
   }
   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__ */ re({
   __name: "MazFullscreenImg",
   props: {
     src: {},
@@ -46,7 +46,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--fscjBdL.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, r = N(() => import("./MazSpinner-Bbagpn0P.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(() => ({
@@ -95,7 +95,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
       );
       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, () => {
+        d.value = E, E && fe(a, E), s(n), y.value = !1, x.value = !0, Se(() => y.value === !0, () => {
           $.value = !1, m.value ? K() : P();
         }, {
           expectedValue: !0,
@@ -132,20 +132,20 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
       const a = d.value.clientWidth || 1, i = d.value.clientHeight || 1, f = window.innerWidth, I = window.innerHeight, E = Math.min(
         (f - 2 * n) / a,
         (I - 2 * n) / i
-      ), W = (f - a * E) / 2, V = (I - i * E) / 2;
+      ), W = (f - a * E) / 2, Z = (I - i * E) / 2;
       return {
         centerX: W,
-        centerY: V,
+        centerY: Z,
         width: a,
         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: a, 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
@@ -241,7 +241,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,
@@ -251,7 +251,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
           class: R([ce.value]),
           onLoad: ue,
           onClick: a[2] || (a[2] = O((i) => n.zoom && ve(), ["stop"]))
-        }, null, 42, Me),
+        }, null, 42, Be),
         T(z(
           w(r),
           { class: "m-fullscreen-img-loader" },
@@ -262,10 +262,10 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
           [ze, x.value]
         ])
       ])
-    ], 40, $e));
+    ], 40, He));
   }
-}), Fe = /* @__PURE__ */ ie(_e, [["__scopeId", "data-v-b6e5fc28"]]), ae = "m-fullscreen-is-open";
-class Ne {
+}), _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-b6e5fc28"]]), ae = "m-fullscreen-is-open";
+class Fe {
   constructor() {
     g(this, "options");
     g(this, "defaultOptions", {
@@ -322,7 +322,7 @@ 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(ae), Oe(_e, {
       props: {
         ...this.options,
         openInstanceClass: ae,
@@ -340,9 +340,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);
@@ -350,7 +350,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",
@@ -364,10 +364,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");
@@ -505,7 +505,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"));
@@ -518,10 +518,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);
@@ -529,10 +529,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__ */ re({
   __name: "MazGallery",
   props: {
     /**
@@ -570,11 +570,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(() => {
@@ -600,10 +597,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,
@@ -619,9 +616,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),
@@ -632,13 +629,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,
@@ -674,7 +671,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 */
@@ -684,7 +681,7 @@ const Ue = {
       /* CLASS, STYLE */
     )) : S("v-if", !0);
   }
-}), Xe = /* @__PURE__ */ ie(je, [["__scopeId", "data-v-d7c3127b"]]);
+}), Ke = /* @__PURE__ */ ie(qe, [["__scopeId", "data-v-3b59e0cd"]]);
 export {
-  Xe as default
+  Ke as default
 };

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

@@ -1,8 +1,8 @@
 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 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";
+function Oe(o, e) {
   let t = e == null ? void 0 : e.element;
   function s() {
     t && M(null, t);
@@ -14,7 +14,7 @@ function Se(o, e) {
   );
   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,
@@ -27,7 +27,7 @@ function He(o, e, t) {
   }
   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__ */ re({
   __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, r = N(() => import("./MazSpinner-a80KrraB.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(() => ({
@@ -94,7 +94,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
       );
       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, () => {
+        d.value = E, E && fe(a, E), s(n), y.value = !1, x.value = !0, Se(() => y.value === !0, () => {
           $.value = !1, m.value ? K() : P();
         }, {
           expectedValue: !0,
@@ -131,20 +131,20 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
       const a = d.value.clientWidth || 1, i = d.value.clientHeight || 1, f = window.innerWidth, I = window.innerHeight, E = Math.min(
         (f - 2 * n) / a,
         (I - 2 * n) / i
-      ), W = (f - a * E) / 2, V = (I - i * E) / 2;
+      ), W = (f - a * E) / 2, Z = (I - i * E) / 2;
       return {
         centerX: W,
-        centerY: V,
+        centerY: Z,
         width: a,
         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: a, 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
@@ -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,
@@ -250,7 +250,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
           class: R([ce.value]),
           onLoad: ue,
           onClick: a[2] || (a[2] = O((i) => n.zoom && ve(), ["stop"]))
-        }, null, 42, Me),
+        }, null, 42, Be),
         T(z(
           w(r),
           { class: "m-fullscreen-img-loader" },
@@ -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;
   return t;
-}, Fe = /* @__PURE__ */ ie(_e, [["__scopeId", "data-v-b6e5fc28"]]), ae = "m-fullscreen-is-open";
-class Ne {
+}, _e = /* @__PURE__ */ ie(Me, [["__scopeId", "data-v-b6e5fc28"]]), ae = "m-fullscreen-is-open";
+class Fe {
   constructor() {
     g(this, "options");
     g(this, "defaultOptions", {
@@ -326,7 +326,7 @@ 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(ae), Oe(_e, {
       props: {
         ...this.options,
         openInstanceClass: ae,
@@ -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");
@@ -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__ */ re({
   __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(() => {
@@ -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-D3TB52NM.mjs → MazIcon-DVTWgYB6.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-Bbr0zHPZ.mjs";
+import { i as q } from "./MazPhoneNumberInput-rGR80IeJ.mjs";
 const H = ["innerHTML"], V = /* @__PURE__ */ T({
   __name: "MazIcon",
   props: {

package/components/chunks/{MazInput-rW-KBJGJ.mjs → MazInput-DnmjeD0Q.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as Q, defineAsyncComponent as d, ref as h, onMounted as W, computed as r, useSlots as X, openBlock as o, createElementBlock as f, normalizeClass as z, normalizeStyle as Y, createElementVNode as g, renderSlot as k, createBlock as u, unref as i, resolveDynamicComponent as C, createCommentVNode as n, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as oe, withModifiers as ae, withCtx as V, createVNode as S } from "vue";
 import { u as ne } from "./useInstanceUniqId-DW9jO1Sz.mjs";
-import { _ as le } from "./MazTable-CWsaB02U.mjs";
+import { _ as le } from "./MazTable-DBiW_J2i.mjs";
 import '../assets/MazInput.css';function re(v, y) {
   let t;
   return function(...l) {
@@ -53,7 +53,7 @@ const ie = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(v, { emit: y }) {
-    const t = v, l = y, I = d(() => import("./MazBtn-BBb9-9O6.mjs")), B = d(() => import("./MazIcon-DjMuw8Bz.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./check-C9Q_W85g.mjs")), c = h(!1), s = h(!1), w = h(), E = ne({
+    const t = v, l = y, I = d(() => import("./MazBtn-B0Q6Kw8H.mjs")), B = d(() => import("./MazIcon-DjMuw8Bz.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./check-C9Q_W85g.mjs")), c = h(!1), s = h(!1), w = h(), E = ne({
       componentName: "MazInput",
       providedId: t.id
     });

package/components/chunks/{MazInput-ROgC-JLt.mjs → MazInput-SGx7gJ9r.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent as Q, defineAsyncComponent as d, ref as h, onMounted as W, computed as r, useSlots as X, openBlock as o, createElementBlock as f, normalizeClass as z, normalizeStyle as Y, createElementVNode as g, renderSlot as k, createBlock as u, unref as i, resolveDynamicComponent as C, createCommentVNode as n, withDirectives as Z, mergeProps as x, toHandlers as _, vModelDynamic as ee, createTextVNode as te, toDisplayString as oe, withModifiers as ae, withCtx as V, createVNode as S } from "vue";
-import { u as ne, _ as le } from "./MazChecklist-Bqd7qTO1.mjs";
+import { u as ne, _ as le } from "./MazChecklist-DxtYuoEu.mjs";
 import '../assets/MazInput.css';function re(v, y) {
   let t;
   return function(...l) {
@@ -52,7 +52,7 @@ const ie = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
   setup(v, { emit: y }) {
-    const t = v, l = y, I = d(() => import("./MazBtn-DhEO9uvT.mjs")), B = d(() => import("./MazIcon-BbvBov5G.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./MazChecklist-Bqd7qTO1.mjs").then((e) => e.c)), c = h(!1), s = h(!1), w = h(), E = ne({
+    const t = v, l = y, I = d(() => import("./MazBtn-DnZ_pj-t.mjs")), B = d(() => import("./MazIcon-BbvBov5G.mjs")), M = d(() => import("./eye-slash-BoO00xzs.mjs")), q = d(() => import("./eye-f8zAUc30.mjs")), D = d(() => import("./MazChecklist-DxtYuoEu.mjs").then((e) => e.c)), c = h(!1), s = h(!1), w = h(), E = ne({
       componentName: "MazInput",
       providedId: t.id
     });

package/components/chunks/MazLoadingBar-CBNuhilE.mjs

@@ -0,0 +1,36 @@
+import { defineComponent as n, computed as t, openBlock as i, createElementBlock as c, normalizeStyle as m, createElementVNode as d } from "vue";
+import { _ as p } from "./MazTable-DBiW_J2i.mjs";
+import '../assets/MazLoadingBar.css';const s = /* @__PURE__ */ n({
+  __name: "MazLoadingBar",
+  props: {
+    color: { default: "primary" },
+    height: { default: "0.125rem" }
+  },
+  setup(e) {
+    const a = e, o = t(() => ({
+      alpha: `var(--maz-color-${a.color}-alpha-20)`,
+      main: `var(--maz-color-${a.color})`
+    }));
+    return (l, r) => (i(), c(
+      "div",
+      {
+        class: "m-loading-bar",
+        style: m([{ "--loading-bar-height": l.height, "--loading-bar-color": o.value.alpha, "--loading-bar-main-color": o.value.main }])
+      },
+      r[0] || (r[0] = [
+        d(
+          "div",
+          null,
+          null,
+          -1
+          /* HOISTED */
+        )
+      ]),
+      4
+      /* STYLE */
+    ));
+  }
+}), f = /* @__PURE__ */ p(s, [["__scopeId", "data-v-ada02d7b"]]);
+export {
+  f as default
+};