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

package/components/chunks/{MazChecklist-Bqd7qTO1.mjs → MazChecklist-DxtYuoEu.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as O, useCssVars as j, ref as S, computed as f, onMounted as K, onUnmounted as P, openBlock as p, createElementBlock as v, normalizeClass as x, normalizeStyle as N, createElementVNode as m, renderSlot as w, withDirectives as q, vShow as F, useId as T, unref as C, mergeProps as D, createVNode as V, createTextVNode as B, toDisplayString as E, createCommentVNode as $, defineAsyncComponent as _, watch as H, withCtx as Z, Fragment as G, renderList as J } from "vue";
-import '../assets/MazChecklist.css';const W = {
+import { defineComponent as O, ref as x, computed as f, onMounted as Q, onUnmounted as K, openBlock as p, createElementBlock as v, normalizeClass as A, normalizeStyle as w, createElementVNode as m, renderSlot as C, withDirectives as q, vShow as F, useId as P, unref as S, mergeProps as j, createVNode as V, createTextVNode as _, toDisplayString as I, createCommentVNode as E, defineAsyncComponent as B, watch as T, withCtx as H, Fragment as Z, renderList as G } from "vue";
+import '../assets/MazChecklist.css';const J = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -10,7 +10,7 @@ import '../assets/MazChecklist.css';const W = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function U(c, t) {
-  const e = { ...W, ...t }, n = {
+  const e = { ...J, ...t }, n = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -60,12 +60,12 @@ function U(c, t) {
     ó: "o"
   };
   let l = c.toString();
-  if (e.trim && (l = l.trim()), e.normalizeSpaces && (l = l.replaceAll(/\s+/g, " ")), e.replaceSpaces && (l = l.replaceAll(" ", "-")), e.removeNumbers && (l = l.replaceAll(/\d/g, "")), e.removeAccents && (l = l.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (i) => n[i] || i), l = l.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (l = l.toLowerCase()), e.removeSpecialCharacters && (l = l.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (l = l.trim()), e.customNormalizationForms)
-    for (const i of e.customNormalizationForms)
-      l = l.normalize(i);
+  if (e.trim && (l = l.trim()), e.normalizeSpaces && (l = l.replaceAll(/\s+/g, " ")), e.replaceSpaces && (l = l.replaceAll(" ", "-")), e.removeNumbers && (l = l.replaceAll(/\d/g, "")), e.removeAccents && (l = l.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (u) => n[u] || u), l = l.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (l = l.toLowerCase()), e.removeSpecialCharacters && (l = l.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (l = l.trim()), e.customNormalizationForms)
+    for (const u of e.customNormalizationForms)
+      l = l.normalize(u);
   return l;
 }
-const X = { class: "inner" }, Y = /* @__PURE__ */ O({
+const W = { class: "inner" }, X = /* @__PURE__ */ O({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -76,12 +76,8 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
     innerOpacity: { default: 0.95 }
   },
   setup(c) {
-    j((u) => ({
-      "4f499add": u.innerOpacity,
-      "2e65a0ad": b.value
-    }));
-    const t = c, e = S(), n = S(), l = S(!1);
-    function i({ clientX: u, clientY: y }) {
+    const t = c, e = x(), n = x(), l = x(!1);
+    function u({ clientX: i, clientY: y }) {
       var s, d, z;
       l.value = !0;
       const a = (s = n.value) == null ? void 0 : s.getBoundingClientRect();
@@ -89,7 +85,7 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
         d,
         [
           {
-            transform: `translate(${u - a.left - a.width / 2}px,${y - a.top - a.height / 2}px)`
+            transform: `translate(${i - a.left - a.width / 2}px,${y - a.top - a.height / 2}px)`
           }
         ],
         {
@@ -99,25 +95,25 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
       ));
     }
     const b = f(() => `var(--maz-color-${t.color}-alpha)`), h = f(() => `var(--maz-color-${t.color}-alpha-20)`);
-    return K(() => {
-      window.addEventListener("mousemove", i);
-    }), P(() => {
-      window.removeEventListener("mousemove", i);
-    }), (u, y) => (p(), v(
+    return Q(() => {
+      window.addEventListener("mousemove", u);
+    }), K(() => {
+      window.removeEventListener("mousemove", u);
+    }), (i, y) => (p(), v(
       "div",
       {
-        class: x(["m-card-spotlight", { "maz-elevation": !u.noElevation }]),
-        style: N({ backgroundColor: h.value })
+        class: A(["m-card-spotlight", { "maz-elevation": !i.noElevation }]),
+        style: w({ backgroundColor: h.value, "--inner-opacity": i.innerOpacity })
       },
       [
-        m("div", X, [
+        m("div", W, [
           m(
             "div",
             {
-              class: x(["content", [{ "maz-p-4": u.padding }, u.contentClass]])
+              class: A(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
             },
             [
-              w(u.$slots, "default", {}, void 0, !0)
+              C(i.$slots, "default", {}, void 0, !0)
             ],
             2
             /* CLASS */
@@ -129,7 +125,7 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
             ref_key: "blobElement",
             ref: e,
             class: "blob",
-            style: N({ backgroundColor: b.value })
+            style: w({ backgroundColor: b.value })
           },
           null,
           4
@@ -155,28 +151,28 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
       /* CLASS, STYLE */
     ));
   }
-}), L = (c, t) => {
+}), D = (c, t) => {
   const e = c.__vccOpts || c;
   for (const [n, l] of t)
     e[n] = l;
   return e;
-}, ee = /* @__PURE__ */ L(Y, [["__scopeId", "data-v-31abf9ff"]]);
-function oe({
+}, Y = /* @__PURE__ */ D(X, [["__scopeId", "data-v-30c7054c"]]);
+function ee({
   componentName: c,
   providedId: t
 }) {
-  const e = T();
+  const e = P();
   return f(() => t ?? `${c}-${e}`);
 }
-const ae = {
+const oe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function R(c, t) {
-  return p(), v("svg", ae, t[0] || (t[0] = [
+function L(c, t) {
+  return p(), v("svg", oe, t[0] || (t[0] = [
     m(
       "path",
       {
@@ -192,11 +188,11 @@ function R(c, t) {
     )
   ]));
 }
-const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Q,
-  render: R
-}, Symbol.toStringTag, { value: "Module" })), le = ["for", "aria-checked"], te = ["id", "checked", "disabled", "name"], re = { class: "m-checkbox__text" }, ne = /* @__PURE__ */ O({
+  default: R,
+  render: L
+}, Symbol.toStringTag, { value: "Module" })), ae = ["for", "aria-checked"], le = ["id", "checked", "disabled", "name"], te = { class: "m-checkbox__text" }, re = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -217,16 +213,10 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   },
   emits: ["update:model-value", "change", "blur", "focus"],
   setup(c, { emit: t }) {
-    j((o) => ({
-      b7df6194: u.value,
-      "89a0ef50": b.value,
-      "199d7f11": y.value,
-      b0e1d658: a.value
-    }));
-    const e = c, n = t, l = oe({
+    const e = c, n = t, l = ee({
       componentName: "MazCheckbox",
       providedId: e.id
-    }), i = f(
+    }), u = f(
       () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
     ), b = f(() => {
       switch (e.size) {
@@ -258,7 +248,7 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
         default:
           return "maz-text-lg";
       }
-    }), u = f(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), y = f(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), a = f(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
+    }), i = f(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), y = f(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), a = f(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
     function s(o) {
       ["Space"].includes(o.code) && (o.preventDefault(), z(e.value ?? !e.modelValue));
     }
@@ -269,8 +259,8 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
       const r = d(o);
       n("update:model-value", r), n("change", r);
     }
-    const g = S();
-    function A(o) {
+    const g = x();
+    function $(o) {
       var r;
       (r = g.value) == null || r.dispatchEvent(new Event("blur")), n("blur", o);
     }
@@ -279,40 +269,49 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
       (r = g.value) == null || r.dispatchEvent(new Event("focus")), n("focus", o);
     }
     return (o, r) => (p(), v("label", {
-      for: C(l),
-      class: x(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
+      for: S(l),
+      class: A(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
       tabindex: "0",
-      style: N(o.style),
+      style: w([o.style, { "--checkbox-selected-color": y.value, "--checkbox-box-shadow-color": a.value }]),
       role: "checkbox",
-      "aria-checked": i.value,
+      "aria-checked": u.value,
       onKeydown: s,
-      onBlur: A,
+      onBlur: $,
       onFocus: k
     }, [
-      m("input", D({
-        id: C(l),
+      m("input", j({
+        id: S(l),
         ref_key: "inputRef",
         ref: g,
-        checked: i.value
+        checked: u.value
       }, o.$attrs, {
         tabindex: "-1",
         disabled: o.disabled,
         name: o.name,
         type: "checkbox",
-        onChange: r[0] || (r[0] = (I) => {
+        onChange: r[0] || (r[0] = (N) => {
           var M;
-          return z(o.value ?? ((M = I == null ? void 0 : I.target) == null ? void 0 : M.checked));
+          return z(o.value ?? ((M = N == null ? void 0 : N.target) == null ? void 0 : M.checked));
         })
-      }), null, 16, te),
-      m("span", null, [
-        V(C(Q), {
-          class: x(["check-icon", h.value])
-        }, null, 8, ["class"])
-      ]),
-      m("div", re, [
-        w(o.$slots, "default", { value: o.value }, () => [
-          B(
-            E(o.label),
+      }), null, 16, le),
+      m(
+        "span",
+        {
+          style: w({ width: b.value, height: b.value })
+        },
+        [
+          V(S(R), {
+            class: A(["check-icon", h.value]),
+            style: w({ color: i.value })
+          }, null, 8, ["class", "style"])
+        ],
+        4
+        /* STYLE */
+      ),
+      m("div", te, [
+        C(o.$slots, "default", { value: o.value }, () => [
+          _(
+            I(o.label),
             1
             /* TEXT */
           )
@@ -321,30 +320,31 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
           "span",
           {
             key: 0,
-            class: x(["m-checkbox__hint", {
+            class: A(["m-checkbox__hint", {
               "--error": o.error,
               "--success": o.success,
               "--warning": o.warning
-            }])
+            }]),
+            style: w({ boxShadow: `0 0 0 0.125rem ${a.value}` })
           },
-          E(o.hint),
-          3
-          /* TEXT, CLASS */
-        )) : $("v-if", !0)
+          I(o.hint),
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : E("v-if", !0)
       ])
-    ], 46, le));
+    ], 46, ae));
   }
-}), se = /* @__PURE__ */ L(ne, [["__scopeId", "data-v-178c6a46"]]), ce = { class: "m-checklist maz-flex maz-flex-col maz-gap-4" }, ue = {
+}), ne = /* @__PURE__ */ D(re, [["__scopeId", "data-v-0ad2f376"]]), se = { class: "m-checklist maz-flex maz-flex-col maz-gap-4" }, ce = {
   key: 0,
   for: "query",
   class: "maz-flex maz-items-center maz-justify-between maz-gap-4"
-}, ie = {
+}, ue = {
   key: 0,
   class: "maz-flex-none maz-truncate"
-}, de = {
+}, ie = {
   key: 0,
   class: "maz-flex maz-h-full maz-flex-center"
-}, me = { class: "maz-flex maz-h-full maz-flex-col maz-gap-3 maz-flex-center" }, fe = { class: "maz-text-muted" }, pe = ["for"], ve = { class: "cap-f" }, be = /* @__PURE__ */ O({
+}, de = { class: "maz-flex maz-h-full maz-flex-col maz-gap-3 maz-flex-center" }, me = { class: "maz-text-muted" }, fe = ["for"], pe = { class: "cap-f" }, ze = /* @__PURE__ */ O({
   __name: "MazChecklist",
   props: {
     modelValue: { default: void 0 },
@@ -360,18 +360,18 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   },
   emits: ["update:query", "update:model-value"],
   setup(c, { emit: t }) {
-    const e = c, n = t, l = _(() => import("./MazInput-ROgC-JLt.mjs")), i = _(
+    const e = c, n = t, l = B(() => import("./MazInput-SGx7gJ9r.mjs")), u = B(
       () => import("./magnifying-glass--nBiyXot.mjs")
-    ), b = _(
+    ), b = B(
       () => import("./no-symbol-CIgKzsrB.mjs")
-    ), h = S(e.query);
-    H(
+    ), h = x(e.query);
+    T(
       () => e.query,
       (a) => {
         h.value = a;
       }
     );
-    const u = f(() => {
+    const i = f(() => {
       var s;
       if (!h.value)
         return e.items;
@@ -384,80 +384,80 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
       h.value = a, n("update:query", a);
     }
     return (a, s) => {
-      var d, z, g, A;
-      return p(), v("div", ce, [
-        (d = a.search) != null && d.enabled ? (p(), v("label", ue, [
-          a.$slots.title || a.title ? (p(), v("span", ie, [
-            w(a.$slots, "title", {}, () => [
-              B(
-                E(a.title),
+      var d, z, g, $;
+      return p(), v("div", se, [
+        (d = a.search) != null && d.enabled ? (p(), v("label", ce, [
+          a.$slots.title || a.title ? (p(), v("span", ue, [
+            C(a.$slots, "title", {}, () => [
+              _(
+                I(a.title),
                 1
                 /* TEXT */
               )
             ])
-          ])) : $("v-if", !0),
-          V(C(l), D({
+          ])) : E("v-if", !0),
+          V(S(l), j({
             id: "query",
             "model-value": h.value
           }, a.search, {
             color: a.color,
-            "left-icon": a.search.leftIcon ?? C(i),
+            "left-icon": a.search.leftIcon ?? S(u),
             debounce: a.search.debounce ?? 300,
             label: (z = a.search) == null ? void 0 : z.label,
             name: ((g = a.search) == null ? void 0 : g.name) ?? "search",
-            placeholder: (A = a.search) == null ? void 0 : A.placeholder,
+            placeholder: ($ = a.search) == null ? void 0 : $.placeholder,
             "onUpdate:modelValue": s[0] || (s[0] = (k) => y(k))
           }), null, 16, ["model-value", "color", "left-icon", "debounce", "label", "name", "placeholder"])
-        ])) : $("v-if", !0),
-        V(ee, {
+        ])) : E("v-if", !0),
+        V(Y, {
           color: a.color,
           "no-elevation": !a.elevation,
           padding: !1,
           "content-class": "maz-flex maz-flex-col maz-maz-gap-2 maz-overflow-y-auto maz-bg-color maz-px-3 maz-py-2"
         }, {
-          default: Z(() => {
+          default: H(() => {
             var k;
             return [
-              ((k = u.value) == null ? void 0 : k.length) === 0 ? (p(), v("div", de, [
-                w(a.$slots, "no-results", {}, () => [
-                  m("div", me, [
-                    V(C(b), { class: "maz-text-3xl maz-text-muted" }),
-                    m("span", fe, [
-                      w(a.$slots, "no-results-text", {}, () => [
-                        s[2] || (s[2] = B(" No results found "))
+              ((k = i.value) == null ? void 0 : k.length) === 0 ? (p(), v("div", ie, [
+                C(a.$slots, "no-results", {}, () => [
+                  m("div", de, [
+                    V(S(b), { class: "maz-text-3xl maz-text-muted" }),
+                    m("span", me, [
+                      C(a.$slots, "no-results-text", {}, () => [
+                        s[2] || (s[2] = _(" No results found "))
                       ])
                     ])
                   ])
                 ])
-              ])) : $("v-if", !0),
+              ])) : E("v-if", !0),
               (p(!0), v(
-                G,
+                Z,
                 null,
-                J(u.value, (o) => (p(), v("label", {
+                G(i.value, (o) => (p(), v("label", {
                   key: o.value,
                   for: o.value,
                   class: "m-checklist-item maz-flex maz-w-full maz-cursor-pointer maz-items-center maz-gap-4 maz-rounded maz-px-3 maz-py-2 maz-text-left hover:maz-bg-color-light"
                 }, [
-                  V(se, {
+                  V(ne, {
                     id: o.value,
                     "model-value": e.modelValue,
                     value: o.value,
                     color: a.color,
                     "onUpdate:modelValue": s[1] || (s[1] = (r) => n("update:model-value", r))
                   }, null, 8, ["id", "model-value", "value", "color"]),
-                  w(a.$slots, "item", {
+                  C(a.$slots, "item", {
                     selectedValues: a.modelValue,
                     item: o
                   }, () => [
                     m(
                       "span",
-                      ve,
-                      E(o.label),
+                      pe,
+                      I(o.label),
                       1
                       /* TEXT */
                     )
                   ])
-                ], 8, pe))),
+                ], 8, fe))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -471,8 +471,8 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   }
 });
 export {
-  L as _,
-  be as a,
-  ze as c,
-  oe as u
+  D as _,
+  ze as a,
+  he as c,
+  ee as u
 };

package/components/chunks/MazExpandAnimation-CUgYZyTw.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-DKPl3uIk.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
+};