maz-ui 3.47.1 → 3.47.2-beta.2

package/components/chunks/{MazChecklist-BLxsNHMP.mjs → MazChecklist-C95Y4Hb-.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as O, useCssVars as j, ref as A, computed as f, onMounted as K, onUnmounted as P, openBlock as p, createElementBlock as v, normalizeClass as $, normalizeStyle as N, createElementVNode as m, renderSlot as C, withDirectives as q, vShow as F, useId as T, unref as V, mergeProps as D, createVNode as x, createTextVNode as B, toDisplayString as I, createCommentVNode as b, defineAsyncComponent as _, watch as H, withCtx as Z, Fragment as G, renderList as J } from "vue";
+import { defineComponent as O, useCssVars as j, ref as x, computed as f, onMounted as K, onUnmounted as P, openBlock as p, createElementBlock as v, normalizeClass as A, 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 S, createTextVNode as B, toDisplayString as I, createCommentVNode as E, defineAsyncComponent as _, watch as H, withCtx as Z, Fragment as G, renderList as J } from "vue";
 import '../assets/MazChecklist.css';const W = {
   removeAccents: !0,
   caseSensitive: !1,
@@ -10,7 +10,7 @@ import '../assets/MazChecklist.css';const W = {
   customNormalizationForms: ["NFC", "NFKD"]
 };
 function U(c, r) {
-  const e = { ...W, ...r }, s = {
+  const e = { ...W, ...r }, n = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -59,11 +59,11 @@ function U(c, r) {
     ñ: "n",
     ó: "o"
   };
-  let a = c.toString();
-  if (e.trim && (a = a.trim()), e.normalizeSpaces && (a = a.replaceAll(/\s+/g, " ")), e.replaceSpaces && (a = a.replaceAll(" ", "-")), e.removeNumbers && (a = a.replaceAll(/\d/g, "")), e.removeAccents && (a = a.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (u) => s[u] || u), a = a.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (a = a.toLowerCase()), e.removeSpecialCharacters && (a = a.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (a = a.trim()), e.customNormalizationForms)
+  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, (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)
-      a = a.normalize(u);
-  return a;
+      l = l.normalize(u);
+  return l;
 }
 const X = { class: "inner" }, Y = /* @__PURE__ */ O({
   __name: "MazCardSpotlight",
@@ -78,18 +78,18 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
   setup(c) {
     j((i) => ({
       "4f499add": i.innerOpacity,
-      "2e65a0ad": y.value
+      "2e65a0ad": b.value
     }));
-    const r = c, e = A(), s = A(), a = A(!1);
-    function u({ clientX: i, clientY: g }) {
-      var n, d, z;
-      a.value = !0;
-      const t = (n = s.value) == null ? void 0 : n.getBoundingClientRect();
-      t && ((z = (d = e.value) == null ? void 0 : d.animate) == null || z.call(
+    const r = 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();
+      a && ((z = (d = e.value) == null ? void 0 : d.animate) == null || z.call(
         d,
         [
           {
-            transform: `translate(${i - t.left - t.width / 2}px,${g - t.top - t.height / 2}px)`
+            transform: `translate(${i - a.left - a.width / 2}px,${y - a.top - a.height / 2}px)`
           }
         ],
         {
@@ -98,15 +98,15 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
         }
       ));
     }
-    const y = f(() => `var(--maz-color-${r.color}-alpha)`), h = f(() => `var(--maz-color-${r.color}-alpha-20)`);
+    const b = f(() => `var(--maz-color-${r.color}-alpha)`), h = f(() => `var(--maz-color-${r.color}-alpha-20)`);
     return K(() => {
       window.addEventListener("mousemove", u);
     }), P(() => {
       window.removeEventListener("mousemove", u);
-    }), (i, g) => (p(), v(
+    }), (i, y) => (p(), v(
       "div",
       {
-        class: $(["m-card-spotlight", { "maz-elevation": !i.noElevation }]),
+        class: A(["m-card-spotlight", { "maz-elevation": !i.noElevation }]),
         style: N({ backgroundColor: h.value })
       },
       [
@@ -114,10 +114,10 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
           m(
             "div",
             {
-              class: $(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
+              class: A(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
             },
             [
-              C(i.$slots, "default", {}, void 0, !0)
+              w(i.$slots, "default", {}, void 0, !0)
             ],
             2
             /* CLASS */
@@ -129,26 +129,26 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
             ref_key: "blobElement",
             ref: e,
             class: "blob",
-            style: N({ backgroundColor: y.value })
+            style: N({ backgroundColor: b.value })
           },
           null,
           4
           /* STYLE */
         ), [
-          [F, a.value]
+          [F, l.value]
         ]),
         q(m(
           "div",
           {
             ref_key: "fakeblobElement",
-            ref: s,
+            ref: n,
             class: "fakeblob"
           },
           null,
           512
           /* NEED_PATCH */
         ), [
-          [F, a.value]
+          [F, l.value]
         ])
       ],
       6
@@ -157,8 +157,8 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
   }
 }), L = (c, r) => {
   const e = c.__vccOpts || c;
-  for (const [s, a] of r)
-    e[s] = a;
+  for (const [n, l] of r)
+    e[n] = l;
   return e;
 }, ee = /* @__PURE__ */ L(Y, [["__scopeId", "data-v-31abf9ff"]]);
 function oe({
@@ -168,7 +168,7 @@ function oe({
   const e = T();
   return f(() => r ?? `${c}-${e}`);
 }
-const te = {
+const ae = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
@@ -176,7 +176,7 @@ const te = {
   viewBox: "0 0 24 24"
 };
 function R(c, r) {
-  return p(), v("svg", te, r[0] || (r[0] = [
+  return p(), v("svg", ae, r[0] || (r[0] = [
     m(
       "path",
       {
@@ -196,7 +196,7 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   __proto__: null,
   default: Q,
   render: R
-}, Symbol.toStringTag, { value: "Module" })), ae = ["for", "aria-checked"], le = ["id", "checked", "disabled", "name"], re = { class: "m-checkbox__text" }, se = /* @__PURE__ */ O({
+}, Symbol.toStringTag, { value: "Module" })), le = ["for", "aria-checked"], te = ["id", "checked", "disabled", "name"], re = { class: "m-checkbox__text" }, ne = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -219,16 +219,16 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   setup(c, { emit: r }) {
     j((o) => ({
       b7df6194: i.value,
-      "89a0ef50": y.value,
-      "199d7f11": g.value,
-      b0e1d658: t.value
+      "89a0ef50": b.value,
+      "199d7f11": y.value,
+      b0e1d658: a.value
     }));
-    const e = c, s = r, a = oe({
+    const e = c, n = r, l = oe({
       componentName: "MazCheckbox",
       providedId: e.id
     }), u = f(
       () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
-    ), y = f(() => {
+    ), b = f(() => {
       switch (e.size) {
         case "xl":
           return "2rem";
@@ -258,59 +258,59 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
         default:
           return "maz-text-lg";
       }
-    }), i = f(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), g = f(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), t = 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 n(o) {
+    }), 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));
     }
     function d(o) {
-      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((l) => l !== o) : [...e.modelValue, o] : [o];
+      return typeof o == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof o != "boolean" ? e.modelValue.includes(o) ? e.modelValue.filter((t) => t !== o) : [...e.modelValue, o] : [o];
     }
     function z(o) {
-      const l = d(o);
-      s("update:model-value", l), s("change", l);
+      const t = d(o);
+      n("update:model-value", t), n("change", t);
     }
-    const k = A();
-    function E(o) {
-      var l;
-      (l = k.value) == null || l.dispatchEvent(new Event("blur")), s("blur", o);
+    const g = x();
+    function $(o) {
+      var t;
+      (t = g.value) == null || t.dispatchEvent(new Event("blur")), n("blur", o);
     }
-    function w(o) {
-      var l;
-      (l = k.value) == null || l.dispatchEvent(new Event("focus")), s("focus", o);
+    function k(o) {
+      var t;
+      (t = g.value) == null || t.dispatchEvent(new Event("focus")), n("focus", o);
     }
-    return (o, l) => (p(), v("label", {
-      for: V(a),
-      class: $(["m-checkbox", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
+    return (o, t) => (p(), v("label", {
+      for: C(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),
       role: "checkbox",
       "aria-checked": u.value,
-      onKeydown: n,
-      onBlur: E,
-      onFocus: w
+      onKeydown: s,
+      onBlur: $,
+      onFocus: k
     }, [
       m("input", D({
-        id: V(a),
+        id: C(l),
         ref_key: "inputRef",
-        ref: k,
+        ref: g,
         checked: u.value
       }, o.$attrs, {
         tabindex: "-1",
         disabled: o.disabled,
         name: o.name,
         type: "checkbox",
-        onChange: l[0] || (l[0] = (S) => {
+        onChange: t[0] || (t[0] = (V) => {
           var M;
-          return z(o.value ?? ((M = S == null ? void 0 : S.target) == null ? void 0 : M.checked));
+          return z(o.value ?? ((M = V == null ? void 0 : V.target) == null ? void 0 : M.checked));
         })
-      }), null, 16, le),
+      }), null, 16, te),
       m("span", null, [
-        x(V(Q), {
-          class: $(["check-icon", h.value])
+        S(C(Q), {
+          class: A(["check-icon", h.value])
         }, null, 8, ["class"])
       ]),
       m("div", re, [
-        C(o.$slots, "default", { value: o.value }, () => [
+        w(o.$slots, "default", { value: o.value }, () => [
           B(
             I(o.label),
             1
@@ -321,7 +321,7 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
           "span",
           {
             key: 0,
-            class: $(["m-checkbox__hint", {
+            class: A(["m-checkbox__hint", {
               "--error": o.error,
               "--success": o.success,
               "--warning": o.warning
@@ -330,11 +330,11 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
           I(o.hint),
           3
           /* TEXT, CLASS */
-        )) : b("v-if", !0)
+        )) : E("v-if", !0)
       ])
-    ], 46, ae));
+    ], 46, le));
   }
-}), ne = /* @__PURE__ */ L(se, [["__scopeId", "data-v-178c6a46"]]), ce = { class: "m-checklist maz-flex maz-flex-col maz-gap-4" }, ie = {
+}), se = /* @__PURE__ */ L(ne, [["__scopeId", "data-v-178c6a46"]]), ce = { class: "m-checklist maz-flex maz-flex-col maz-gap-4" }, ie = {
   key: 0,
   for: "query",
   class: "maz-flex maz-items-center maz-justify-between maz-gap-4"
@@ -360,100 +360,94 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   },
   emits: ["update:query", "update:model-value"],
   setup(c, { emit: r }) {
-    const e = c, s = r, a = _(() => import("./MazInput-Dx2cCzFS.mjs")), u = _(
+    const e = c, n = r, l = _(() => import("./MazInput-NE6H-10w.mjs")), u = _(
       () => import("./magnifying-glass--nBiyXot.mjs")
-    ), y = _(
+    ), b = _(
       () => import("./no-symbol-CIgKzsrB.mjs")
-    ), h = A(e.query);
+    ), h = x(e.query);
     H(
       () => e.query,
-      (t) => {
-        h.value = t;
+      (a) => {
+        h.value = a;
       }
     );
     const i = f(() => {
-      var n;
+      var s;
       if (!h.value)
         return e.items;
-      const t = U(h.value, e.searchOptions);
-      return (n = e.items) == null ? void 0 : n.filter(
-        ({ label: d }) => U(d, e.searchOptions).includes(t)
+      const a = U(h.value, e.searchOptions);
+      return (s = e.items) == null ? void 0 : s.filter(
+        ({ label: d }) => U(d, e.searchOptions).includes(a)
       );
     });
-    function g(t) {
-      h.value = t, s("update:query", t);
+    function y(a) {
+      h.value = a, n("update:query", a);
     }
-    return (t, n) => {
-      var d, z, k, E;
+    return (a, s) => {
+      var d, z, g, $;
       return p(), v("div", ce, [
-        (d = t.search) != null && d.enabled ? (p(), v("label", ie, [
-          t.$slots.title || t.title ? (p(), v("span", ue, [
-            b(" @slot use this slot to customize the title "),
-            C(t.$slots, "title", {}, () => [
+        (d = a.search) != null && d.enabled ? (p(), v("label", ie, [
+          a.$slots.title || a.title ? (p(), v("span", ue, [
+            w(a.$slots, "title", {}, () => [
               B(
-                I(t.title),
+                I(a.title),
                 1
                 /* TEXT */
               )
             ])
-          ])) : b("v-if", !0),
-          x(V(a), D({
+          ])) : E("v-if", !0),
+          S(C(l), D({
             id: "query",
             "model-value": h.value
-          }, t.search, {
-            color: t.color,
-            "left-icon": t.search.leftIcon ?? V(u),
-            debounce: t.search.debounce ?? 300,
-            label: (z = t.search) == null ? void 0 : z.label,
-            name: ((k = t.search) == null ? void 0 : k.name) ?? "search",
-            placeholder: (E = t.search) == null ? void 0 : E.placeholder,
-            "onUpdate:modelValue": n[0] || (n[0] = (w) => g(w))
+          }, a.search, {
+            color: a.color,
+            "left-icon": a.search.leftIcon ?? C(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.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"])
-        ])) : b("v-if", !0),
-        x(ee, {
-          color: t.color,
-          "no-elevation": !t.elevation,
+        ])) : E("v-if", !0),
+        S(ee, {
+          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(() => {
-            var w;
+            var k;
             return [
-              ((w = i.value) == null ? void 0 : w.length) === 0 ? (p(), v("div", de, [
-                b(" @slot use this slot to customize the no results area "),
-                C(t.$slots, "no-results", {}, () => [
+              ((k = i.value) == null ? void 0 : k.length) === 0 ? (p(), v("div", de, [
+                w(a.$slots, "no-results", {}, () => [
                   m("div", me, [
-                    x(V(y), { class: "maz-text-3xl maz-text-muted" }),
+                    S(C(b), { class: "maz-text-3xl maz-text-muted" }),
                     m("span", fe, [
-                      b(" @slot use this slot to customize the no results message "),
-                      C(t.$slots, "no-results-text", {}, () => [
-                        n[2] || (n[2] = B(" No results found "))
+                      w(a.$slots, "no-results-text", {}, () => [
+                        s[2] || (s[2] = B(" No results found "))
                       ])
                     ])
                   ])
                 ])
-              ])) : b("v-if", !0),
+              ])) : E("v-if", !0),
               (p(!0), v(
                 G,
                 null,
-                J(i.value, ({ label: o, value: l }) => (p(), v("label", {
-                  key: l,
-                  for: l,
+                J(i.value, ({ label: o, value: t }) => (p(), v("label", {
+                  key: t,
+                  for: t,
                   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"
                 }, [
-                  x(ne, {
-                    id: l,
+                  S(se, {
+                    id: t,
                     "model-value": e.modelValue,
-                    value: l,
-                    color: t.color,
-                    "onUpdate:modelValue": n[1] || (n[1] = (S) => s("update:model-value", S))
+                    value: t,
+                    color: a.color,
+                    "onUpdate:modelValue": s[1] || (s[1] = (V) => n("update:model-value", V))
                   }, null, 8, ["id", "model-value", "value", "color"]),
-                  b(` @slot use this slot to customize the item
-        @binding { label: string, value: string }
-         `),
-                  C(t.$slots, "item", {
-                    selectedValues: t.modelValue,
-                    item: { label: o, value: l }
+                  w(a.$slots, "item", {
+                    selectedValues: a.modelValue,
+                    item: { label: o, value: t }
                   }, () => [
                     m(
                       "span",