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

package/components/chunks/MazExpandAnimation-Bdf0-L85.mjs

@@ -0,0 +1,54 @@
+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 '../assets/MazExpandAnimation.css';const A = ["aria-hidden"], y = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "MazExpandAnimation",
+  props: /* @__PURE__ */ m({
+    duration: { default: "300ms" },
+    timingFunction: { default: "ease-in-out" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d) {
+    const a = u(d, "modelValue"), i = s(!a.value), t = s();
+    function o() {
+      a.value || (i.value = !0);
+    }
+    function r() {
+      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);
+    }), p(() => {
+      var e, n;
+      (e = t.value) == null || e.removeEventListener("transitionstart", o, !1), (n = t.value) == null || n.removeEventListener("transitionend", r, !1);
+    }), (e, n) => (v(), c("div", {
+      ref_key: "expandAnimationRef",
+      ref: t,
+      class: _(["m-expand-animation", { "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 }])
+    }, [
+      E(
+        "div",
+        h({ class: "m-expand-animation__inner" }, e.$attrs, {
+          class: {
+            "--overflow-hidden": i.value
+          }
+        }),
+        [
+          g(e.$slots, "default", {}, void 0, !0)
+        ],
+        16
+        /* FULL_PROPS */
+      )
+    ], 14, A));
+  }
+}), V = /* @__PURE__ */ M(y, [["__scopeId", "data-v-3bfdfbc1"]]);
+export {
+  V as default
+};

package/components/chunks/{MazGallery-VTZUhBKC.mjs → MazGallery-r8SBTCgJ.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-BYB8y1_u.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-98OuVlyK.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-DmiLBQgR.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-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({
       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(() => ({
@@ -60,7 +60,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
     }
     we(
       L,
-      async (n) => {
+      (n) => {
         n && ge();
       },
       { immediate: !0 }
@@ -83,7 +83,7 @@ const $e = ["onKeypress"], Be = { class: "m-fullscreen-img-scroller" }, Me = ["s
     function he(n, a) {
       return a < 0 ? n.length - 1 : a >= n.length ? 0 : a;
     }
-    async function fe(n, a) {
+    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");
       q.value = f, D.value = i ?? D.value;
@@ -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,
@@ -112,7 +112,7 @@ 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) {
@@ -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-4a73acb2"]]), 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
 };