maz-ui 3.40.3 → 3.40.4

package/components/chunks/{MazTable-CjlSdLnh.mjs → MazTable-Cr4kGAth.mjs}

@@ -1,5 +1,5 @@
 import '../assets/MazTable.css';
-import { openBlock as s, createElementBlock as y, createElementVNode as C, getCurrentInstance as et, computed as c, defineComponent as oe, defineAsyncComponent as J, ref as E, onMounted as tt, useSlots as Le, normalizeClass as B, normalizeStyle as ie, createCommentVNode as u, renderSlot as I, createBlock as S, unref as v, resolveDynamicComponent as pe, withDirectives as Ue, mergeProps as Pe, toHandlers as ot, vModelDynamic as lt, createTextVNode as re, toDisplayString as Z, withModifiers as ce, withCtx as O, createVNode as A, useCssVars as Ve, onBeforeMount as Oe, nextTick as Be, Transition as at, Fragment as he, renderList as we, useAttrs as nt, inject as st, pushScopeId as qe, popScopeId as Re, toRefs as rt, provide as it, watch as ke } from "vue";
+import { openBlock as s, createElementBlock as g, createElementVNode as C, getCurrentInstance as et, computed as c, defineComponent as oe, defineAsyncComponent as J, ref as E, onMounted as tt, useSlots as Le, normalizeClass as B, normalizeStyle as ie, createCommentVNode as u, renderSlot as I, createBlock as S, unref as v, resolveDynamicComponent as pe, withDirectives as Ue, mergeProps as Pe, toHandlers as ot, vModelDynamic as lt, createTextVNode as re, toDisplayString as Z, withModifiers as ce, withCtx as O, createVNode as A, useCssVars as Ve, onBeforeMount as Oe, nextTick as Be, Transition as at, Fragment as he, renderList as we, useAttrs as nt, inject as st, pushScopeId as qe, popScopeId as Re, toRefs as rt, provide as it, watch as ke } from "vue";
 const ut = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -22,7 +22,7 @@ const ut = {
   dt
 ];
 function Qe(r, d) {
-  return s(), y("svg", ut, [...ct]);
+  return s(), g("svg", ut, [...ct]);
 }
 const We = { render: Qe }, pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -50,7 +50,7 @@ const We = { render: Qe }, pt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
   mt
 ];
 function bt(r, d) {
-  return s(), y("svg", ft, [...vt]);
+  return s(), g("svg", ft, [...vt]);
 }
 const ht = { render: bt }, yt = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -74,7 +74,7 @@ const ht = { render: bt }, yt = {
   gt
 ];
 function kt(r, d) {
-  return s(), y("svg", yt, [...zt]);
+  return s(), g("svg", yt, [...zt]);
 }
 const je = { render: kt }, $t = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -98,7 +98,7 @@ const je = { render: kt }, $t = {
   wt
 ];
 function It(r, d) {
-  return s(), y("svg", $t, [...Vt]);
+  return s(), g("svg", $t, [...Vt]);
 }
 const De = { render: It };
 function St(r, d) {
@@ -119,7 +119,7 @@ function Ee({
 const Bt = {
   key: 0,
   class: "m-input-wrapper-left"
-}, Ct = { class: "m-input-wrapper-input" }, _t = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Mt = { key: 0 }, At = {
+}, Ct = { class: "m-input-wrapper-input" }, Mt = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], _t = { key: 0 }, At = {
   key: 1,
   class: "m-input-wrapper-right"
 }, Tt = /* @__PURE__ */ oe({
@@ -160,7 +160,7 @@ const Bt = {
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(r, { emit: d }) {
-    const t = J(() => Promise.resolve().then(() => Qt)), b = J(() => import("./MazIcon-C0jJgPt6.mjs")), z = J(() => import("./eye-slash-tjfxO0LK.mjs")), m = J(() => import("./eye-DqO_Jx56.mjs")), h = J(() => Promise.resolve().then(() => no)), o = r, L = d, T = E(!1), w = E(!1), F = E(), _ = Ee({
+    const t = J(() => Promise.resolve().then(() => Qt)), b = J(() => import("./MazIcon-DAWEYUs6.mjs")), z = J(() => import("./eye-slash-tjfxO0LK.mjs")), m = J(() => import("./eye-DqO_Jx56.mjs")), h = J(() => Promise.resolve().then(() => no)), o = r, L = d, T = E(!1), w = E(!1), F = E(), M = Ee({
       componentName: "MazInput",
       providedId: o.id
     });
@@ -200,7 +200,7 @@ const Bt = {
       const { required: a, placeholder: P } = o;
       if (P)
         return a ? `${P} *` : P;
-    }), g = c(() => x.value !== void 0 && x.value !== ""), X = St(
+    }), y = c(() => x.value !== void 0 && x.value !== ""), X = St(
       (a) => {
         L("update:model-value", a);
       },
@@ -212,7 +212,7 @@ const Bt = {
     }, x = c({
       get: () => o.modelValue,
       set: (a) => ae(a)
-    }), ee = c(() => (!!o.label || !!o.hint) && (w.value || !!g.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), ue = c(() => !!o.label || !!o.hint);
+    }), ee = c(() => (!!o.label || !!o.hint) && (w.value || !!y.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), ue = c(() => !!o.label || !!o.hint);
     function ne() {
       return !!j["right-icon"] || R.value || !!j["valid-button"] || o.validButton || !!o.rightIcon;
     }
@@ -228,7 +228,7 @@ const Bt = {
     function G(a) {
       return L("change", a);
     }
-    return (a, P) => (s(), y(
+    return (a, P) => (s(), g(
       "div",
       {
         class: B(["m-input", [
@@ -259,7 +259,7 @@ const Bt = {
             ]])
           },
           [
-            U() ? (s(), y("div", Bt, [
+            U() ? (s(), g("div", Bt, [
               u(`
           @slot left-icon - The icon to display on the left of the input
         `),
@@ -276,7 +276,7 @@ const Bt = {
             ])) : u("v-if", !0),
             C("div", Ct, [
               Ue(C("input", Pe({
-                id: v(_),
+                id: v(M),
                 ref_key: "input",
                 ref: F,
                 "onUpdate:modelValue": P[0] || (P[0] = (te) => x.value = te),
@@ -296,10 +296,10 @@ const Bt = {
                 change: G
               }, !0), {
                 onClick: P[1] || (P[1] = (te) => a.$emit("click", te))
-              }), null, 16, _t), [
+              }), null, 16, Mt), [
                 [lt, x.value]
               ]),
-              a.label || a.hint ? (s(), y(
+              a.label || a.hint ? (s(), g(
                 "span",
                 {
                   key: 0,
@@ -318,13 +318,13 @@ const Bt = {
                     1
                     /* TEXT */
                   ),
-                  a.required ? (s(), y("sup", Mt, "*")) : u("v-if", !0)
+                  a.required ? (s(), g("sup", _t, "*")) : u("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : u("v-if", !0)
             ]),
-            ne() ? (s(), y("div", At, [
+            ne() ? (s(), g("div", At, [
               u(`
           @slot right-icon - The icon to display on the right of the input
         `),
@@ -424,7 +424,7 @@ function Ge(r, d) {
 function Pt(r, d, t = 0.75) {
   return Ge(r, d) >= t;
 }
-function _e(r, d, t = 0.75) {
+function Me(r, d, t = 0.75) {
   const b = c(
     () => Fe(typeof r == "string" ? r : r.value)
   ), z = c(
@@ -504,7 +504,7 @@ const Nt = {
   setup(r, { expose: d, emit: t }) {
     Ve((e) => ({
       "417b570e": k.value,
-      "16c577f8": _.value,
+      "16c577f8": M.value,
       "081fe860": R.value
     }));
     const b = J(() => Promise.resolve().then(() => uo)), z = J(() => Promise.resolve().then(() => pt)), m = J(() => import("./chevron-down-CzMH-gFW.mjs")), h = J(() => import("./no-symbol-QAqP9IlR.mjs"));
@@ -516,7 +516,7 @@ const Nt = {
     });
     const o = r, L = t, T = E(!1), w = E(), F = c(
       () => ["black", "transparent", "white"].includes(o.color)
-    ), _ = c(
+    ), M = c(
       () => F.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
     ), R = c(
       () => F.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
@@ -533,7 +533,7 @@ const Nt = {
         [o.optionInputValueKey]: e
       };
     }
-    function g(e) {
+    function y(e) {
       return {
         ...e,
         [o.optionValueKey]: e[o.optionValueKey],
@@ -550,9 +550,9 @@ const Nt = {
         typeof f == "string" || typeof f == "number" || typeof f == "boolean" ? e.push(W(f)) : typeof f == "object" && "options" in f && Array.isArray(f.options) ? e.push(
           { label: f.label, isOptGroup: !0 },
           ...f.options.map(
-            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? W(i) : g(i)
+            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? W(i) : y(i)
           )
-        ) : e.push(g(f));
+        ) : e.push(y(f));
       return e;
     }), ae = c(
       () => {
@@ -576,8 +576,8 @@ const Nt = {
       if (o.multiple && o.modelValue && Array.isArray(o.modelValue))
         return o.modelValue.map(
           (f) => {
-            var i, M;
-            return (M = (i = X.value) == null ? void 0 : i.find((H) => H[o.optionValueKey] === f)) == null ? void 0 : M[o.optionInputValueKey];
+            var i, _;
+            return (_ = (i = X.value) == null ? void 0 : i.find((H) => H[o.optionValueKey] === f)) == null ? void 0 : _[o.optionInputValueKey];
           }
         ).join(", ");
       const e = (n = X.value) == null ? void 0 : n.find(
@@ -596,8 +596,8 @@ const Nt = {
     function ye(e) {
       var n;
       return e ? (n = X.value) == null ? void 0 : n.filter((f) => {
-        const i = f[o.optionLabelKey], M = f[o.optionValueKey], H = f[o.optionInputValueKey];
-        return Y(i, e) || Y(H, e) || Y(M, e) || typeof i == "string" && _e(i, e).isMatching.value || typeof H == "string" && _e(H, e).isMatching.value || typeof M == "string" && _e(M, e).isMatching.value;
+        const i = f[o.optionLabelKey], _ = f[o.optionValueKey], H = f[o.optionInputValueKey];
+        return Y(i, e) || Y(H, e) || Y(_, e) || typeof i == "string" && Me(i, e).isMatching.value || typeof H == "string" && Me(H, e).isMatching.value || typeof _ == "string" && Me(_, e).isMatching.value;
       }) : X.value;
     }
     const Q = c(() => ye(a.value));
@@ -640,20 +640,20 @@ const Nt = {
       const n = e.key;
       /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), D(e), o.search ? Ie(n) : Se(n)) : ve(e);
     }, ve = (e) => {
-      const n = e.code, f = ["ArrowUp", "ArrowDown"].includes(n), i = ["Enter", "Space"].includes(n), M = n === "Escape" && V.value;
-      f ? l(e, w.value) : i ? $(e, w.value) : M && q(e);
+      const n = e.code, f = ["ArrowUp", "ArrowDown"].includes(n), i = ["Enter", "Space"].includes(n), _ = n === "Escape" && V.value;
+      f ? l(e, w.value) : i ? $(e, w.value) : _ && q(e);
     }, l = (e, n) => {
-      var M;
+      var _;
       e.preventDefault();
       const f = e.code;
       V.value || D(e);
-      const i = (M = Q.value) == null ? void 0 : M.length;
+      const i = (_ = Q.value) == null ? void 0 : _.length;
       i && (typeof n == "number" ? n === i - 1 && f === "ArrowDown" ? w.value = 0 : n === 0 && f === "ArrowUp" ? w.value = i - 1 : w.value = f === "ArrowDown" ? n + 1 : n - 1 : w.value = f === "ArrowDown" ? 0 : i - 1, p(w.value));
     }, $ = (e, n) => {
-      var i, M, H;
+      var i, _, H;
       if (e.preventDefault(), !V.value)
         return D(e);
-      const f = n ? ((i = Q.value) == null ? void 0 : i[n]) ?? ((M = Q.value) == null ? void 0 : M[0]) : (H = Q.value) == null ? void 0 : H[0];
+      const f = n ? ((i = Q.value) == null ? void 0 : i[n]) ?? ((_ = Q.value) == null ? void 0 : _[0]) : (H = Q.value) == null ? void 0 : H[0];
       U(f) || N(f);
     };
     async function p(e) {
@@ -669,8 +669,8 @@ const Nt = {
     function K(e) {
       var f;
       const n = (f = Q.value) == null ? void 0 : f.findIndex((i) => {
-        var M, H;
-        return o.multiple && Array.isArray(o.modelValue) ? e ? e[o.optionValueKey] === i[o.optionValueKey] : [...o.modelValue].reverse()[0] === i[o.optionValueKey] : ((H = (M = ae.value) == null ? void 0 : M[0]) == null ? void 0 : H[o.optionValueKey]) === i[o.optionValueKey];
+        var _, H;
+        return o.multiple && Array.isArray(o.modelValue) ? e ? e[o.optionValueKey] === i[o.optionValueKey] : [...o.modelValue].reverse()[0] === i[o.optionValueKey] : ((H = (_ = ae.value) == null ? void 0 : _[0]) == null ? void 0 : H[o.optionValueKey]) === i[o.optionValueKey];
       });
       w.value = n && n >= 0 ? n : 0;
     }
@@ -684,12 +684,12 @@ const Nt = {
       f && o.multiple ? i = i == null ? void 0 : i.filter(
         (de) => de[o.optionValueKey] !== e[o.optionValueKey]
       ) : o.multiple ? i.push(e) : i = [e];
-      const M = i.map((de) => de[o.optionValueKey]);
-      L("update:model-value", o.multiple ? M : M[0]), L("selected-option", e), K(e), ge();
+      const _ = i.map((de) => de[o.optionValueKey]);
+      L("update:model-value", o.multiple ? _ : _[0]), L("selected-option", e), K(e), ge();
     }
     return (e, n) => {
       var f;
-      return Ue((s(), y(
+      return Ue((s(), g(
         "div",
         {
           ref_key: "mazSelectElement",
@@ -738,7 +738,7 @@ const Nt = {
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
           A(at, { name: G.value }, {
             default: O(() => [
-              V.value ? (s(), y(
+              V.value ? (s(), g(
                 "div",
                 {
                   key: 0,
@@ -782,13 +782,13 @@ const Nt = {
                     C("span", Dt, [
                       A(v(h), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (s(), y("div", Ft, [
-                    (s(!0), y(
+                  ], !0) : (s(), g("div", Ft, [
+                    (s(!0), g(
                       he,
                       null,
-                      we(Q.value, (i, M) => (s(), y(
+                      we(Q.value, (i, _) => (s(), g(
                         he,
-                        { key: M },
+                        { key: _ },
                         [
                           u(`
               @slot Custom optgroup label
@@ -805,13 +805,13 @@ const Nt = {
                               1
                               /* TEXT */
                             )
-                          ], !0) : (s(), y("button", {
+                          ], !0) : (s(), g("button", {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
                             class: B(["m-select-list-item maz-custom maz-flex-none", [
                               {
-                                "--is-keyboard-selected": w.value === M,
+                                "--is-keyboard-selected": w.value === _,
                                 "--is-selected": se(i),
                                 "--is-none-value": U(i[e.optionValueKey])
                               }
@@ -896,7 +896,7 @@ const Nt = {
     contentClass: { default: void 0 }
   },
   setup(r) {
-    const d = J(() => import("./MazSpinner-D14Qdl-q.mjs")), t = J(() => import("./MazIcon-C0jJgPt6.mjs")), { href: b, to: z } = nt(), m = Le(), h = r;
+    const d = J(() => import("./MazSpinner-DYkIZhje.mjs")), t = J(() => import("./MazIcon-DAWEYUs6.mjs")), { href: b, to: z } = nt(), m = Le(), h = r;
     Oe(() => {
       h.icon && !h.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
     });
@@ -904,118 +904,118 @@ const Nt = {
       () => h.pastel ? `--${h.color}-pastel` : h.outline ? `--${h.color}-outline` : `--${h.color}`
     ), T = c(
       () => (h.loading || h.disabled) && o.value === "button"
-    ), w = c(() => T.value ? "--cursor-default" : "--cursor-pointer"), F = c(() => `--is-${h.variant}`), _ = c(() => h.loading && h.variant === "button"), R = c(() => !!m["left-icon"] || h.leftIcon), k = c(() => !!m["right-icon"] || h.rightIcon), V = c(() => R.value || k.value), j = c(() => h.fab && (h.icon || !!m.icon)), W = c(() => o.value === "button" ? h.type : void 0);
-    return (g, X) => (s(), S(pe(o.value), {
+    ), w = c(() => T.value ? "--cursor-default" : "--cursor-pointer"), F = c(() => `--is-${h.variant}`), M = c(() => h.loading && h.variant === "button"), R = c(() => !!m["left-icon"] || h.leftIcon), k = c(() => !!m["right-icon"] || h.rightIcon), V = c(() => R.value || k.value), j = c(() => h.fab && (h.icon || !!m.icon)), W = c(() => o.value === "button" ? h.type : void 0);
+    return (y, X) => (s(), S(pe(o.value), {
       disabled: T.value || void 0,
       class: B(["m-btn", [
-        `--${g.size}`,
-        `--rounded-${g.roundedSize}`,
+        `--${y.size}`,
+        !y.fab && y.roundedSize && `--rounded-${y.roundedSize}`,
         L.value,
         w.value,
         F.value,
         {
-          "--block": g.block,
-          "--no-underline": g.noUnderline,
-          "--fab": g.fab,
-          "--loading": g.loading,
+          "--block": y.block,
+          "--no-underline": y.noUnderline,
+          "--fab": y.fab,
+          "--loading": y.loading,
           "--disabled": T.value,
           "--icon": V.value,
-          "--rounded": g.rounded,
-          "--no-rounded": g.noRounded,
-          "--no-padding": g.noPadding,
-          "--no-elevation": g.noElevation
+          "--rounded": y.rounded,
+          "--no-rounded": y.noRounded,
+          "--no-padding": y.noPadding,
+          "--no-elevation": y.noElevation
         }
       ]]),
       type: W.value
     }, {
       default: O(() => [
-        R.value ? (s(), y(
+        R.value ? (s(), g(
           "div",
           {
             key: 0,
-            class: B(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": _.value }])
+            class: B(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": M.value }])
           },
           [
             u(`
         @slot left-icon - The icon to display on the left of the button
       `),
-            I(g.$slots, "left-icon", {}, () => [
-              typeof g.leftIcon == "string" ? (s(), S(v(t), {
+            I(y.$slots, "left-icon", {}, () => [
+              typeof y.leftIcon == "string" ? (s(), S(v(t), {
                 key: 0,
-                name: g.leftIcon
-              }, null, 8, ["name"])) : g.leftIcon ? (s(), S(pe(g.leftIcon), { key: 1 })) : u("v-if", !0)
+                name: y.leftIcon
+              }, null, 8, ["name"])) : y.leftIcon ? (s(), S(pe(y.leftIcon), { key: 1 })) : u("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        j.value ? (s(), y(
+        j.value ? (s(), g(
           "div",
           {
             key: 1,
-            class: B(["m-btn__icon", { "maz-invisible": _.value }])
+            class: B(["m-btn__icon", { "maz-invisible": M.value }])
           },
           [
             u(`
         @slot icon - The icon to display on the fab button
       `),
-            I(g.$slots, "icon", {}, () => [
-              typeof g.icon == "string" ? (s(), S(v(t), {
+            I(y.$slots, "icon", {}, () => [
+              typeof y.icon == "string" ? (s(), S(v(t), {
                 key: 0,
-                name: g.icon
-              }, null, 8, ["name"])) : g.icon ? (s(), S(pe(g.icon), { key: 1 })) : u("v-if", !0)
+                name: y.icon
+              }, null, 8, ["name"])) : y.icon ? (s(), S(pe(y.icon), { key: 1 })) : u("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        g.$slots.default ? (s(), y(
+        y.$slots.default ? (s(), g(
           "span",
           {
             key: 2,
-            class: B([{ "maz-invisible": _.value }, g.contentClass])
+            class: B([{ "maz-invisible": M.value }, y.contentClass])
           },
           [
             u(`
         @slot default - The content of the button
       `),
-            I(g.$slots, "default", {}, void 0, !0)
+            I(y.$slots, "default", {}, void 0, !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        k.value ? (s(), y(
+        k.value ? (s(), g(
           "div",
           {
             key: 3,
-            class: B(["m-btn__icon-right", { "maz-invisible": _.value }])
+            class: B(["m-btn__icon-right", { "maz-invisible": M.value }])
           },
           [
             u(`
         @slot right-icon - The icon to display on the right of the button
       `),
-            I(g.$slots, "right-icon", {}, () => [
-              typeof g.rightIcon == "string" ? (s(), S(v(t), {
+            I(y.$slots, "right-icon", {}, () => [
+              typeof y.rightIcon == "string" ? (s(), S(v(t), {
                 key: 0,
-                name: g.rightIcon
-              }, null, 8, ["name"])) : g.rightIcon ? (s(), S(pe(g.rightIcon), { key: 1 })) : u("v-if", !0)
+                name: y.rightIcon
+              }, null, 8, ["name"])) : y.rightIcon ? (s(), S(pe(y.rightIcon), { key: 1 })) : u("v-if", !0)
             ], !0)
           ],
           2
           /* CLASS */
         )) : u("v-if", !0),
-        _.value ? (s(), S(v(d), {
+        M.value ? (s(), S(v(d), {
           key: 4,
           class: "m-btn-loader",
           size: "2em",
-          color: g.color
+          color: y.color
         }, null, 8, ["color"])) : u("v-if", !0)
       ]),
       _: 3
       /* FORWARDED */
     }, 8, ["disabled", "class", "type"]));
   }
-}), be = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-f89548fd"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), be = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-4d87e490"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: be
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1032,7 +1032,7 @@ const Wt = /* @__PURE__ */ oe({
   },
   setup(r) {
     const { hoverable: d, backgroundEven: t, backgroundOdd: b } = Ne("maz-table");
-    return (z, m) => (s(), y(
+    return (z, m) => (s(), g(
       "tr",
       {
         class: B(["m-table-row", {
@@ -1048,11 +1048,11 @@ const Wt = /* @__PURE__ */ oe({
       /* CLASS */
     ));
   }
-}), Me = /* @__PURE__ */ le(Wt, [["__scopeId", "data-v-57ba9a97"]]), Gt = /* @__PURE__ */ oe({
+}), _e = /* @__PURE__ */ le(Wt, [["__scopeId", "data-v-57ba9a97"]]), Gt = /* @__PURE__ */ oe({
   __name: "MazTableCell",
   setup(r) {
     const { size: d } = Ne("maz-table");
-    return (t, b) => (s(), y(
+    return (t, b) => (s(), g(
       "td",
       {
         class: B(["m-table-cell", `--${v(d)}`])
@@ -1068,7 +1068,7 @@ const Wt = /* @__PURE__ */ oe({
   __name: "MazTableTitle",
   setup(r) {
     const { size: d } = Ne("maz-table");
-    return (t, b) => (s(), y(
+    return (t, b) => (s(), g(
       "th",
       {
         class: B(["m-table-title", `--${v(d)}`])
@@ -1104,7 +1104,7 @@ const Wt = /* @__PURE__ */ oe({
       alpha: `var(--maz-color-${d.color}-alpha-20)`,
       main: `var(--maz-color-${d.color})`
     }));
-    return (b, z) => (s(), y("div", Jt, xt));
+    return (b, z) => (s(), g("div", Jt, xt));
   }
 }), to = /* @__PURE__ */ le(eo, [["__scopeId", "data-v-26d3bae5"]]), oo = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1128,7 +1128,7 @@ const Wt = /* @__PURE__ */ oe({
   lo
 ];
 function Je(r, d) {
-  return s(), y("svg", oo, [...ao]);
+  return s(), g("svg", oo, [...ao]);
 }
 const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1203,14 +1203,14 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     function F(k) {
       ["Space"].includes(k.code) && (k.preventDefault(), R(t.value ?? !t.modelValue));
     }
-    function _(k) {
+    function M(k) {
       return typeof k == "boolean" && (typeof t.modelValue == "boolean" || t.modelValue === void 0 || t.modelValue === null) ? !t.modelValue : Array.isArray(t.modelValue) && typeof k != "boolean" ? t.modelValue.includes(k) ? t.modelValue.filter((V) => V !== k) : [...t.modelValue, k] : [k];
     }
     function R(k) {
-      const V = _(k);
+      const V = M(k);
       b("update:model-value", V), b("change", V);
     }
-    return (k, V) => (s(), y("label", {
+    return (k, V) => (s(), g("label", {
       for: v(z),
       class: B(["m-checkbox", [{ "--disabled": k.disabled }, t.class]]),
       tabindex: "0",
@@ -1340,7 +1340,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
         F.value = l;
       }
     );
-    const _ = c({
+    const M = c({
       get: () => F.value,
       set: (l) => {
         F.value = l, z("update:page", l);
@@ -1370,16 +1370,16 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
       return t.totalPages ?? (V.value === Number.POSITIVE_INFINITY || !((l = t.rows) != null && l.length)) ? 1 : Math.ceil(t.rows.length / V.value);
     });
     function W() {
-      _.value = 1;
+      M.value = 1;
     }
-    function g() {
-      _.value = j.value;
+    function y() {
+      M.value = j.value;
     }
     function X() {
-      _.value = _.value - 1;
+      M.value = M.value - 1;
     }
     function ae() {
-      _.value = _.value + 1;
+      M.value = M.value + 1;
     }
     const x = c(() => {
       if (!t.pagination || t.noPaginateRows || V.value === Number.POSITIVE_INFINITY)
@@ -1474,13 +1474,13 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
     return Oe(() => {
       const l = ve();
       l != null && l.length && me(l);
-    }), (l, $) => (s(), y(
+    }), (l, $) => (s(), g(
       "div",
       {
         class: B(["m-table", { "--has-header": P.value }])
       },
       [
-        P.value ? (s(), y("div", co, [
+        P.value ? (s(), g("div", co, [
           C("div", po, [
             l.title || l.$slots.title ? I(l.$slots, "title", { key: 0 }, () => [
               C(
@@ -1492,7 +1492,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
               )
             ], !0) : u("v-if", !0)
           ]),
-          l.search ? (s(), y("div", mo, [
+          l.search ? (s(), g("div", mo, [
             l.noSearchBy ? u("v-if", !0) : (s(), S(He, {
               key: 0,
               modelValue: ee.value,
@@ -1520,7 +1520,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
             style: ie(l.tableStyle)
           },
           [
-            l.caption || l.$slots.caption ? (s(), y("caption", vo, [
+            l.caption || l.$slots.caption ? (s(), g("caption", vo, [
               u(`
           @slot caption - add caption on top or bottom of the table
         `),
@@ -1532,12 +1532,12 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 )
               ], !0)
             ])) : u("v-if", !0),
-            Y.value ? (s(), y("thead", bo, [
+            Y.value ? (s(), g("thead", bo, [
               u(`
           @slot thead - content in thead element
         `),
               I(l.$slots, "thead", {}, () => [
-                A(Me, { "no-hoverable": "" }, {
+                A(_e, { "no-hoverable": "" }, {
                   default: O(() => [
                     w.value ? (s(), S(Ae, {
                       key: 0,
@@ -1554,7 +1554,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                       _: 1
                       /* STABLE */
                     }, 8, ["class"])) : u("v-if", !0),
-                    (s(!0), y(
+                    (s(!0), g(
                       he,
                       null,
                       we(Y.value, (p, K) => (s(), S(Ae, {
@@ -1603,7 +1603,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                                     /* TEXT */
                                   )
                                 ], !0),
-                                p.sortable ?? l.sortable ? (s(), y("div", ho, [
+                                p.sortable ?? l.sortable ? (s(), g("div", ho, [
                                   A(v(ht), {
                                     class: B(["m-table-sort-icon maz-hidden group-hover:maz-block", {
                                       "--sorted": K === q.value,
@@ -1658,10 +1658,10 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
               },
               [
                 I(l.$slots, "default", {}, () => [
-                  G.value.length > 0 ? (s(!0), y(
+                  G.value.length > 0 ? (s(!0), g(
                     he,
                     { key: 0 },
-                    we(G.value, (p, K) => (s(), S(Me, {
+                    we(G.value, (p, K) => (s(), S(_e, {
                       key: K,
                       class: B(p.classes),
                       onClick: (N) => p.action && p.action(p)
@@ -1697,7 +1697,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                           1024
                           /* DYNAMIC_SLOTS */
                         )) : u("v-if", !0),
-                        (s(!0), y(
+                        (s(!0), g(
                           he,
                           null,
                           we(Y.value, ({ key: N, align: e, classes: n }, f) => (s(), S($e, {
@@ -1762,7 +1762,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                     }, 1032, ["class", "onClick"]))),
                     128
                     /* KEYED_FRAGMENT */
-                  )) : (s(), S(Me, { key: 1 }, {
+                  )) : (s(), S(_e, { key: 1 }, {
                     default: O(() => [
                       A($e, {
                         colspan: Y.value.length + (w.value ? 1 : 0) + (l.$slots.actions ? 1 : 0)
@@ -1798,9 +1798,9 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
           6
           /* CLASS, STYLE */
         ),
-        te.value ? (s(), y("div", go, [
+        te.value ? (s(), g("div", go, [
           zo,
-          l.pagination ? (s(), y("div", ko, [
+          l.pagination ? (s(), g("div", ko, [
             C("div", $o, [
               wo,
               A(He, {
@@ -1813,16 +1813,16 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 style: { width: "5rem" }
               }, null, 8, ["modelValue", "options", "size", "color"])
             ]),
-            j.value ? (s(), y(
+            j.value ? (s(), g(
               "span",
               Vo,
-              Z(_.value) + " - " + Z(G.value.length) + " of " + Z(j.value),
+              Z(M.value) + " - " + Z(G.value.length) + " of " + Z(j.value),
               1
               /* TEXT */
             )) : u("v-if", !0),
             C("div", Io, [
               A(be, {
-                disabled: _.value === 1,
+                disabled: M.value === 1,
                 size: v(m),
                 color: "transparent",
                 fab: "",
@@ -1836,7 +1836,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               A(be, {
-                disabled: _.value === 1,
+                disabled: M.value === 1,
                 size: v(m),
                 color: "transparent",
                 fab: "",
@@ -1850,7 +1850,7 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               A(be, {
-                disabled: _.value === j.value,
+                disabled: M.value === j.value,
                 size: v(m),
                 color: "transparent",
                 fab: "",
@@ -1864,12 +1864,12 @@ const Xe = { render: Je }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
                 /* STABLE */
               }, 8, ["disabled", "size"]),
               A(be, {
-                disabled: _.value === j.value,
+                disabled: M.value === j.value,
                 size: v(m),
                 color: "transparent",
                 fab: "",
                 "no-elevation": "",
-                onClick: g
+                onClick: y
               }, {
                 default: O(() => [
                   A(v(De), { class: "maz-rotate-180 maz-text-base" })