maz-ui 3.47.2-beta.0 → 3.47.2-beta.10

package/components/chunks/{MazChecklist-CY1Cv70T.mjs → MazChecklist-DaozZlNb.mjs}

@@ -1,5 +1,5 @@
-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 '../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,
@@ -9,8 +9,8 @@ import '../assets/MazChecklist.css';const W = {
   removeNumbers: !1,
   customNormalizationForms: ["NFC", "NFKD"]
 };
-function U(c, r) {
-  const e = { ...W, ...r }, s = {
+function U(c, t) {
+  const e = { ...J, ...t }, n = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -59,13 +59,13 @@ 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({
+const W = { class: "inner" }, X = /* @__PURE__ */ O({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -76,20 +76,16 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
     innerOpacity: { default: 0.95 }
   },
   setup(c) {
-    j((i) => ({
-      "4f499add": i.innerOpacity,
-      "2e65a0ad": y.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 t = c, e = x(), n = x(), l = x(!1);
+    function u({ clientX: i, clientY: y }) {
+      var s, d, b;
+      l.value = !0;
+      const a = (s = n.value) == null ? void 0 : s.getBoundingClientRect();
+      a && ((b = (d = e.value) == null ? void 0 : d.animate) == null || b.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,23 +94,23 @@ 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)`);
-    return K(() => {
+    const z = f(() => `var(--maz-color-${t.color}-alpha)`), h = f(() => `var(--maz-color-${t.color}-alpha-20)`);
+    return Q(() => {
       window.addEventListener("mousemove", u);
-    }), P(() => {
+    }), K(() => {
       window.removeEventListener("mousemove", u);
-    }), (i, g) => (p(), v(
+    }), (i, y) => (p(), v(
       "div",
       {
-        class: $(["m-card-spotlight", { "maz-elevation": !i.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: $(["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)
@@ -129,54 +125,54 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
             ref_key: "blobElement",
             ref: e,
             class: "blob",
-            style: N({ backgroundColor: y.value })
+            style: w({ backgroundColor: z.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
       /* CLASS, STYLE */
     ));
   }
-}), L = (c, r) => {
+}), D = (c, t) => {
   const e = c.__vccOpts || c;
-  for (const [s, a] of r)
-    e[s] = a;
+  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: r
+  providedId: t
 }) {
-  const e = T();
-  return f(() => r ?? `${c}-${e}`);
+  const e = P();
+  return f(() => t ?? `${c}-${e}`);
 }
-const te = {
+const oe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
   height: "1em",
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function R(c, r) {
-  return p(), v("svg", te, r[0] || (r[0] = [
+function L(c, t) {
+  return p(), v("svg", oe, t[0] || (t[0] = [
     m(
       "path",
       {
@@ -192,11 +188,11 @@ function R(c, r) {
     )
   ]));
 }
-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" })), ae = ["for", "aria-checked"], le = ["id", "checked", "disabled", "name"], re = { class: "m-checkbox__text" }, se = /* @__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: {
@@ -216,19 +212,13 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(c, { emit: r }) {
-    j((o) => ({
-      b7df6194: i.value,
-      "89a0ef50": y.value,
-      "199d7f11": g.value,
-      b0e1d658: t.value
-    }));
-    const e = c, s = r, a = oe({
+  setup(c, { emit: t }) {
+    const e = c, n = t, l = ee({
       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(() => {
+    ), z = f(() => {
       switch (e.size) {
         case "xl":
           return "2rem";
@@ -258,60 +248,69 @@ 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) {
-      ["Space"].includes(o.code) && (o.preventDefault(), z(e.value ?? !e.modelValue));
+    }), 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(), b(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((r) => r !== o) : [...e.modelValue, o] : [o];
     }
-    function z(o) {
-      const l = d(o);
-      s("update:model-value", l), s("change", l);
+    function b(o) {
+      const r = d(o);
+      n("update:model-value", r), n("change", r);
     }
-    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 r;
+      (r = g.value) == null || r.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 r;
+      (r = g.value) == null || r.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, r) => (p(), v("label", {
+      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": u.value,
-      onKeydown: n,
-      onBlur: E,
-      onFocus: w
+      onKeydown: s,
+      onBlur: $,
+      onFocus: k
     }, [
-      m("input", D({
-        id: V(a),
+      m("input", j({
+        id: S(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: r[0] || (r[0] = (N) => {
           var M;
-          return z(o.value ?? ((M = S == null ? void 0 : S.target) == null ? void 0 : M.checked));
+          return b(o.value ?? ((M = N == null ? void 0 : N.target) == null ? void 0 : M.checked));
         })
       }), null, 16, le),
-      m("span", null, [
-        x(V(Q), {
-          class: $(["check-icon", h.value])
-        }, null, 8, ["class"])
-      ]),
-      m("div", re, [
+      m(
+        "span",
+        {
+          style: w({ width: z.value, height: z.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 }, () => [
-          B(
+          _(
             I(o.label),
             1
             /* TEXT */
@@ -321,30 +320,31 @@ 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
-            }])
+            }]),
+            style: w({ boxShadow: `0 0 0 0.125rem ${a.value}` })
           },
           I(o.hint),
-          3
-          /* TEXT, CLASS */
-        )) : b("v-if", !0)
+          7
+          /* TEXT, CLASS, STYLE */
+        )) : E("v-if", !0)
       ])
     ], 46, ae));
   }
-}), ne = /* @__PURE__ */ L(se, [["__scopeId", "data-v-178c6a46"]]), ce = { class: "m-checklist maz-flex maz-flex-col maz-gap-4" }, ie = {
+}), ne = /* @__PURE__ */ D(re, [["__scopeId", "data-v-65d7fb3b"]]), 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"
 }, 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" }, be = /* @__PURE__ */ O({
   __name: "MazChecklist",
   props: {
     modelValue: { default: void 0 },
@@ -359,111 +359,105 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
     color: { default: "primary" }
   },
   emits: ["update:query", "update:model-value"],
-  setup(c, { emit: r }) {
-    const e = c, s = r, a = _(() => import("./MazInput-CJQB68c-.mjs")), u = _(
+  setup(c, { emit: t }) {
+    const e = c, n = t, l = B(() => import("./MazInput-HLPtw5QK.mjs")), u = B(
       () => import("./magnifying-glass--nBiyXot.mjs")
-    ), y = _(
+    ), z = B(
       () => import("./no-symbol-CIgKzsrB.mjs")
-    ), h = A(e.query);
-    H(
+    ), h = x(e.query);
+    T(
       () => 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 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", {}, () => [
-              B(
-                I(t.title),
+    return (a, s) => {
+      var d, b, 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 */
               )
             ])
-          ])) : b("v-if", !0),
-          x(V(a), D({
+          ])) : E("v-if", !0),
+          V(S(l), j({
             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 ?? S(u),
+            debounce: a.search.debounce ?? 300,
+            label: (b = a.search) == null ? void 0 : b.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),
+        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(() => {
-            var w;
+          default: H(() => {
+            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", {}, () => [
-                  m("div", me, [
-                    x(V(y), { 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 "))
+              ((k = i.value) == null ? void 0 : k.length) === 0 ? (p(), v("div", ie, [
+                C(a.$slots, "no-results", {}, () => [
+                  m("div", de, [
+                    V(S(z), { class: "maz-text-3xl maz-text-muted" }),
+                    m("span", me, [
+                      C(a.$slots, "no-results-text", {}, () => [
+                        s[2] || (s[2] = _(" No results found "))
                       ])
                     ])
                   ])
                 ])
-              ])) : b("v-if", !0),
+              ])) : E("v-if", !0),
               (p(!0), v(
-                G,
+                Z,
                 null,
-                J(i.value, ({ label: o, value: l }) => (p(), v("label", {
-                  key: l,
-                  for: l,
+                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"
                 }, [
-                  x(ne, {
-                    id: l,
+                  V(ne, {
+                    id: o.value,
                     "model-value": e.modelValue,
-                    value: l,
-                    color: t.color,
-                    "onUpdate:modelValue": n[1] || (n[1] = (S) => s("update:model-value", S))
+                    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"]),
-                  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 }
+                  C(a.$slots, "item", {
+                    selectedValues: a.modelValue,
+                    item: o
                   }, () => [
                     m(
                       "span",
-                      ve,
-                      I(o),
+                      pe,
+                      I(o.label),
                       1
                       /* TEXT */
                     )
                   ])
-                ], 8, pe))),
+                ], 8, fe))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -477,8 +471,8 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
   }
 });
 export {
-  L as _,
+  D as _,
   be as a,
-  ze as c,
-  oe as u
+  he as c,
+  ee as u
 };