maz-ui 3.47.2-beta.9 → 3.48.0

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

@@ -1,4 +1,4 @@
-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 { defineComponent as M, ref as A, computed as f, onMounted as Q, onUnmounted as K, openBlock as p, createElementBlock as v, normalizeClass as $, normalizeStyle as w, createElementVNode as m, renderSlot as C, withDirectives as U, vShow as x, useId as P, unref as S, mergeProps as D, createVNode as V, createTextVNode as O, toDisplayString as _, 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,
@@ -9,8 +9,8 @@ import '../assets/MazChecklist.css';const J = {
   removeNumbers: !1,
   customNormalizationForms: ["NFC", "NFKD"]
 };
-function U(c, t) {
-  const e = { ...J, ...t }, n = {
+function j(c, a) {
+  const e = { ...J, ...a }, s = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -59,13 +59,13 @@ function U(c, t) {
     ñ: "n",
     ó: "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, (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)
+  let t = c.toString();
+  if (e.trim && (t = t.trim()), e.normalizeSpaces && (t = t.replaceAll(/\s+/g, " ")), e.replaceSpaces && (t = t.replaceAll(" ", "-")), e.removeNumbers && (t = t.replaceAll(/\d/g, "")), e.removeAccents && (t = t.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (u) => s[u] || u), t = t.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (t = t.toLowerCase()), e.removeSpecialCharacters && (t = t.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (t = t.trim()), e.customNormalizationForms)
     for (const u of e.customNormalizationForms)
-      l = l.normalize(u);
-  return l;
+      t = t.normalize(u);
+  return t;
 }
-const W = { class: "inner" }, X = /* @__PURE__ */ O({
+const W = { class: "inner" }, X = /* @__PURE__ */ M({
   __name: "MazCardSpotlight",
   props: {
     color: { default: "primary" },
@@ -76,16 +76,16 @@ const W = { class: "inner" }, X = /* @__PURE__ */ O({
     innerOpacity: { default: 0.95 }
   },
   setup(c) {
-    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(
+    const a = c, e = A(), s = A(), t = A(!1);
+    function u({ clientX: i, clientY: g }) {
+      var n, d, b;
+      t.value = !0;
+      const l = (n = s.value) == null ? void 0 : n.getBoundingClientRect();
+      l && ((b = (d = e.value) == null ? void 0 : d.animate) == null || b.call(
         d,
         [
           {
-            transform: `translate(${i - a.left - a.width / 2}px,${y - a.top - a.height / 2}px)`
+            transform: `translate(${i - l.left - l.width / 2}px,${g - l.top - l.height / 2}px)`
           }
         ],
         {
@@ -94,15 +94,15 @@ const W = { class: "inner" }, X = /* @__PURE__ */ O({
         }
       ));
     }
-    const z = f(() => `var(--maz-color-${t.color}-alpha)`), h = f(() => `var(--maz-color-${t.color}-alpha-20)`);
+    const y = f(() => `var(--maz-color-${a.color}-alpha)`), h = f(() => `var(--maz-color-${a.color}-alpha-20)`);
     return Q(() => {
       window.addEventListener("mousemove", u);
     }), K(() => {
       window.removeEventListener("mousemove", u);
-    }), (i, y) => (p(), v(
+    }), (i, g) => (p(), v(
       "div",
       {
-        class: A(["m-card-spotlight", { "maz-elevation": !i.noElevation }]),
+        class: $(["m-card-spotlight m-reset-css", { "maz-elevation": !i.noElevation }]),
         style: w({ backgroundColor: h.value, "--inner-opacity": i.innerOpacity })
       },
       [
@@ -110,7 +110,7 @@ const W = { class: "inner" }, X = /* @__PURE__ */ O({
           m(
             "div",
             {
-              class: A(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
+              class: $(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
             },
             [
               C(i.$slots, "default", {}, void 0, !0)
@@ -119,50 +119,49 @@ const W = { class: "inner" }, X = /* @__PURE__ */ O({
             /* CLASS */
           )
         ]),
-        q(m(
+        U(m(
           "div",
           {
             ref_key: "blobElement",
             ref: e,
             class: "blob",
-            style: w({ backgroundColor: z.value })
+            style: w({ backgroundColor: y.value })
           },
           null,
           4
           /* STYLE */
         ), [
-          [F, l.value]
+          [x, t.value]
         ]),
-        q(m(
+        U(m(
           "div",
           {
             ref_key: "fakeblobElement",
-            ref: n,
+            ref: s,
             class: "fakeblob"
           },
           null,
           512
           /* NEED_PATCH */
         ), [
-          [F, l.value]
+          [x, t.value]
         ])
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), D = (c, t) => {
+}), q = (c, a) => {
   const e = c.__vccOpts || c;
-  for (const [n, l] of t)
-    e[n] = l;
+  for (const [s, t] of a)
+    e[s] = t;
   return e;
-}, Y = /* @__PURE__ */ D(X, [["__scopeId", "data-v-30c7054c"]]);
+}, Y = /* @__PURE__ */ q(X, [["__scopeId", "data-v-4f773edc"]]);
 function ee({
   componentName: c,
-  providedId: t
+  providedId: a
 }) {
-  const e = P();
-  return f(() => t ?? `${c}-${e}`);
+  return f(() => a ?? `${c}-${P().replace(/:/g, "")}`);
 }
 const oe = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -171,8 +170,8 @@ const oe = {
   fill: "none",
   viewBox: "0 0 24 24"
 };
-function L(c, t) {
-  return p(), v("svg", oe, t[0] || (t[0] = [
+function L(c, a) {
+  return p(), v("svg", oe, a[0] || (a[0] = [
     m(
       "path",
       {
@@ -188,11 +187,11 @@ function L(c, t) {
     )
   ]));
 }
-const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const R = { render: L }, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   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({
+}, Symbol.toStringTag, { value: "Module" })), le = ["for", "aria-checked"], te = ["id", "checked", "disabled", "name"], ae = { class: "m-checkbox__text" }, re = /* @__PURE__ */ M({
   inheritAttrs: !1,
   __name: "MazCheckbox",
   props: {
@@ -212,13 +211,13 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
     hint: {}
   },
   emits: ["update:model-value", "change", "blur", "focus"],
-  setup(c, { emit: t }) {
-    const e = c, n = t, l = ee({
+  setup(c, { emit: a }) {
+    const e = c, s = a, t = 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
-    ), z = f(() => {
+    ), y = f(() => {
       switch (e.size) {
         case "xl":
           return "2rem";
@@ -248,8 +247,8 @@ const R = { render: L }, he = /* @__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)`), 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) {
+    }), 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})`), l = 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(), b(e.value ?? !e.modelValue));
     }
     function d(o) {
@@ -257,32 +256,32 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
     }
     function b(o) {
       const r = d(o);
-      n("update:model-value", r), n("change", r);
+      s("update:model-value", r), s("change", r);
     }
-    const g = x();
-    function $(o) {
+    const k = A();
+    function I(o) {
       var r;
-      (r = g.value) == null || r.dispatchEvent(new Event("blur")), n("blur", o);
+      (r = k.value) == null || r.dispatchEvent(new Event("blur")), s("blur", o);
     }
-    function k(o) {
+    function z(o) {
       var r;
-      (r = g.value) == null || r.dispatchEvent(new Event("focus")), n("focus", o);
+      (r = k.value) == null || r.dispatchEvent(new Event("focus")), s("focus", o);
     }
     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]]),
+      for: S(t),
+      class: $(["m-checkbox m-reset-css", [{ "--disabled": o.disabled, "--error": o.error, "--warning": o.warning, "--success": o.success }, e.class]]),
       tabindex: "0",
-      style: w([o.style, { "--checkbox-selected-color": y.value, "--checkbox-box-shadow-color": a.value }]),
+      style: w([o.style, { "--checkbox-selected-color": g.value, "--checkbox-box-shadow-color": l.value }]),
       role: "checkbox",
       "aria-checked": u.value,
-      onKeydown: s,
-      onBlur: $,
-      onFocus: k
+      onKeydown: n,
+      onBlur: I,
+      onFocus: z
     }, [
-      m("input", j({
-        id: S(l),
+      m("input", D({
+        id: S(t),
         ref_key: "inputRef",
-        ref: g,
+        ref: k,
         checked: u.value
       }, o.$attrs, {
         tabindex: "-1",
@@ -290,28 +289,28 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
         name: o.name,
         type: "checkbox",
         onChange: r[0] || (r[0] = (N) => {
-          var M;
-          return b(o.value ?? ((M = N == null ? void 0 : N.target) == null ? void 0 : M.checked));
+          var F;
+          return b(o.value ?? ((F = N == null ? void 0 : N.target) == null ? void 0 : F.checked));
         })
-      }), null, 16, le),
+      }), null, 16, te),
       m(
         "span",
         {
-          style: w({ width: z.value, height: z.value })
+          style: w({ width: y.value, height: y.value })
         },
         [
           V(S(R), {
-            class: A(["check-icon", h.value]),
+            class: $(["check-icon", h.value]),
             style: w({ color: i.value })
           }, null, 8, ["class", "style"])
         ],
         4
         /* STYLE */
       ),
-      m("div", te, [
+      m("div", ae, [
         C(o.$slots, "default", { value: o.value }, () => [
-          _(
-            I(o.label),
+          O(
+            _(o.label),
             1
             /* TEXT */
           )
@@ -320,31 +319,31 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
           "span",
           {
             key: 0,
-            class: A(["m-checkbox__hint", {
+            class: $(["m-checkbox__hint", {
               "--error": o.error,
               "--success": o.success,
               "--warning": o.warning
             }]),
-            style: w({ boxShadow: `0 0 0 0.125rem ${a.value}` })
+            style: w({ boxShadow: `0 0 0 0.125rem ${l.value}` })
           },
-          I(o.hint),
+          _(o.hint),
           7
           /* TEXT, CLASS, STYLE */
         )) : E("v-if", !0)
       ])
-    ], 46, ae));
+    ], 46, le));
   }
-}), ne = /* @__PURE__ */ D(re, [["__scopeId", "data-v-65d7fb3b"]]), se = { class: "m-checklist maz-flex maz-flex-col maz-gap-4" }, ce = {
+}), se = /* @__PURE__ */ q(re, [["__scopeId", "data-v-66c21eaf"]]), ne = { class: "m-checklist m-reset-css" }, ce = {
   key: 0,
   for: "query",
-  class: "maz-flex maz-items-center maz-justify-between maz-gap-4"
+  class: "search-label"
 }, ue = {
   key: 0,
-  class: "maz-flex-none maz-truncate"
+  class: "title"
 }, ie = {
   key: 0,
-  class: "maz-flex maz-h-full maz-flex-center"
-}, 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({
+  class: "no-results"
+}, de = { class: "no-results-content" }, me = { class: "no-results-text" }, fe = ["for"], pe = { class: "item-label" }, ve = /* @__PURE__ */ M({
   __name: "MazChecklist",
   props: {
     modelValue: { default: void 0 },
@@ -359,76 +358,76 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
     color: { default: "primary" }
   },
   emits: ["update:query", "update:model-value"],
-  setup(c, { emit: t }) {
-    const e = c, n = t, l = B(() => import("./MazInput-HLPtw5QK.mjs")), u = B(
+  setup(c, { emit: a }) {
+    const e = c, s = a, t = B(() => import("./MazInput-BjnuoFvn.mjs")), u = B(
       () => import("./magnifying-glass--nBiyXot.mjs")
-    ), z = B(
+    ), y = B(
       () => import("./no-symbol-CIgKzsrB.mjs")
-    ), h = x(e.query);
+    ), h = A(e.query);
     T(
       () => e.query,
-      (a) => {
-        h.value = a;
+      (l) => {
+        h.value = l;
       }
     );
     const i = f(() => {
-      var s;
+      var n;
       if (!h.value)
         return e.items;
-      const a = U(h.value, e.searchOptions);
-      return (s = e.items) == null ? void 0 : s.filter(
-        ({ label: d }) => U(d, e.searchOptions).includes(a)
+      const l = j(h.value, e.searchOptions);
+      return (n = e.items) == null ? void 0 : n.filter(
+        ({ label: d }) => j(d, e.searchOptions).includes(l)
       );
     });
-    function y(a) {
-      h.value = a, n("update:query", a);
+    function g(l) {
+      h.value = l, s("update:query", l);
     }
-    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),
+    return (l, n) => {
+      var d, b, k, I;
+      return p(), v("div", ne, [
+        (d = l.search) != null && d.enabled ? (p(), v("label", ce, [
+          l.$slots.title || l.title ? (p(), v("span", ue, [
+            C(l.$slots, "title", {}, () => [
+              O(
+                _(l.title),
                 1
                 /* TEXT */
               )
-            ])
+            ], !0)
           ])) : E("v-if", !0),
-          V(S(l), j({
+          V(S(t), D({
             id: "query",
             "model-value": h.value
-          }, 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))
+          }, l.search, {
+            color: l.color,
+            "left-icon": l.search.leftIcon ?? S(u),
+            debounce: l.search.debounce ?? 300,
+            label: (b = l.search) == null ? void 0 : b.label,
+            name: ((k = l.search) == null ? void 0 : k.name) ?? "search",
+            placeholder: (I = l.search) == null ? void 0 : I.placeholder,
+            "onUpdate:modelValue": n[0] || (n[0] = (z) => g(z))
           }), null, 16, ["model-value", "color", "left-icon", "debounce", "label", "name", "placeholder"])
         ])) : E("v-if", !0),
         V(Y, {
-          color: a.color,
-          "no-elevation": !a.elevation,
+          color: l.color,
+          "no-elevation": !l.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"
+          "content-class": "card-content"
         }, {
           default: H(() => {
-            var k;
+            var z;
             return [
-              ((k = i.value) == null ? void 0 : k.length) === 0 ? (p(), v("div", ie, [
-                C(a.$slots, "no-results", {}, () => [
+              ((z = i.value) == null ? void 0 : z.length) === 0 ? (p(), v("div", ie, [
+                C(l.$slots, "no-results", {}, () => [
                   m("div", de, [
-                    V(S(z), { class: "maz-text-3xl maz-text-muted" }),
+                    V(S(y), { class: "no-results-icon" }),
                     m("span", me, [
-                      C(a.$slots, "no-results-text", {}, () => [
-                        s[2] || (s[2] = _(" No results found "))
-                      ])
+                      C(l.$slots, "no-results-text", {}, () => [
+                        n[2] || (n[2] = O(" No results found "))
+                      ], !0)
                     ])
                   ])
-                ])
+                ], !0)
               ])) : E("v-if", !0),
               (p(!0), v(
                 Z,
@@ -436,27 +435,27 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
                 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"
+                  class: "m-checklist-item m-reset-css"
                 }, [
-                  V(ne, {
+                  V(se, {
                     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))
+                    color: l.color,
+                    "onUpdate:modelValue": n[1] || (n[1] = (r) => s("update:model-value", r))
                   }, null, 8, ["id", "model-value", "value", "color"]),
-                  C(a.$slots, "item", {
-                    selectedValues: a.modelValue,
+                  C(l.$slots, "item", {
+                    selectedValues: l.modelValue,
                     item: o
                   }, () => [
                     m(
                       "span",
                       pe,
-                      I(o.label),
+                      _(o.label),
                       1
                       /* TEXT */
                     )
-                  ])
+                  ], !0)
                 ], 8, fe))),
                 128
                 /* KEYED_FRAGMENT */
@@ -469,10 +468,10 @@ const R = { render: L }, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
       ]);
     };
   }
-});
+}), ye = /* @__PURE__ */ q(ve, [["__scopeId", "data-v-46a35a33"]]);
 export {
-  D as _,
-  be as a,
-  he as c,
+  ye as M,
+  q as _,
+  be as c,
   ee as u
 };