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

package/components/MazAccordion.mjs

@@ -1,13 +1,13 @@
-import { openBlock as f, createElementBlock as b, createElementVNode as c, useId as A, computed as g, defineComponent as y, useCssVars as O, ref as p, onMounted as V, onUnmounted as B, normalizeClass as $, normalizeStyle as w, renderSlot as h, withDirectives as E, vShow as z, mergeModels as x, useModel as I, mergeProps as L, useSlots as j, Fragment as F, renderList as N, createBlock as R, withCtx as M, unref as k, createVNode as S } from "vue";
-import './assets/MazAccordion.css';const P = {
+import { openBlock as p, createElementBlock as b, createElementVNode as c, useId as V, computed as g, defineComponent as w, ref as f, onMounted as O, onUnmounted as B, normalizeClass as $, normalizeStyle as k, renderSlot as h, withDirectives as E, vShow as z, mergeModels as A, useModel as x, mergeProps as I, useSlots as L, Fragment as j, renderList as F, createBlock as N, withCtx as M, unref as y, createVNode as S } from "vue";
+import './assets/MazAccordion.css';const R = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function T(r, t) {
-  return f(), b("svg", P, t[0] || (t[0] = [
+function P(r, n) {
+  return p(), b("svg", R, n[0] || (n[0] = [
     c(
       "path",
       {
@@ -23,15 +23,15 @@ function T(r, t) {
     )
   ]));
 }
-const U = { render: T };
-function q({
+const T = { render: P };
+function U({
   componentName: r,
-  providedId: t
+  providedId: n
 }) {
-  const a = A();
-  return g(() => t ?? `${r}-${a}`);
+  const o = V();
+  return g(() => n ?? `${r}-${o}`);
 }
-const D = { class: "inner" }, H = /* @__PURE__ */ y({
+const q = { class: "inner" }, D = /* @__PURE__ */ w({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -42,20 +42,16 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
     innerOpacity: { default: 0.95 }
   },
   setup(r) {
-    O((d) => ({
-      "4f499add": d.innerOpacity,
-      "2e65a0ad": n.value
-    }));
-    const t = r, a = p(), l = p(), i = p(!1);
-    function v({ clientX: d, clientY: u }) {
-      var e, _, o;
-      i.value = !0;
-      const m = (e = l.value) == null ? void 0 : e.getBoundingClientRect();
-      m && ((o = (_ = a.value) == null ? void 0 : _.animate) == null || o.call(
+    const n = r, o = f(), a = f(), s = f(!1);
+    function m({ clientX: d, clientY: u }) {
+      var e, _, t;
+      s.value = !0;
+      const v = (e = a.value) == null ? void 0 : e.getBoundingClientRect();
+      v && ((t = (_ = o.value) == null ? void 0 : _.animate) == null || t.call(
         _,
         [
           {
-            transform: `translate(${d - m.left - m.width / 2}px,${u - m.top - m.height / 2}px)`
+            transform: `translate(${d - v.left - v.width / 2}px,${u - v.top - v.height / 2}px)`
           }
         ],
         {
@@ -64,19 +60,19 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
         }
       ));
     }
-    const n = g(() => `var(--maz-color-${t.color}-alpha)`), s = g(() => `var(--maz-color-${t.color}-alpha-20)`);
-    return V(() => {
-      window.addEventListener("mousemove", v);
+    const l = g(() => `var(--maz-color-${n.color}-alpha)`), i = g(() => `var(--maz-color-${n.color}-alpha-20)`);
+    return O(() => {
+      window.addEventListener("mousemove", m);
     }), B(() => {
-      window.removeEventListener("mousemove", v);
-    }), (d, u) => (f(), b(
+      window.removeEventListener("mousemove", m);
+    }), (d, u) => (p(), b(
       "div",
       {
         class: $(["m-card-spotlight", { "maz-elevation": !d.noElevation }]),
-        style: w({ backgroundColor: s.value })
+        style: k({ backgroundColor: i.value, "--inner-opacity": d.innerOpacity })
       },
       [
-        c("div", D, [
+        c("div", q, [
           c(
             "div",
             {
@@ -93,43 +89,43 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
           "div",
           {
             ref_key: "blobElement",
-            ref: a,
+            ref: o,
             class: "blob",
-            style: w({ backgroundColor: n.value })
+            style: k({ backgroundColor: l.value })
           },
           null,
           4
           /* STYLE */
         ), [
-          [z, i.value]
+          [z, s.value]
         ]),
         E(c(
           "div",
           {
             ref_key: "fakeblobElement",
-            ref: l,
+            ref: a,
             class: "fakeblob"
           },
           null,
           512
           /* NEED_PATCH */
         ), [
-          [z, i.value]
+          [z, s.value]
         ])
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), C = (r, t) => {
-  const a = r.__vccOpts || r;
-  for (const [l, i] of t)
-    a[l] = i;
-  return a;
-}, W = /* @__PURE__ */ C(H, [["__scopeId", "data-v-31abf9ff"]]), G = ["aria-hidden"], J = /* @__PURE__ */ y({
+}), C = (r, n) => {
+  const o = r.__vccOpts || r;
+  for (const [a, s] of n)
+    o[a] = s;
+  return o;
+}, H = /* @__PURE__ */ C(D, [["__scopeId", "data-v-30c7054c"]]), W = ["aria-hidden"], G = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "MazExpandAnimation",
-  props: /* @__PURE__ */ x({
+  props: /* @__PURE__ */ A({
     duration: { default: "300ms" },
     timingFunction: { default: "ease-in-out" }
   }, {
@@ -138,49 +134,46 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    O((n) => ({
-      "3628b947": n.duration,
-      "239277b5": n.timingFunction
-    }));
-    const t = I(r, "modelValue"), a = p(!t.value), l = p();
-    function i() {
-      t.value || (a.value = !0);
+    const n = x(r, "modelValue"), o = f(!n.value), a = f();
+    function s() {
+      n.value || (o.value = !0);
     }
-    function v() {
-      t.value && (a.value = !1);
+    function m() {
+      n.value && (o.value = !1);
     }
-    return V(() => {
-      var n, s;
-      (n = l.value) == null || n.addEventListener("transitionstart", i, !1), (s = l.value) == null || s.addEventListener("transitionend", v, !1);
+    return O(() => {
+      var l, i;
+      (l = a.value) == null || l.addEventListener("transitionstart", s, !1), (i = a.value) == null || i.addEventListener("transitionend", m, !1);
     }), B(() => {
-      var n, s;
-      (n = l.value) == null || n.removeEventListener("transitionstart", i, !1), (s = l.value) == null || s.removeEventListener("transitionend", v, !1);
-    }), (n, s) => (f(), b("div", {
+      var l, i;
+      (l = a.value) == null || l.removeEventListener("transitionstart", s, !1), (i = a.value) == null || i.removeEventListener("transitionend", m, !1);
+    }), (l, i) => (p(), b("div", {
       ref_key: "expandAnimationRef",
-      ref: l,
-      class: $(["m-expand-animation", { "m-expand-animation--expanded": t.value }]),
-      "aria-hidden": !t.value,
-      role: "region"
+      ref: a,
+      class: $(["m-expand-animation", { "m-expand-animation--expanded": n.value }]),
+      "aria-hidden": !n.value,
+      role: "region",
+      style: k([{ "--expand-animation-duration": l.duration, "--expand-animation-timing-function": l.timingFunction }])
     }, [
       c(
         "div",
-        L({ class: "m-expand-animation__inner" }, n.$attrs, {
+        I({ class: "m-expand-animation__inner" }, l.$attrs, {
           class: {
-            "--overflow-hidden": a.value
+            "--overflow-hidden": o.value
           }
         }),
         [
-          h(n.$slots, "default", {}, void 0, !0)
+          h(l.$slots, "default", {}, void 0, !0)
         ],
         16
         /* FULL_PROPS */
       )
-    ], 10, G));
+    ], 14, W));
   }
-}), K = /* @__PURE__ */ C(J, [["__scopeId", "data-v-b7ca6b97"]]), Q = {
+}), J = /* @__PURE__ */ C(G, [["__scopeId", "data-v-3bfdfbc1"]]), K = {
   class: "m-accordion",
   role: "presentation"
-}, X = ["id", "aria-controls", "aria-expanded", "onClick"], Y = /* @__PURE__ */ y({
+}, Q = ["id", "aria-controls", "aria-expanded", "onClick"], X = /* @__PURE__ */ w({
   __name: "MazAccordion",
   props: {
     id: { default: void 0 },
@@ -188,55 +181,55 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
     contentClass: { default: void 0 }
   },
   emits: ["update:model-value"],
-  setup(r, { emit: t }) {
-    const a = r, l = t, i = q({
+  setup(r, { emit: n }) {
+    const o = r, a = n, s = U({
       componentName: "MazAccordion",
-      providedId: a.id
-    }), v = j(), n = g(
-      () => Object.keys(v).filter((e) => e.startsWith("title-")).length
-    ), s = p(a.modelValue), d = g({
-      get: () => a.modelValue || s.value,
+      providedId: o.id
+    }), m = L(), l = g(
+      () => Object.keys(m).filter((e) => e.startsWith("title-")).length
+    ), i = f(o.modelValue), d = g({
+      get: () => o.modelValue || i.value,
       set: (e) => {
-        s.value = e, l("update:model-value", e);
+        i.value = e, a("update:model-value", e);
       }
     });
     function u(e) {
       return d.value === e;
     }
-    function m(e) {
-      d.value === e ? (s.value = 0, l("update:model-value", 0)) : (s.value = e, l("update:model-value", e));
+    function v(e) {
+      d.value === e ? (i.value = 0, a("update:model-value", 0)) : (i.value = e, a("update:model-value", e));
     }
-    return (e, _) => (f(), b("div", Q, [
-      (f(!0), b(
-        F,
+    return (e, _) => (p(), b("div", K, [
+      (p(!0), b(
+        j,
         null,
-        N(n.value, (o) => (f(), R(
-          W,
+        F(l.value, (t) => (p(), N(
+          H,
           {
-            key: o,
+            key: t,
             class: "m-accordion__spotlight",
             padding: !1
           },
           {
             default: M(() => [
               c("button", {
-                id: `step-${o}-${k(i)}`,
+                id: `step-${t}-${y(s)}`,
                 class: "m-accordion__header",
-                "aria-controls": `step-${o}-${k(i)}`,
-                "aria-expanded": u(o),
-                onClick: (Z) => m(o)
+                "aria-controls": `step-${t}-${y(s)}`,
+                "aria-expanded": u(t),
+                onClick: (Y) => v(t)
               }, [
-                h(e.$slots, `title-${o}`, {
-                  isOpen: u(o)
+                h(e.$slots, `title-${t}`, {
+                  isOpen: u(t)
                 }, void 0, !0),
-                S(k(U), {
-                  class: $(["header-icon", { "--rotate": u(o) }])
+                S(y(T), {
+                  class: $(["header-icon", { "--rotate": u(t) }])
                 }, null, 8, ["class"])
-              ], 8, X),
-              S(K, {
+              ], 8, Q),
+              S(J, {
                 "animation-duration": "300ms",
-                "model-value": u(o),
-                "aria-labelledby": `step-${o}-${k(i)}`
+                "model-value": u(t),
+                "aria-labelledby": `step-${t}-${y(s)}`
               }, {
                 default: M(() => [
                   c(
@@ -246,10 +239,10 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
                     },
                     [
                       h(e.$slots, "content", {
-                        isOpen: u(o)
+                        isOpen: u(t)
                       }, void 0, !0),
-                      h(e.$slots, `content-${o}`, {
-                        isOpen: u(o)
+                      h(e.$slots, `content-${t}`, {
+                        isOpen: u(t)
                       }, void 0, !0)
                     ],
                     2
@@ -271,7 +264,7 @@ const D = { class: "inner" }, H = /* @__PURE__ */ y({
       ))
     ]));
   }
-}), te = /* @__PURE__ */ C(Y, [["__scopeId", "data-v-052b6500"]]);
+}), ee = /* @__PURE__ */ C(X, [["__scopeId", "data-v-052b6500"]]);
 export {
-  te as default
+  ee as default
 };

package/components/MazAnimatedCounter.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as v, useCssVars as x, useSlots as _, computed as l, ref as h, watch as C, openBlock as d, createElementBlock as p, normalizeClass as $, createElementVNode as b, renderSlot as f, createTextVNode as o, toDisplayString as a, createCommentVNode as k } from "vue";
-import './assets/MazAnimatedCounter.css';const y = { class: "maz-sr-only" }, z = {
+import { defineComponent as v, useSlots as x, computed as l, ref as _, watch as h, openBlock as d, createElementBlock as p, normalizeClass as y, normalizeStyle as z, createElementVNode as C, renderSlot as i, createTextVNode as o, toDisplayString as a, createCommentVNode as S } from "vue";
+import './assets/MazAnimatedCounter.css';const $ = { class: "maz-sr-only" }, k = {
   key: 0,
   class: "m-animated-counter__fix"
-}, S = /* @__PURE__ */ v({
+}, A = /* @__PURE__ */ v({
   __name: "MazAnimatedCounter",
   props: {
     count: {},
@@ -11,16 +11,12 @@ import './assets/MazAnimatedCounter.css';const y = { class: "maz-sr-only" }, z =
     suffix: { default: void 0 }
   },
   setup(n) {
-    x((e) => ({
-      "7cf84c3b": m.value,
-      a2b7049a: e.count
-    }));
-    const t = n, s = _(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), i = h(!0);
-    C(
+    const t = n, s = x(), r = l(() => !!t.prefix || !!s.prefix), u = l(() => !!t.suffix || !!s.suffix), f = _(!0);
+    h(
       () => t.count,
       (e, c) => {
-        e !== c && (i.value = !1, setTimeout(() => {
-          i.value = !0;
+        e !== c && (f.value = !1, setTimeout(() => {
+          f.value = !0;
         }, 100));
       }
     );
@@ -28,15 +24,19 @@ import './assets/MazAnimatedCounter.css';const y = { class: "maz-sr-only" }, z =
     return (e, c) => (d(), p(
       "span",
       {
-        class: $(["m-animated-counter", {
-          "--animated": i.value,
+        class: y(["m-animated-counter", {
+          "--animated": f.value,
           "--prefixed": r.value,
           "--suffixed": u.value
-        }])
+        }]),
+        style: z({
+          "--count": e.count,
+          "--animation-duration": m.value
+        })
       },
       [
-        b("span", y, [
-          f(e.$slots, "prefix", {}, () => [
+        C("span", $, [
+          i(e.$slots, "prefix", {}, () => [
             o(
               a(e.prefix),
               1
@@ -48,7 +48,7 @@ import './assets/MazAnimatedCounter.css';const y = { class: "maz-sr-only" }, z =
             1
             /* TEXT */
           ),
-          f(e.$slots, "suffix", {}, () => [
+          i(e.$slots, "suffix", {}, () => [
             o(
               a(e.suffix),
               1
@@ -56,33 +56,33 @@ import './assets/MazAnimatedCounter.css';const y = { class: "maz-sr-only" }, z =
             )
           ], !0)
         ]),
-        r.value || u.value ? (d(), p("span", z, [
-          f(e.$slots, "prefix", {}, () => [
+        r.value || u.value ? (d(), p("span", k, [
+          i(e.$slots, "prefix", {}, () => [
             o(
               a(e.prefix),
               1
               /* TEXT */
             )
           ], !0),
-          f(e.$slots, "suffix", {}, () => [
+          i(e.$slots, "suffix", {}, () => [
             o(
               a(e.suffix),
               1
               /* TEXT */
             )
           ], !0)
-        ])) : k("v-if", !0)
+        ])) : S("v-if", !0)
       ],
-      2
-      /* CLASS */
+      6
+      /* CLASS, STYLE */
     ));
   }
-}), V = (n, t) => {
+}), M = (n, t) => {
   const s = n.__vccOpts || n;
   for (const [r, u] of t)
     s[r] = u;
   return s;
-}, M = /* @__PURE__ */ V(S, [["__scopeId", "data-v-95ad1bb8"]]);
+}, V = /* @__PURE__ */ M(A, [["__scopeId", "data-v-fc78b268"]]);
 export {
-  M as default
+  V as default
 };

package/components/MazCard.mjs

@@ -1,4 +1,4 @@
-import { M as f } from "./chunks/MazCard-CAPZoSqv.mjs";
+import { M as f } from "./chunks/MazCard-BkcxQOWL.mjs";
 export {
   f as default
 };

package/components/MazCardSpotlight.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as _, useCssVars as k, ref as c, computed as m, onMounted as E, onUnmounted as w, openBlock as z, createElementBlock as B, normalizeClass as b, normalizeStyle as h, createElementVNode as i, renderSlot as S, withDirectives as y, vShow as g } from "vue";
-import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__PURE__ */ _({
+import { defineComponent as _, ref as c, computed as f, onMounted as k, onUnmounted as E, openBlock as w, createElementBlock as z, normalizeClass as m, normalizeStyle as b, createElementVNode as i, renderSlot as B, withDirectives as y, vShow as h } from "vue";
+import './assets/MazCardSpotlight.css';const S = { class: "inner" }, $ = /* @__PURE__ */ _({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -10,12 +10,8 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
     innerOpacity: { default: 0.95 }
   },
   setup(l) {
-    k((e) => ({
-      "4f499add": e.innerOpacity,
-      "2e65a0ad": u.value
-    }));
     const n = l, o = c(), r = c(), t = c(!1);
-    function d({ clientX: e, clientY: f }) {
+    function d({ clientX: e, clientY: u }) {
       var p, s, v;
       t.value = !0;
       const a = (p = r.value) == null ? void 0 : p.getBoundingClientRect();
@@ -23,7 +19,7 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
         s,
         [
           {
-            transform: `translate(${e - a.left - a.width / 2}px,${f - a.top - a.height / 2}px)`
+            transform: `translate(${e - a.left - a.width / 2}px,${u - a.top - a.height / 2}px)`
           }
         ],
         {
@@ -32,26 +28,26 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
         }
       ));
     }
-    const u = m(() => `var(--maz-color-${n.color}-alpha)`), C = m(() => `var(--maz-color-${n.color}-alpha-20)`);
-    return E(() => {
+    const g = f(() => `var(--maz-color-${n.color}-alpha)`), C = f(() => `var(--maz-color-${n.color}-alpha-20)`);
+    return k(() => {
       window.addEventListener("mousemove", d);
-    }), w(() => {
+    }), E(() => {
       window.removeEventListener("mousemove", d);
-    }), (e, f) => (z(), B(
+    }), (e, u) => (w(), z(
       "div",
       {
-        class: b(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
-        style: h({ backgroundColor: C.value })
+        class: m(["m-card-spotlight", { "maz-elevation": !e.noElevation }]),
+        style: b({ backgroundColor: C.value, "--inner-opacity": e.innerOpacity })
       },
       [
-        i("div", $, [
+        i("div", S, [
           i(
             "div",
             {
-              class: b(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
+              class: m(["content", [{ "maz-p-4": e.padding }, e.contentClass]])
             },
             [
-              S(e.$slots, "default", {}, void 0, !0)
+              B(e.$slots, "default", {}, void 0, !0)
             ],
             2
             /* CLASS */
@@ -63,13 +59,13 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
             ref_key: "blobElement",
             ref: o,
             class: "blob",
-            style: h({ backgroundColor: u.value })
+            style: b({ backgroundColor: g.value })
           },
           null,
           4
           /* STYLE */
         ), [
-          [g, t.value]
+          [h, t.value]
         ]),
         y(i(
           "div",
@@ -82,19 +78,19 @@ import './assets/MazCardSpotlight.css';const $ = { class: "inner" }, O = /* @__P
           512
           /* NEED_PATCH */
         ), [
-          [g, t.value]
+          [h, t.value]
         ])
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), M = (l, n) => {
+}), O = (l, n) => {
   const o = l.__vccOpts || l;
   for (const [r, t] of n)
     o[r] = t;
   return o;
-}, L = /* @__PURE__ */ M(O, [["__scopeId", "data-v-31abf9ff"]]);
+}, L = /* @__PURE__ */ O($, [["__scopeId", "data-v-30c7054c"]]);
 export {
   L as default
 };