maz-ui 3.47.2-beta.2 → 3.47.2-beta.20

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

@@ -1,5 +1,5 @@
-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 = {
+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 }, n = {
+function U(c, t) {
+  const e = { ...J, ...t }, n = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -65,7 +65,7 @@ function U(c, r) {
       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,16 +76,12 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
     innerOpacity: { default: 0.95 }
   },
   setup(c) {
-    j((i) => ({
-      "4f499add": i.innerOpacity,
-      "2e65a0ad": b.value
-    }));
-    const r = c, e = x(), n = x(), l = x(!1);
+    const t = c, e = x(), n = x(), l = x(!1);
     function u({ clientX: i, clientY: y }) {
-      var s, d, z;
+      var s, d, b;
       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(
+      a && ((b = (d = e.value) == null ? void 0 : d.animate) == null || b.call(
         d,
         [
           {
@@ -98,26 +94,26 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
         }
       ));
     }
-    const b = 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, y) => (p(), v(
       "div",
       {
         class: A(["m-card-spotlight", { "maz-elevation": !i.noElevation }]),
-        style: N({ backgroundColor: h.value })
+        style: w({ backgroundColor: h.value, "--inner-opacity": i.innerOpacity })
       },
       [
-        m("div", X, [
+        m("div", W, [
           m(
             "div",
             {
               class: A(["content", [{ "maz-p-4": i.padding }, i.contentClass]])
             },
             [
-              w(i.$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: z.value })
           },
           null,
           4
@@ -155,28 +151,27 @@ const X = { class: "inner" }, Y = /* @__PURE__ */ O({
       /* CLASS, STYLE */
     ));
   }
-}), L = (c, r) => {
+}), D = (c, t) => {
   const e = c.__vccOpts || c;
-  for (const [n, l] of r)
+  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}`);
+  return f(() => t ?? `${c}-${P().replace(/:/g, "")}`);
 }
-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, r) {
-  return p(), v("svg", ae, r[0] || (r[0] = [
+function L(c, t) {
+  return p(), v("svg", oe, t[0] || (t[0] = [
     m(
       "path",
       {
@@ -192,11 +187,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" })), 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: {
@@ -216,19 +211,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": b.value,
-      "199d7f11": y.value,
-      b0e1d658: a.value
-    }));
-    const e = c, n = r, l = 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
-    ), b = f(() => {
+    ), z = f(() => {
       switch (e.size) {
         case "xl":
           return "2rem";
@@ -260,37 +249,37 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
       }
     }), 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));
+      ["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((t) => t !== 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 t = d(o);
-      n("update:model-value", t), n("change", t);
+    function b(o) {
+      const r = d(o);
+      n("update:model-value", r), n("change", r);
     }
     const g = x();
     function $(o) {
-      var t;
-      (t = g.value) == null || t.dispatchEvent(new Event("blur")), n("blur", o);
+      var r;
+      (r = g.value) == null || r.dispatchEvent(new Event("blur")), n("blur", o);
     }
     function k(o) {
-      var t;
-      (t = g.value) == null || t.dispatchEvent(new Event("focus")), n("focus", o);
+      var r;
+      (r = g.value) == null || r.dispatchEvent(new Event("focus")), n("focus", o);
     }
-    return (o, t) => (p(), v("label", {
-      for: C(l),
+    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: s,
       onBlur: $,
       onFocus: k
     }, [
-      m("input", D({
-        id: C(l),
+      m("input", j({
+        id: S(l),
         ref_key: "inputRef",
         ref: g,
         checked: u.value
@@ -299,19 +288,28 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
         disabled: o.disabled,
         name: o.name,
         type: "checkbox",
-        onChange: t[0] || (t[0] = (V) => {
+        onChange: r[0] || (r[0] = (N) => {
           var M;
-          return z(o.value ?? ((M = V == null ? void 0 : V.target) == null ? void 0 : M.checked));
+          return b(o.value ?? ((M = N == null ? void 0 : N.target) == null ? void 0 : M.checked));
         })
-      }), null, 16, te),
-      m("span", null, [
-        S(C(Q), {
-          class: A(["check-icon", h.value])
-        }, null, 8, ["class"])
-      ]),
-      m("div", re, [
-        w(o.$slots, "default", { value: o.value }, () => [
-          B(
+      }), null, 16, le),
+      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 }, () => [
+          _(
             I(o.label),
             1
             /* TEXT */
@@ -325,26 +323,27 @@ const Q = { render: R }, ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Obje
               "--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 */
+          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" }, 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,13 +358,13 @@ 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, n = r, l = _(() => import("./MazInput-NE6H-10w.mjs")), u = _(
+  setup(c, { emit: t }) {
+    const e = c, n = t, l = B(() => import("./MazInput-BT-mbJfZ.mjs")), u = B(
       () => import("./magnifying-glass--nBiyXot.mjs")
-    ), b = _(
+    ), z = B(
       () => import("./no-symbol-CIgKzsrB.mjs")
     ), h = x(e.query);
-    H(
+    T(
       () => e.query,
       (a) => {
         h.value = a;
@@ -384,80 +383,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, $;
-      return p(), v("div", ce, [
-        (d = a.search) != null && d.enabled ? (p(), v("label", ie, [
+      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, [
-            w(a.$slots, "title", {}, () => [
-              B(
+            C(a.$slots, "title", {}, () => [
+              _(
                 I(a.title),
                 1
                 /* TEXT */
               )
             ])
           ])) : E("v-if", !0),
-          S(C(l), D({
+          V(S(l), j({
             id: "query",
             "model-value": h.value
           }, a.search, {
             color: a.color,
-            "left-icon": a.search.leftIcon ?? C(u),
+            "left-icon": a.search.leftIcon ?? S(u),
             debounce: a.search.debounce ?? 300,
-            label: (z = a.search) == null ? void 0 : z.label,
+            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"])
         ])) : E("v-if", !0),
-        S(ee, {
+        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 = i.value) == null ? void 0 : k.length) === 0 ? (p(), v("div", de, [
-                w(a.$slots, "no-results", {}, () => [
-                  m("div", me, [
-                    S(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(z), { class: "maz-text-3xl maz-text-muted" }),
+                    m("span", me, [
+                      C(a.$slots, "no-results-text", {}, () => [
+                        s[2] || (s[2] = _(" No results found "))
                       ])
                     ])
                   ])
                 ])
               ])) : E("v-if", !0),
               (p(!0), v(
-                G,
+                Z,
                 null,
-                J(i.value, ({ label: o, value: t }) => (p(), v("label", {
-                  key: t,
-                  for: t,
+                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"
                 }, [
-                  S(se, {
-                    id: t,
+                  V(ne, {
+                    id: o.value,
                     "model-value": e.modelValue,
-                    value: t,
+                    value: o.value,
                     color: a.color,
-                    "onUpdate:modelValue": s[1] || (s[1] = (V) => n("update:model-value", V))
+                    "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: { label: o, value: t }
+                    item: o
                   }, () => [
                     m(
                       "span",
-                      ve,
-                      I(o),
+                      pe,
+                      I(o.label),
                       1
                       /* TEXT */
                     )
                   ])
-                ], 8, pe))),
+                ], 8, fe))),
                 128
                 /* KEYED_FRAGMENT */
               ))
@@ -471,8 +470,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
 };