maz-ui 3.37.3 → 3.37.4

package/components/chunks/MazTable-CIlP0a61.mjs

@@ -1,1882 +0,0 @@
-import '../assets/MazTable.css';
-import { openBlock as r, createElementBlock as g, createElementVNode as B, getCurrentInstance as tt, computed as c, defineComponent as oe, defineAsyncComponent as Z, ref as T, onMounted as ot, useSlots as Te, normalizeClass as S, normalizeStyle as se, createCommentVNode as u, renderSlot as V, createBlock as I, unref as b, resolveDynamicComponent as ce, withDirectives as He, mergeProps as Pe, toHandlers as lt, vModelDynamic as at, createTextVNode as ne, toDisplayString as Y, withModifiers as de, withCtx as L, createVNode as _, nextTick as ke, useCssVars as Ve, onBeforeMount as Oe, Transition as nt, Fragment as be, renderList as we, useAttrs as st, inject as rt, pushScopeId as Re, popScopeId as qe, toRefs as it, provide as ut, watch as ge } from "vue";
-const dt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, ct = /* @__PURE__ */ B(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607"
-  },
-  null,
-  -1
-  /* HOISTED */
-), pt = [
-  ct
-];
-function Qe(s, d) {
-  return r(), g("svg", dt, [...pt]);
-}
-const We = { render: Qe }, ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: We,
-  render: Qe
-}, Symbol.toStringTag, { value: "Module" })), mt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, vt = /* @__PURE__ */ B(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"
-  },
-  null,
-  -1
-  /* HOISTED */
-), bt = [
-  vt
-];
-function ht(s, d) {
-  return r(), g("svg", mt, [...bt]);
-}
-const yt = { render: ht }, gt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, zt = /* @__PURE__ */ B(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "M15.75 19.5 8.25 12l7.5-7.5"
-  },
-  null,
-  -1
-  /* HOISTED */
-), kt = [
-  zt
-];
-function wt(s, d) {
-  return r(), g("svg", gt, [...kt]);
-}
-const De = { render: wt }, $t = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, Vt = /* @__PURE__ */ B(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
-  },
-  null,
-  -1
-  /* HOISTED */
-), It = [
-  Vt
-];
-function St(s, d) {
-  return r(), g("svg", $t, [...It]);
-}
-const je = { render: St };
-function Bt(s, d) {
-  let t;
-  return function(...z) {
-    clearTimeout(t), t = setTimeout(() => {
-      s.apply(this, z);
-    }, d);
-  };
-}
-const Ne = ({
-  componentName: s,
-  providedId: d
-}) => {
-  const t = tt();
-  return c(() => d ?? `${s}-${t == null ? void 0 : t.uid}`);
-}, Ct = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, _t = { class: "m-input-wrapper-input" }, Mt = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], At = { key: 0 }, Kt = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, Lt = /* @__PURE__ */ oe({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { type: [String, Number, null, Boolean], default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    roundedSize: { default: void 0 },
-    block: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(s, { emit: d }) {
-    const t = Z(() => Promise.resolve().then(() => Qt)), z = Z(() => import("./MazIcon-BKfQ_rkt.mjs")), w = Z(() => import("./eye-slash-tjfxO0LK.mjs")), v = Z(() => import("./eye-DqO_Jx56.mjs")), l = Z(() => Promise.resolve().then(() => no)), f = s, O = d, $ = T(!1), N = T(!1), F = T(), C = Ne({
-      componentName: "MazInput",
-      providedId: f.id
-    });
-    ot(() => {
-      var a;
-      f.autoFocus && ((a = F.value) == null || a.focus());
-    });
-    const H = c(() => f.type === "password"), h = c(() => $.value ? "text" : f.type), M = c(() => {
-      if (!f.noBorder) {
-        if (f.error)
-          return "maz-border-danger";
-        if (f.success)
-          return "maz-border-success";
-        if (f.warning)
-          return "maz-border-warning";
-        if (N.value || f.borderActive) {
-          if (f.color === "black")
-            return "maz-border-black";
-          if (f.color === "danger")
-            return "maz-border-danger";
-          if (f.color === "info")
-            return "maz-border-info";
-          if (f.color === "primary")
-            return "maz-border-primary";
-          if (f.color === "secondary")
-            return "maz-border-secondary";
-          if (f.color === "success")
-            return "maz-border-success";
-          if (f.color === "warning")
-            return "maz-border-warning";
-          if (f.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), P = Te(), Q = c(() => {
-      const { required: a, placeholder: E } = f;
-      if (E)
-        return a ? `${E} *` : E;
-    }), y = c(() => W.value !== void 0 && W.value !== ""), ee = Bt(
-      (a) => {
-        W.value = a;
-      },
-      typeof f.debounce == "number" ? f.debounce : f.debounceDelay ?? 500
-    ), W = c({
-      get: () => f.modelValue,
-      set: (a) => {
-        if (f.debounce)
-          return ee(a);
-        O("update:model-value", a);
-      }
-    }), te = c(() => (!!f.label || !!f.hint) && (N.value || !!y.value || !!f.placeholder || ["date", "month", "week"].includes(f.type))), re = c(() => !!f.label || !!f.hint);
-    function R() {
-      return !!P["right-icon"] || H.value || !!P["valid-button"] || f.validButton || !!f.rightIcon;
-    }
-    function J() {
-      return !!P["left-icon"] || !!f.leftIcon;
-    }
-    function fe(a) {
-      O("focus", a), N.value = !0;
-    }
-    function me(a) {
-      O("blur", a), N.value = !1;
-    }
-    function D(a) {
-      return O("change", a);
-    }
-    return (a, E) => (r(), g(
-      "div",
-      {
-        class: S(["m-input", [
-          {
-            "--is-focused": N.value || a.borderActive,
-            "--should-up": te.value,
-            "--has-label": re.value,
-            "--is-disabled": a.disabled,
-            "--is-readonly": a.readonly,
-            "--has-z-2": a.error || a.warning || a.success,
-            "--has-state": a.error || a.warning || a.success,
-            "--block": a.block
-          },
-          f.class,
-          `--${a.color}`,
-          `--${a.size}`
-        ]]),
-        style: se(a.style)
-      },
-      [
-        B(
-          "div",
-          {
-            class: S(["m-input-wrapper", [
-              a.inputClasses,
-              M.value,
-              a.roundedSize ? `--rounded-${a.roundedSize}` : { "maz-rounded": !a.noRadius }
-            ]])
-          },
-          [
-            J() ? (r(), g("div", Ct, [
-              u(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              a.$slots["left-icon"] || a.leftIcon ? V(a.$slots, "left-icon", { key: 0 }, () => [
-                typeof a.leftIcon == "string" ? (r(), I(b(z), {
-                  key: 0,
-                  name: a.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : a.leftIcon ? (r(), I(ce(a.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : u("v-if", !0)
-              ], !0) : u("v-if", !0)
-            ])) : u("v-if", !0),
-            B("div", _t, [
-              He(B("input", Pe({
-                id: b(C),
-                ref_key: "input",
-                ref: F,
-                "onUpdate:modelValue": E[0] || (E[0] = (X) => W.value = X),
-                type: h.value,
-                name: a.name
-              }, a.$attrs, {
-                inputmode: a.inputmode,
-                placeholder: Q.value,
-                "aria-label": a.label || a.placeholder,
-                disabled: a.disabled,
-                readonly: a.readonly,
-                required: a.required,
-                class: "m-input-input"
-              }, lt({
-                blur: me,
-                focus: fe,
-                change: D
-              }, !0), {
-                onClick: E[1] || (E[1] = (X) => a.$emit("click", X))
-              }), null, 16, Mt), [
-                [at, W.value]
-              ]),
-              a.label || a.hint ? (r(), g(
-                "span",
-                {
-                  key: 0,
-                  ref: "label",
-                  class: S(["m-input-label", [
-                    {
-                      "maz-text-danger-600": a.error,
-                      "maz-text-success-600": a.success,
-                      "maz-text-warning-600": a.warning
-                    }
-                  ]])
-                },
-                [
-                  ne(
-                    Y(a.hint || a.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  a.required ? (r(), g("sup", At, "*")) : u("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : u("v-if", !0)
-            ]),
-            R() ? (r(), g("div", Kt, [
-              u(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              a.$slots["right-icon"] || a.rightIcon ? V(a.$slots, "right-icon", { key: 0 }, () => [
-                typeof a.rightIcon == "string" ? (r(), I(b(z), {
-                  key: 0,
-                  name: a.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : a.rightIcon ? (r(), I(ce(a.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : u("v-if", !0)
-              ], !0) : u("v-if", !0),
-              H.value ? (r(), I(b(t), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: E[2] || (E[2] = de((X) => $.value = !$.value, ["stop"]))
-              }, {
-                default: L(() => [
-                  $.value ? (r(), I(b(w), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (r(), I(b(v), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : u("v-if", !0),
-              u(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              a.$slots["valid-button"] || a.validButton ? V(a.$slots, "valid-button", { key: 2 }, () => [
-                _(b(t), {
-                  color: "transparent",
-                  disabled: a.disabled,
-                  tabindex: "-1",
-                  loading: a.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: L(() => [
-                    _(b(l), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : u("v-if", !0)
-            ])) : u("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), le = (s, d) => {
-  const t = s.__vccOpts || s;
-  for (const [z, w] of d)
-    t[z] = w;
-  return t;
-}, Ke = /* @__PURE__ */ le(Lt, [["__scopeId", "data-v-78090be8"]]);
-let Ce = null;
-function Tt(s, d) {
-  Ce && clearTimeout(Ce), Ce = setTimeout(s, d);
-}
-const $e = "__maz-click-outside__", Ge = () => document.ontouchstart === null ? "touchstart" : "click";
-async function Ye(s, d) {
-  try {
-    Ze(s);
-    const t = d.instance, z = d.value, w = typeof z == "function";
-    if (!w)
-      throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await ke(), s[$e] = (l) => {
-      if ((!s || l.target && !s.contains(l.target)) && z && w)
-        return z.call(t, l);
-    };
-    const v = Ge();
-    document.addEventListener(v, s[$e], { passive: !0 });
-  } catch (t) {
-    console.error("[maz-ui](vClickOutside)", t);
-  }
-}
-function Ze(s) {
-  try {
-    const d = Ge();
-    document.removeEventListener(d, s[$e], !1), delete s[$e];
-  } catch (d) {
-    console.error("[maz-ui](vClickOutside)", d);
-  }
-}
-function Pt(s, d) {
-  try {
-    if (d.value === d.oldValue)
-      return;
-    Ye(s, d);
-  } catch (t) {
-    console.error("[maz-ui](vClickOutside)", t);
-  }
-}
-const Ot = {
-  mounted: Ye,
-  updated: Pt,
-  unmounted: Ze
-};
-function Nt(s, d) {
-  const t = s.length, z = d.length, w = [];
-  for (let v = 0; v <= t; v++)
-    w[v] = [v];
-  for (let v = 0; v <= z; v++)
-    w[0][v] = v;
-  for (let v = 1; v <= t; v++)
-    for (let l = 1; l <= z; l++) {
-      const f = s[v - 1] === d[l - 1] ? 0 : 1;
-      w[v][l] = Math.min(
-        w[v - 1][l] + 1,
-        w[v][l - 1] + 1,
-        w[v - 1][l - 1] + f
-      );
-    }
-  return w[t][z];
-}
-function Fe(s) {
-  return s.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").toLowerCase();
-}
-function Je(s, d) {
-  const t = Nt(s, d), z = Math.max(s.length, d.length);
-  return 1 - t / z;
-}
-function Et(s, d, t = 0.75) {
-  return Je(s, d) >= t;
-}
-function _e(s, d, t = 0.75) {
-  const z = c(
-    () => Fe(typeof s == "string" ? s : s.value)
-  ), w = c(
-    () => Fe(typeof d == "string" ? d : d.value)
-  ), v = c(() => typeof t == "number" ? t : t.value), l = c(() => Je(z.value, w.value));
-  return {
-    isMatching: c(
-      () => Et(z.value, w.value, v.value)
-    ),
-    score: l
-  };
-}
-const Dt = ["aria-label"], jt = { class: "m-select-list__no-results" }, Ft = {
-  key: 2,
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, Ut = { class: "m-select-list-optgroup" }, Ht = ["onClick"], Rt = /* @__PURE__ */ oe({
-  inheritAttrs: !1,
-  __name: "MazSelect",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    id: { default: void 0 },
-    modelValue: { type: [String, Number, null, Boolean, Array], default: void 0 },
-    options: { default: void 0 },
-    optionValueKey: { default: "value" },
-    optionLabelKey: { default: "label" },
-    optionInputValueKey: { default: "label" },
-    listPosition: { default: "bottom left" },
-    itemHeight: { default: void 0 },
-    maxListHeight: { default: 240 },
-    maxListWidth: { default: void 0 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    search: { type: Boolean },
-    searchPlaceholder: { default: "Search in options" },
-    open: { type: Boolean },
-    multiple: { type: Boolean },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean }
-  },
-  emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
-  setup(s, { emit: d }) {
-    Ve((e) => ({
-      "4ce1fbd6": H.value,
-      "3d1b8a94": F.value,
-      "12d1f1fc": C.value
-    }));
-    const t = Z(() => Promise.resolve().then(() => uo)), z = Z(() => Promise.resolve().then(() => ft)), w = Z(() => import("./chevron-down-CzMH-gFW.mjs")), v = Z(() => import("./no-symbol-QAqP9IlR.mjs")), l = s, f = d, O = T(!1), $ = T(), N = c(
-      () => ["black", "transparent", "white"].includes(l.color)
-    ), F = c(
-      () => N.value ? "var(--maz-color-black)" : `var(--maz-color-${l.color}-800)`
-    ), C = c(
-      () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${l.color}-100)`
-    ), H = c(
-      () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${l.color}-200)`
-    ), h = c(() => O.value || l.open), M = Ne({
-      componentName: "MazSelect",
-      providedId: l.id
-    });
-    function P(e) {
-      return {
-        [l.optionValueKey]: e,
-        [l.optionLabelKey]: e,
-        [l.optionInputValueKey]: e
-      };
-    }
-    function Q(e) {
-      return {
-        ...e,
-        [l.optionValueKey]: e[l.optionValueKey],
-        [l.optionLabelKey]: e[l.optionLabelKey],
-        [l.optionInputValueKey]: e[l.optionInputValueKey]
-      };
-    }
-    const y = c(() => {
-      var n;
-      const e = [];
-      if (!((n = l.options) != null && n.length))
-        return [];
-      for (const i of l.options)
-        typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? e.push(P(i)) : "options" in i && Array.isArray(i.options) ? e.push(
-          { label: i.label, isOptGroup: !0 },
-          ...i.options.map(
-            (m) => typeof m == "string" || typeof m == "number" || typeof m == "boolean" ? P(m) : Q(m)
-          )
-        ) : e.push(Q(i));
-      return e;
-    }), ee = c(
-      () => {
-        var e;
-        return ((e = y.value) == null ? void 0 : e.filter((n) => l.multiple ? Array.isArray(l.modelValue) ? l.modelValue.includes(n[l.optionValueKey]) && !R(n[l.optionValueKey]) : !1 : l.modelValue === n[l.optionValueKey] && !R(n[l.optionValueKey]))) ?? [];
-      }
-    );
-    Oe(() => {
-      var e;
-      (e = l.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), p();
-    });
-    const pe = T(), W = T(), te = T(), re = T(), R = (e) => e == null;
-    function J(e) {
-      var i;
-      return (((i = ee.value) == null ? void 0 : i.some(
-        (m) => m[l.optionValueKey] === e[l.optionValueKey]
-      )) ?? !1) && !R(e[l.optionValueKey]);
-    }
-    const fe = c(() => {
-      var n;
-      if (l.multiple && l.modelValue && Array.isArray(l.modelValue))
-        return l.modelValue.map(
-          (i) => {
-            var m, A;
-            return (A = (m = y.value) == null ? void 0 : m.find((j) => j[l.optionValueKey] === i)) == null ? void 0 : A[l.optionInputValueKey];
-          }
-        ).join(", ");
-      const e = (n = y.value) == null ? void 0 : n.find(
-        (i) => i[l.optionValueKey] === l.modelValue
-      );
-      return R(l.modelValue) || e == null ? void 0 : e[l.optionInputValueKey];
-    }), me = c(
-      () => l.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), D = T(""), a = T("");
-    function E(e) {
-      return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
-    }
-    const X = (e, n) => n && e && E(e.toString().toLocaleLowerCase().trim()).includes(
-      E(n.toLocaleLowerCase().trim())
-    );
-    function x(e) {
-      var n;
-      return e ? (n = y.value) == null ? void 0 : n.filter((i) => {
-        const m = i[l.optionLabelKey], A = i[l.optionValueKey], j = i[l.optionInputValueKey];
-        return X(m, e) || X(j, e) || X(A, e) || typeof m == "string" && _e(m, e).isMatching.value || typeof j == "string" && _e(j, e).isMatching.value || typeof A == "string" && _e(A, e).isMatching.value;
-      }) : y.value;
-    }
-    const G = c(() => x(D.value));
-    async function ae(e) {
-      var n;
-      if (h.value) {
-        if (e && ("relatedTarget" in e && ((n = pe.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
-          return e.preventDefault();
-        await ke(), O.value = !1, $.value = 0, f("close", e);
-      }
-    }
-    async function q(e) {
-      l.disabled || h.value || (e == null || e.preventDefault(), O.value = !0, await k(), f("focus", e), f("open", O.value));
-    }
-    function U() {
-      var e, n;
-      (n = ((e = W.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.focus();
-    }
-    function Ie(e) {
-      O.value ? ae(e) : U();
-    }
-    function he(e) {
-      var n, i;
-      D.value = e, (i = ((n = te.value) == null ? void 0 : n.$el).querySelector("input")) == null || i.focus();
-    }
-    function Se(e) {
-      var i;
-      e === "Backspace" && a.value.length > 0 ? a.value = a.value.slice(0, -1) : a.value += e;
-      const n = x(a.value);
-      n != null && n.length && ($.value = (i = G.value) == null ? void 0 : i.findIndex(
-        (m) => m[l.optionValueKey] === n[0][l.optionValueKey]
-      ), typeof $.value == "number" && $.value >= 0 && k($.value)), Tt(() => {
-        a.value = "";
-      }, 1e3);
-    }
-    const Be = (e) => {
-      const n = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), q(e), l.search ? he(n) : Se(n)) : ie(e);
-    }, ie = (e) => {
-      const n = e.code, i = ["ArrowUp", "ArrowDown"].includes(n), m = ["Enter", "Space"].includes(n), A = n === "Escape" && h.value;
-      i ? ye(e, $.value) : m ? o(e, $.value) : A && ae();
-    }, ye = (e, n) => {
-      var A;
-      e.preventDefault();
-      const i = e.code;
-      h.value || q(e);
-      const m = (A = G.value) == null ? void 0 : A.length;
-      m && (typeof n == "number" ? n === m - 1 && i === "ArrowDown" ? $.value = 0 : n === 0 && i === "ArrowUp" ? $.value = m - 1 : $.value = i === "ArrowDown" ? n + 1 : n - 1 : $.value = i === "ArrowDown" ? 0 : m - 1, k($.value));
-    }, o = (e, n) => {
-      var m, A, j;
-      if (e.preventDefault(), !h.value)
-        return q(e);
-      const i = n ? ((m = G.value) == null ? void 0 : m[n]) ?? ((A = G.value) == null ? void 0 : A[0]) : (j = G.value) == null ? void 0 : j[0];
-      R(i) || K(i);
-    };
-    async function k(e) {
-      var i, m;
-      await ke(), typeof e != "number" && p();
-      const n = e ?? $.value;
-      typeof n == "number" && n >= 0 && ((m = (i = re.value) == null ? void 0 : i.querySelectorAll(".m-select-list-item")[n]) == null || m.scrollIntoView({
-        behavior: "auto",
-        block: "nearest",
-        inline: "start"
-      }));
-    }
-    function p(e) {
-      var i;
-      const n = (i = G.value) == null ? void 0 : i.findIndex((m) => {
-        var A, j;
-        return l.multiple && Array.isArray(l.modelValue) ? e ? e[l.optionValueKey] === m[l.optionValueKey] : [...l.modelValue].reverse()[0] === m[l.optionValueKey] : ((j = (A = ee.value) == null ? void 0 : A[0]) == null ? void 0 : j[l.optionValueKey]) === m[l.optionValueKey];
-      });
-      $.value = n && n >= 0 ? n : 0;
-    }
-    const K = (e, n = !0) => {
-      var j;
-      n && !l.multiple && ke(() => ae()), D.value = "";
-      const i = (j = ee.value) == null ? void 0 : j.some(
-        (ue) => ue[l.optionValueKey] === e[l.optionValueKey]
-      );
-      let m = ee.value;
-      i && l.multiple ? m = m == null ? void 0 : m.filter(
-        (ue) => ue[l.optionValueKey] !== e[l.optionValueKey]
-      ) : l.multiple ? m.push(e) : m = [e];
-      const A = m.map((ue) => ue[l.optionValueKey]);
-      f("update:model-value", l.multiple ? A : A[0]), f("selected-option", e), p(e), U();
-    };
-    return (e, n) => He((r(), g(
-      "div",
-      {
-        ref_key: "mazSelectElement",
-        ref: pe,
-        class: S(["m-select", [
-          { "--is-open": h.value, "--disabled": e.disabled, "--block": e.block },
-          l.class,
-          `--${e.size}`
-        ]]),
-        style: se(e.style)
-      },
-      [
-        _(Ke, Pe({
-          id: b(M),
-          ref_key: "mazInputComponent",
-          ref: W,
-          class: "m-select-input"
-        }, e.$attrs, {
-          required: e.required,
-          "border-active": O.value,
-          color: e.color,
-          "model-value": fe.value,
-          autocomplete: "off",
-          size: e.size,
-          block: "",
-          disabled: e.disabled,
-          onFocus: de(q, ["prevent", "stop"]),
-          onClick: de(q, ["prevent", "stop"]),
-          onBlur: de(ae, ["prevent", "stop"]),
-          onChange: n[0] || (n[0] = (i) => f("change", i)),
-          onKeydown: Be
-        }), {
-          "right-icon": L(() => [
-            B("button", {
-              tabindex: "-1",
-              type: "button",
-              class: "m-select-input__toggle-button maz-custom",
-              "aria-label": `${h.value ? "collapse" : "expand"} list of options`,
-              onClick: de(Ie, ["stop"])
-            }, [
-              _(b(w), { class: "m-select-chevron maz-text-xl" })
-            ], 8, Dt)
-          ]),
-          _: 1
-          /* STABLE */
-        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        _(nt, { name: me.value }, {
-          default: L(() => [
-            h.value ? (r(), g(
-              "div",
-              {
-                key: 0,
-                ref_key: "optionsListElement",
-                ref: re,
-                class: S(["m-select-list", {
-                  "--top": e.listPosition.includes("top"),
-                  "--left": e.listPosition.includes("left"),
-                  "--right": e.listPosition.includes("right"),
-                  "--bottom": e.listPosition.includes("bottom")
-                }]),
-                style: se({
-                  maxHeight: `${e.maxListHeight}px`,
-                  maxWidth: `${e.maxListWidth}px`
-                })
-              },
-              [
-                e.search ? (r(), I(Ke, {
-                  key: 0,
-                  ref_key: "searchInputComponent",
-                  ref: te,
-                  modelValue: D.value,
-                  "onUpdate:modelValue": [
-                    n[1] || (n[1] = (i) => D.value = i),
-                    n[2] || (n[2] = (i) => $.value = 0)
-                  ],
-                  size: "sm",
-                  color: e.color,
-                  placeholder: e.searchPlaceholder,
-                  name: "search",
-                  autocomplete: "off",
-                  tabindex: "-1",
-                  class: "m-select-list__search-input maz-flex-none",
-                  "left-icon": b(z),
-                  onKeydown: ie
-                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : u("v-if", !0),
-                u(`
-          @slot No results slot - Displayed when no results corresponding with search query
-        `),
-                !G.value || G.value.length <= 0 ? V(e.$slots, "no-results", { key: 1 }, () => [
-                  B("span", jt, [
-                    _(b(v), { class: "maz-h-6 maz-w-6 maz-text-normal" })
-                  ])
-                ], !0) : (r(), g("div", Ft, [
-                  (r(!0), g(
-                    be,
-                    null,
-                    we(G.value, (i, m) => (r(), g(
-                      be,
-                      { key: m },
-                      [
-                        u(`
-              @slot Custom optgroup label
-                @binding {String} label - the label of the optgroup
-            `),
-                        i.label && i.isOptGroup ? V(e.$slots, "optgroup", {
-                          key: 0,
-                          label: i.label
-                        }, () => [
-                          B(
-                            "span",
-                            Ut,
-                            Y(i.label),
-                            1
-                            /* TEXT */
-                          )
-                        ], !0) : (r(), g("button", {
-                          key: 1,
-                          tabindex: "-1",
-                          type: "button",
-                          class: S(["m-select-list-item maz-custom maz-flex-none", [
-                            {
-                              "--is-keyboard-selected": $.value === m,
-                              "--is-selected": J(i),
-                              "--is-none-value": R(i[e.optionValueKey])
-                            }
-                          ]]),
-                          style: se(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: de((A) => K(i), ["prevent", "stop"])
-                        }, [
-                          e.multiple ? (r(), I(b(t), {
-                            key: 0,
-                            tabindex: "-1",
-                            "model-value": J(i),
-                            size: "sm",
-                            color: e.color
-                          }, null, 8, ["model-value", "color"])) : u("v-if", !0),
-                          u(`
-                @slot Custom option
-                  @binding {Object} option - the option object
-                  @binding {Boolean} is-selected - if the option is selected
-              `),
-                          V(e.$slots, "default", {
-                            option: i,
-                            isSelected: J(i)
-                          }, () => [
-                            B(
-                              "span",
-                              null,
-                              Y(i[e.optionLabelKey]),
-                              1
-                              /* TEXT */
-                            )
-                          ], !0)
-                        ], 14, Ht))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]))
-              ],
-              6
-              /* CLASS, STYLE */
-            )) : u("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["name"])
-      ],
-      6
-      /* CLASS, STYLE */
-    )), [
-      [b(Ot), ae]
-    ]);
-  }
-}), Ue = /* @__PURE__ */ le(Rt, [["__scopeId", "data-v-7a4ba989"]]), qt = /* @__PURE__ */ oe({
-  __name: "MazBtn",
-  props: {
-    variant: { default: "button" },
-    size: { default: "md" },
-    color: { default: "primary" },
-    type: { default: "button" },
-    rounded: { type: Boolean },
-    noRounded: { type: Boolean },
-    outline: { type: Boolean },
-    pastel: { type: Boolean },
-    block: { type: Boolean },
-    noUnderline: { type: Boolean },
-    noLeading: { type: Boolean },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    fab: { type: Boolean },
-    icon: { default: void 0 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    noPadding: { type: Boolean },
-    noElevation: { type: Boolean },
-    contentClass: { default: void 0 }
-  },
-  setup(s) {
-    const d = Z(() => import("./MazSpinner-Bky73siD.mjs")), t = Z(() => import("./MazIcon-BKfQ_rkt.mjs")), { href: z, to: w } = st(), v = Te(), l = s;
-    Oe(() => {
-      l.icon && !l.fab && console.error('[maz-ui](MazBtn) the prop "icon" must be used only with "fab" props');
-    });
-    const f = c(() => z ? "a" : w ? "router-link" : "button"), O = c(
-      () => l.pastel ? `--${l.color}-pastel` : l.outline ? `--${l.color}-outline` : `--${l.color}`
-    ), $ = c(
-      () => (l.loading || l.disabled) && f.value === "button"
-    ), N = c(() => $.value ? "--cursor-default" : "--cursor-pointer"), F = c(() => `--is-${l.variant}`), C = c(() => l.loading && l.variant === "button"), H = c(() => !!v["left-icon"] || l.leftIcon), h = c(() => !!v["right-icon"] || l.rightIcon), M = c(() => H.value || h.value), P = c(() => l.fab && (l.icon || !!v.icon)), Q = c(() => f.value === "button" ? l.type : void 0);
-    return (y, ee) => (r(), I(ce(f.value), {
-      disabled: $.value,
-      class: S(["m-btn", [
-        `--${y.size}`,
-        O.value,
-        N.value,
-        F.value,
-        {
-          "--block": y.block,
-          "--no-underline": y.noUnderline,
-          "--no-leading": y.noLeading,
-          "--fab": y.fab,
-          "--loading": y.loading,
-          "--disabled": $.value,
-          "--icon": M.value,
-          "--rounded": y.rounded,
-          "--no-rounded": y.noRounded,
-          "--no-padding": y.noPadding,
-          "--no-elevation": y.noElevation
-        }
-      ]]),
-      type: Q.value
-    }, {
-      default: L(() => [
-        H.value ? (r(), g(
-          "div",
-          {
-            key: 0,
-            class: S(["m-btn__icon-left maz-flex maz-flex-center", { "maz-invisible": C.value }])
-          },
-          [
-            u(`
-        @slot left-icon - The icon to display on the left of the button
-      `),
-            V(y.$slots, "left-icon", {}, () => [
-              typeof y.leftIcon == "string" ? (r(), I(b(t), {
-                key: 0,
-                name: y.leftIcon
-              }, null, 8, ["name"])) : y.leftIcon ? (r(), I(ce(y.leftIcon), { key: 1 })) : u("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : u("v-if", !0),
-        P.value ? (r(), g(
-          "div",
-          {
-            key: 1,
-            class: S(["m-btn__icon", { "maz-invisible": C.value }])
-          },
-          [
-            u(`
-        @slot icon - The icon to display on the fab button
-      `),
-            V(y.$slots, "icon", {}, () => [
-              typeof y.icon == "string" ? (r(), I(b(t), {
-                key: 0,
-                name: y.icon
-              }, null, 8, ["name"])) : y.icon ? (r(), I(ce(y.icon), { key: 1 })) : u("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : u("v-if", !0),
-        y.$slots.default ? (r(), g(
-          "span",
-          {
-            key: 2,
-            class: S([{ "maz-invisible": C.value }, y.contentClass])
-          },
-          [
-            u(`
-        @slot default - The content of the button
-      `),
-            V(y.$slots, "default", {}, void 0, !0)
-          ],
-          2
-          /* CLASS */
-        )) : u("v-if", !0),
-        h.value ? (r(), g(
-          "div",
-          {
-            key: 3,
-            class: S(["m-btn__icon-right", { "maz-invisible": C.value }])
-          },
-          [
-            u(`
-        @slot right-icon - The icon to display on the right of the button
-      `),
-            V(y.$slots, "right-icon", {}, () => [
-              typeof y.rightIcon == "string" ? (r(), I(b(t), {
-                key: 0,
-                name: y.rightIcon
-              }, null, 8, ["name"])) : y.rightIcon ? (r(), I(ce(y.rightIcon), { key: 1 })) : u("v-if", !0)
-            ], !0)
-          ],
-          2
-          /* CLASS */
-        )) : u("v-if", !0),
-        C.value ? (r(), I(b(d), {
-          key: 4,
-          class: "m-btn-loader",
-          size: "2em",
-          color: y.color
-        }, null, 8, ["color"])) : u("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["disabled", "class", "type"]));
-  }
-}), ve = /* @__PURE__ */ le(qt, [["__scopeId", "data-v-395e94fc"]]), Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: ve
-}, Symbol.toStringTag, { value: "Module" }));
-function Ee(s, d) {
-  const t = rt(s, d);
-  if (!t)
-    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${s}`);
-  return t;
-}
-const Wt = /* @__PURE__ */ oe({
-  __name: "MazTableRow",
-  props: {
-    noHoverable: { type: Boolean }
-  },
-  setup(s) {
-    const { hoverable: d, backgroundEven: t, backgroundOdd: z } = Ee("maz-table");
-    return (w, v) => (r(), g(
-      "tr",
-      {
-        class: S(["m-table-row", {
-          "--hoverable": b(d) && !w.noHoverable,
-          "--background-odd": b(z),
-          "--background-even": b(t)
-        }])
-      },
-      [
-        V(w.$slots, "default", {}, void 0, !0)
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-}), Me = /* @__PURE__ */ le(Wt, [["__scopeId", "data-v-57ba9a97"]]), Gt = /* @__PURE__ */ oe({
-  __name: "MazTableCell",
-  setup(s) {
-    const { size: d } = Ee("maz-table");
-    return (t, z) => (r(), g(
-      "td",
-      {
-        class: S(["m-table-cell", `--${b(d)}`])
-      },
-      [
-        V(t.$slots, "default", {}, void 0, !0)
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-}), ze = /* @__PURE__ */ le(Gt, [["__scopeId", "data-v-0668079a"]]), Yt = /* @__PURE__ */ oe({
-  __name: "MazTableTitle",
-  setup(s) {
-    const { size: d } = Ee("maz-table");
-    return (t, z) => (r(), g(
-      "th",
-      {
-        class: S(["m-table-title", `--${b(d)}`])
-      },
-      [
-        V(t.$slots, "default", {}, void 0, !0)
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-}), Ae = /* @__PURE__ */ le(Yt, [["__scopeId", "data-v-7d02b262"]]), Zt = (s) => (Re("data-v-26d3bae5"), s = s(), qe(), s), Jt = { class: "m-loading-bar" }, Xt = /* @__PURE__ */ Zt(() => /* @__PURE__ */ B(
-  "div",
-  null,
-  null,
-  -1
-  /* HOISTED */
-)), xt = [
-  Xt
-], eo = /* @__PURE__ */ oe({
-  __name: "MazLoadingBar",
-  props: {
-    color: { default: "primary" },
-    height: { default: "0.125rem" }
-  },
-  setup(s) {
-    Ve((z) => ({
-      "4d5d421f": z.height,
-      d3c0e8e8: t.value.alpha,
-      ccfba46a: t.value.main
-    }));
-    const d = s, t = c(() => ({
-      alpha: `var(--maz-color-${d.color}-alpha-20)`,
-      main: `var(--maz-color-${d.color})`
-    }));
-    return (z, w) => (r(), g("div", Jt, xt));
-  }
-}), to = /* @__PURE__ */ le(eo, [["__scopeId", "data-v-26d3bae5"]]), oo = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  viewBox: "0 0 24 24"
-}, lo = /* @__PURE__ */ B(
-  "path",
-  {
-    stroke: "currentColor",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    "stroke-width": "1.5",
-    d: "m4.5 12.75 6 6 9-13.5"
-  },
-  null,
-  -1
-  /* HOISTED */
-), ao = [
-  lo
-];
-function Xe(s, d) {
-  return r(), g("svg", oo, [...ao]);
-}
-const xe = { render: Xe }, no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: xe,
-  render: Xe
-}, Symbol.toStringTag, { value: "Module" })), so = ["for", "aria-checked"], ro = ["id", "checked", "disabled", "name"], io = /* @__PURE__ */ oe({
-  inheritAttrs: !1,
-  __name: "MazCheckbox",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { type: [Boolean, Array], default: void 0 },
-    id: { default: void 0 },
-    color: { default: "primary" },
-    value: { type: [String, Number, Boolean], default: void 0 },
-    name: { default: "m-checkbox" },
-    size: { default: "md" },
-    label: { default: void 0 },
-    disabled: { type: Boolean, default: !1 }
-  },
-  emits: [
-    /* emitted when value change */
-    "update:model-value",
-    /* emited when value change */
-    "change"
-  ],
-  setup(s, { emit: d }) {
-    Ve((h) => ({
-      "3eedcc0a": O.value,
-      a3137f46: l.value,
-      "03d4fcac": $.value,
-      "5778d022": N.value
-    }));
-    const t = s, z = d, w = Ne({
-      componentName: "MazCheckbox",
-      providedId: t.id
-    }), v = c(
-      () => typeof t.value != "boolean" && Array.isArray(t.modelValue) ? t.modelValue.includes(t.value) : typeof t.modelValue == "boolean" ? t.modelValue : !1
-    ), l = c(() => {
-      switch (t.size) {
-        case "xl":
-          return "2.25rem";
-        case "lg":
-          return "2rem";
-        default:
-          return "1.625rem";
-        case "sm":
-          return "1.425rem";
-        case "xs":
-          return "1.325rem";
-        case "mini":
-          return "1.2rem";
-      }
-    }), f = c(() => {
-      switch (t.size) {
-        case "xl":
-          return "maz-text-2xl";
-        case "lg":
-          return "maz-text-xl";
-        default:
-          return "maz-text-lg";
-        case "sm":
-          return "maz-text-base";
-        case "xs":
-          return "maz-text-sm";
-        case "mini":
-          return "maz-text-xs";
-      }
-    }), O = c(() => `var(--maz-color-${t.color}-contrast)`), $ = c(() => `var(--maz-color-${t.color})`), N = c(
-      () => ["black", "transparent"].includes(t.color) ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-alpha)`
-    );
-    function F(h) {
-      ["Space"].includes(h.code) && (h.preventDefault(), H(t.value ?? !t.modelValue));
-    }
-    function C(h) {
-      return typeof h == "boolean" && (typeof t.modelValue == "boolean" || t.modelValue === void 0 || t.modelValue === null) ? !t.modelValue : Array.isArray(t.modelValue) && typeof h != "boolean" ? t.modelValue.includes(h) ? t.modelValue.filter((M) => M !== h) : [...t.modelValue, h] : [h];
-    }
-    function H(h) {
-      const M = C(h);
-      z("update:model-value", M), z("change", M);
-    }
-    return (h, M) => (r(), g("label", {
-      for: b(w),
-      class: S(["m-checkbox", [{ "--disabled": h.disabled }, t.class]]),
-      tabindex: "0",
-      style: se(h.style),
-      role: "checkbox",
-      "aria-checked": v.value,
-      onKeydown: F
-    }, [
-      B("input", Pe({
-        id: b(w),
-        checked: v.value
-      }, h.$attrs, {
-        tabindex: "-1",
-        disabled: h.disabled,
-        name: h.name,
-        type: "checkbox",
-        onChange: M[0] || (M[0] = (P) => {
-          var Q;
-          return H(h.value ?? ((Q = P == null ? void 0 : P.target) == null ? void 0 : Q.checked));
-        })
-      }), null, 16, ro),
-      B("span", null, [
-        _(b(xe), {
-          class: S(["check-icon", f.value])
-        }, null, 8, ["class"])
-      ]),
-      V(h.$slots, "default", {}, () => [
-        ne(
-          Y(h.label),
-          1
-          /* TEXT */
-        )
-      ], !0)
-    ], 46, so));
-  }
-}), Le = /* @__PURE__ */ le(io, [["__scopeId", "data-v-06d3ee3a"]]), uo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Le
-}, Symbol.toStringTag, { value: "Module" })), et = (s) => (Re("data-v-04b924e2"), s = s(), qe(), s), co = {
-  key: 0,
-  class: "m-table-header"
-}, po = { class: "m-table-spacer" }, fo = { class: "m-table-header-title" }, mo = {
-  key: 0,
-  class: "m-table-header-search"
-}, vo = { key: 0 }, bo = { key: 1 }, ho = {
-  key: 0,
-  class: "m-table-sort-icon-wrapper"
-}, yo = { class: "maz-text-center maz-text-muted" }, go = {
-  key: 1,
-  class: "m-table-footer"
-}, zo = /* @__PURE__ */ et(() => /* @__PURE__ */ B(
-  "div",
-  { class: "m-table-spacer" },
-  null,
-  -1
-  /* HOISTED */
-)), ko = {
-  key: 0,
-  class: "m-table-footer-pagination"
-}, wo = { class: "m-table-footer-pagination-items-per-page" }, $o = /* @__PURE__ */ et(() => /* @__PURE__ */ B(
-  "span",
-  { class: "maz-hidden maz-text-sm maz-text-muted tab-s:maz-block" },
-  " Item per page ",
-  -1
-  /* HOISTED */
-)), Vo = {
-  key: 0,
-  class: "maz-whitespace-nowrap maz-text-sm"
-}, Io = { class: "m-table-footer-pagination-buttons" }, So = /* @__PURE__ */ oe({
-  __name: "MazTable",
-  props: {
-    tableClass: { default: void 0 },
-    tableStyle: { default: void 0 },
-    modelValue: { default: void 0 },
-    size: { default: "md" },
-    title: { default: void 0 },
-    headers: { default: void 0 },
-    sortable: { type: Boolean },
-    headersAlign: { default: "left" },
-    rows: { default: void 0 },
-    hoverable: { type: Boolean },
-    search: { type: Boolean },
-    noSearchInRow: { type: Boolean },
-    searchPlaceholder: { default: "Search" },
-    noSearchBy: { type: Boolean },
-    searchByPlaceholder: { default: "Search by" },
-    searchByAllLabel: { default: "All" },
-    searchQuery: { default: void 0 },
-    backgroundOdd: { type: Boolean },
-    backgroundEven: { type: Boolean },
-    elevation: { type: Boolean },
-    divider: { type: Boolean },
-    caption: { default: void 0 },
-    captionSide: { default: "bottom" },
-    pagination: { type: Boolean },
-    page: { default: 1 },
-    pageSize: { default: 20 },
-    totalPages: { default: void 0 },
-    paginationAllLabel: { default: "All" },
-    noPaginateRows: { type: Boolean },
-    totalItems: { default: void 0 },
-    loading: { type: Boolean },
-    selectable: { type: Boolean },
-    selectedKey: { default: void 0 },
-    tableLayout: { default: void 0 },
-    color: { default: "primary" }
-  },
-  emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
-  setup(s, { emit: d }) {
-    Ve((o) => ({
-      "80c1f54c": t.tableLayout,
-      "472efd1f": t.captionSide
-    }));
-    const t = s, z = c(
-      () => t.divider && !t.backgroundEven && !t.backgroundOdd
-    ), w = d, { size: v, hoverable: l, backgroundEven: f, backgroundOdd: O } = it(t);
-    ut("maz-table", {
-      size: v,
-      hoverable: l,
-      backgroundEven: f,
-      backgroundOdd: O
-    });
-    const $ = T(ae()), N = c(() => t.selectable || !!t.selectedKey), F = T(t.page);
-    ge(
-      () => t.page,
-      (o) => {
-        F.value = o;
-      }
-    );
-    const C = c({
-      get: () => F.value,
-      set: (o) => {
-        F.value = o, w("update:page", o);
-      }
-    }), H = c(() => [
-      { label: t.paginationAllLabel, value: Number.POSITIVE_INFINITY },
-      { label: 5, value: 5 },
-      { label: 10, value: 10 },
-      { label: 20, value: 20 },
-      { label: 50, value: 50 },
-      { label: 100, value: 100 },
-      { label: 200, value: 200 }
-    ]), h = T(t.pageSize);
-    ge(
-      () => t.pageSize,
-      (o) => {
-        h.value = o;
-      }
-    );
-    const M = c({
-      get: () => h.value,
-      set: (o) => {
-        h.value = o, w("update:page-size", o);
-      }
-    }), P = c(() => {
-      var o;
-      return t.totalPages ?? (M.value === Number.POSITIVE_INFINITY || !((o = t.rows) != null && o.length)) ? 1 : Math.ceil(t.rows.length / M.value);
-    });
-    function Q() {
-      C.value = 1;
-    }
-    function y() {
-      C.value = P.value;
-    }
-    function ee() {
-      C.value = C.value - 1;
-    }
-    function pe() {
-      C.value = C.value + 1;
-    }
-    const W = c(() => {
-      if (!t.pagination || t.noPaginateRows || M.value === Number.POSITIVE_INFINITY)
-        return $.value;
-      const o = (F.value - 1) * M.value, k = o + M.value;
-      return $.value.slice(o, k);
-    });
-    ge(
-      () => [t.rows, t.modelValue],
-      () => {
-        $.value = ae();
-      }
-    );
-    const te = T(), re = c(() => [
-      // eslint-disable-next-line unicorn/no-null
-      { label: t.searchByAllLabel, value: null },
-      ...x.value.map((o) => ({
-        label: o.label,
-        value: o.key
-      }))
-    ]), R = T(t.searchQuery);
-    ge(
-      () => t.searchQuery,
-      (o) => {
-        R.value = o;
-      }
-    );
-    const J = c({
-      get: () => R.value,
-      set: (o) => {
-        R.value = o, w("update:search-query", o);
-      }
-    });
-    function fe(o) {
-      return [...o].sort((k, p) => {
-        if (q.value === void 0 || U.value === void 0)
-          return 0;
-        const K = k[x.value[q.value].key], e = p[x.value[q.value].key];
-        return typeof K == "string" && typeof e == "string" ? U.value === "ASC" ? K.localeCompare(e) : e.localeCompare(K) : U.value === "ASC" ? K - e : e - K;
-      });
-    }
-    function me(o) {
-      if (t.noSearchInRow || typeof J.value != "string")
-        return W.value;
-      const k = J.value.toLowerCase();
-      return [...o].filter((p) => te.value ? String(p[te.value]).toLowerCase().includes(k) : Object.values(p).some((K) => typeof K == "string" || typeof K == "number" || typeof K == "boolean" ? String(K).toLowerCase().includes(k) : !1));
-    }
-    const D = c(() => {
-      const o = me(W.value);
-      return fe(o);
-    }), a = Te(), E = c(() => t.search || !!t.title || !!a.title), X = c(() => t.pagination), x = T(G());
-    function G() {
-      var o;
-      return ((o = t.headers) == null ? void 0 : o.map(
-        (k) => typeof k == "string" ? { label: k, align: t.headersAlign } : { align: t.headersAlign, thHeaders: k.headers, ...k }
-      )) ?? [];
-    }
-    function ae() {
-      var o;
-      return ((o = t.rows) == null ? void 0 : o.map((k) => {
-        var p;
-        return {
-          selected: (p = t.modelValue) == null ? void 0 : p.includes(t.selectedKey ? k[t.selectedKey] : k),
-          ...k
-        };
-      })) ?? [];
-    }
-    const q = T(), U = T();
-    function Ie(o) {
-      o === q.value ? U.value = U.value === void 0 ? "DESC" : U.value === "DESC" ? "ASC" : void 0 : U.value = "DESC", q.value = U.value === void 0 ? void 0 : o;
-    }
-    const he = c({
-      get: () => D.value.every((o) => o.selected) ?? !1,
-      set: Se
-    });
-    function Se(o) {
-      for (const k of D.value)
-        k.selected = o;
-      ie();
-    }
-    function Be(o, k) {
-      D.value[k].selected = o, ie();
-    }
-    function ie(o) {
-      o = o ?? ye();
-      const k = o != null && o.length ? o : void 0;
-      w("update:model-value", k);
-    }
-    function ye() {
-      return D.value.filter((o) => o.selected).map((o) => t.selectedKey ? o[t.selectedKey] : o);
-    }
-    return Oe(() => {
-      const o = ye();
-      o != null && o.length && ie(o);
-    }), (o, k) => (r(), g(
-      "div",
-      {
-        class: S(["m-table", { "--has-header": E.value }])
-      },
-      [
-        E.value ? (r(), g("div", co, [
-          B("div", po, [
-            o.title || o.$slots.title ? V(o.$slots, "title", { key: 0 }, () => [
-              B(
-                "span",
-                fo,
-                Y(o.title),
-                1
-                /* TEXT */
-              )
-            ], !0) : u("v-if", !0)
-          ]),
-          o.search ? (r(), g("div", mo, [
-            o.noSearchBy ? u("v-if", !0) : (r(), I(Ue, {
-              key: 0,
-              modelValue: te.value,
-              "onUpdate:modelValue": k[0] || (k[0] = (p) => te.value = p),
-              color: o.color,
-              style: { width: "8rem" },
-              placeholder: o.searchByPlaceholder,
-              size: b(v),
-              options: re.value
-            }, null, 8, ["modelValue", "color", "placeholder", "size", "options"])),
-            _(Ke, {
-              modelValue: J.value,
-              "onUpdate:modelValue": k[1] || (k[1] = (p) => J.value = p),
-              size: b(v),
-              color: o.color,
-              placeholder: o.searchPlaceholder,
-              "left-icon": b(We)
-            }, null, 8, ["modelValue", "size", "color", "placeholder", "left-icon"])
-          ])) : u("v-if", !0)
-        ])) : u("v-if", !0),
-        B(
-          "table",
-          {
-            class: S([{ "--elevation": o.elevation, "--has-layout": o.tableLayout }, o.tableClass]),
-            style: se(o.tableStyle)
-          },
-          [
-            o.caption || o.$slots.caption ? (r(), g("caption", vo, [
-              u(`
-          @slot caption - add caption on top or bottom of the table
-        `),
-              V(o.$slots, "caption", {}, () => [
-                ne(
-                  Y(o.caption),
-                  1
-                  /* TEXT */
-                )
-              ], !0)
-            ])) : u("v-if", !0),
-            x.value ? (r(), g("thead", bo, [
-              u(`
-          @slot thead - content in thead element
-        `),
-              V(o.$slots, "thead", {}, () => [
-                _(Me, { "no-hoverable": "" }, {
-                  default: L(() => [
-                    N.value ? (r(), I(Ae, {
-                      key: 0,
-                      align: "left",
-                      class: S([`--${b(v)}`, "m-table-select-column"])
-                    }, {
-                      default: L(() => [
-                        _(Le, {
-                          modelValue: he.value,
-                          "onUpdate:modelValue": k[2] || (k[2] = (p) => he.value = p),
-                          size: "xs"
-                        }, null, 8, ["modelValue"])
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }, 8, ["class"])) : u("v-if", !0),
-                    (r(!0), g(
-                      be,
-                      null,
-                      we(x.value, (p, K) => (r(), I(Ae, {
-                        key: K,
-                        scope: p.scope,
-                        align: p.align,
-                        rowspan: p.rowspan,
-                        colspan: p.colspan,
-                        headers: p.thHeaders,
-                        style: se({ width: p.width, textAlign: p.align }),
-                        class: S(["maz-group", [
-                          { "--hidden": p.hidden, "--sortable": p.sortable ?? o.sortable },
-                          p.classes,
-                          `--${b(v)}`
-                        ]]),
-                        onClick: (e) => (p.sortable ?? o.sortable) && Ie(K)
-                      }, {
-                        default: L(() => [
-                          B(
-                            "span",
-                            {
-                              class: S({ "maz-sr-only": p.srOnly })
-                            },
-                            [
-                              u(`
-                @slot header - replace column header
-                  @binding {Object} header - header data
-                  @binding {String} label - header label
-              `),
-                              V(o.$slots, "header", {
-                                header: p,
-                                label: p.label
-                              }, () => [
-                                u(`
-                    @slot header-label-{key} - replace column header label
-                      @binding {Object} header - header data
-                      @binding {String} label - header label
-                  `),
-                                V(o.$slots, `header-label-${p.key}`, {
-                                  header: p,
-                                  label: p.label
-                                }, () => [
-                                  ne(
-                                    Y(p.label),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ], !0),
-                                p.sortable ?? o.sortable ? (r(), g("div", ho, [
-                                  _(b(yt), {
-                                    class: S(["m-table-sort-icon maz-hidden group-hover:maz-block", {
-                                      "--sorted": K === q.value,
-                                      "--up": U.value === "DESC",
-                                      "--down": U.value === "ASC"
-                                    }])
-                                  }, null, 8, ["class"])
-                                ])) : u("v-if", !0)
-                              ], !0)
-                            ],
-                            2
-                            /* CLASS */
-                          )
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["scope", "align", "rowspan", "colspan", "headers", "style", "class", "onClick"]))),
-                      128
-                      /* KEYED_FRAGMENT */
-                    )),
-                    o.$slots.actions ? (r(), I(Ae, {
-                      key: 1,
-                      align: "left",
-                      class: S(`--${b(v)}`)
-                    }, {
-                      default: L(() => [
-                        u(`
-                @slot actions-header - replace text of actions header
-              `),
-                        V(o.$slots, "actions-header", {}, () => [
-                          ne(" Actions ")
-                        ], !0)
-                      ]),
-                      _: 3
-                      /* FORWARDED */
-                    }, 8, ["class"])) : u("v-if", !0)
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                })
-              ], !0)
-            ])) : u("v-if", !0),
-            o.loading ? (r(), I(to, {
-              key: 2,
-              color: o.color,
-              class: "!maz-absolute"
-            }, null, 8, ["color"])) : u("v-if", !0),
-            B(
-              "tbody",
-              {
-                class: S({ "--divider": z.value })
-              },
-              [
-                V(o.$slots, "default", {}, () => [
-                  D.value.length > 0 ? (r(!0), g(
-                    be,
-                    { key: 0 },
-                    we(D.value, (p, K) => (r(), I(Me, {
-                      key: K,
-                      class: S(p.classes),
-                      onClick: (e) => p.action && p.action(p)
-                    }, {
-                      default: L(() => [
-                        N.value ? (r(), I(
-                          ze,
-                          {
-                            key: 0,
-                            class: "m-table-select-column"
-                          },
-                          {
-                            default: L(() => [
-                              u(`
-                  @slot select - replace checkbox component
-                    @binding {Object} row - row data
-                    @binding {Boolean} selected - if selected or not
-                `),
-                              V(o.$slots, "select", {
-                                row: p,
-                                selected: p.selected
-                              }, () => [
-                                _(Le, {
-                                  size: "xs",
-                                  "model-value": p.selected,
-                                  "onUpdate:modelValue": (e) => Be(e, K)
-                                }, null, 8, ["model-value", "onUpdate:modelValue"])
-                              ], !0)
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          },
-                          1024
-                          /* DYNAMIC_SLOTS */
-                        )) : u("v-if", !0),
-                        (r(!0), g(
-                          be,
-                          null,
-                          we(x.value, ({ key: e, align: n, classes: i }, m) => (r(), I(ze, {
-                            key: m,
-                            align: n,
-                            class: S(i)
-                          }, {
-                            default: L(() => [
-                              u(`
-                  @slot cell - replace all row cells
-                    @binding {Object} row - row data
-                    @binding {Boolean} value - cell value
-                `),
-                              e ? V(o.$slots, "cell", {
-                                key: 0,
-                                row: p,
-                                value: p[e]
-                              }, () => [
-                                u(`
-                    @slot cell-{key} - replace row cells of column
-                      @binding {Object} row - row data
-                      @binding {Boolean} value - cell value
-                  `),
-                                V(o.$slots, `cell-${e}`, {
-                                  row: p,
-                                  value: p[e]
-                                }, () => [
-                                  ne(
-                                    Y(p[e]),
-                                    1
-                                    /* TEXT */
-                                  )
-                                ], !0)
-                              ], !0) : u("v-if", !0)
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          }, 1032, ["align", "class"]))),
-                          128
-                          /* KEYED_FRAGMENT */
-                        )),
-                        o.$slots.actions ? (r(), I(
-                          ze,
-                          { key: 1 },
-                          {
-                            default: L(() => [
-                              u(`
-                  @slot actions - will add actions column
-                    @binding {Object} row - row data
-                `),
-                              V(o.$slots, "actions", { row: p }, void 0, !0)
-                            ]),
-                            _: 2
-                            /* DYNAMIC */
-                          },
-                          1024
-                          /* DYNAMIC_SLOTS */
-                        )) : u("v-if", !0)
-                      ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1032, ["class", "onClick"]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  )) : (r(), I(Me, { key: 1 }, {
-                    default: L(() => [
-                      _(ze, {
-                        colspan: x.value.length + (N.value ? 1 : 0) + (o.$slots.actions ? 1 : 0)
-                      }, {
-                        default: L(() => [
-                          u(`
-                  @slot no-results - replace no results
-                `),
-                          V(o.$slots, "no-results", {}, () => [
-                            B("p", yo, [
-                              u(`
-                      @slot no-results-text - replace no results test only
-                    `),
-                              V(o.$slots, "no-results-text", {}, () => [
-                                ne(" No results ")
-                              ], !0)
-                            ])
-                          ], !0)
-                        ]),
-                        _: 3
-                        /* FORWARDED */
-                      }, 8, ["colspan"])
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }))
-                ], !0)
-              ],
-              2
-              /* CLASS */
-            )
-          ],
-          6
-          /* CLASS, STYLE */
-        ),
-        X.value ? (r(), g("div", go, [
-          zo,
-          o.pagination ? (r(), g("div", ko, [
-            B("div", wo, [
-              $o,
-              _(Ue, {
-                modelValue: M.value,
-                "onUpdate:modelValue": k[3] || (k[3] = (p) => M.value = p),
-                options: H.value,
-                size: b(v),
-                color: o.color,
-                "list-position": "top",
-                style: { width: "5rem" }
-              }, null, 8, ["modelValue", "options", "size", "color"])
-            ]),
-            P.value ? (r(), g(
-              "span",
-              Vo,
-              Y(C.value) + " - " + Y(D.value.length) + " of " + Y(P.value),
-              1
-              /* TEXT */
-            )) : u("v-if", !0),
-            B("div", Io, [
-              _(ve, {
-                disabled: C.value === 1,
-                size: b(v),
-                color: "transparent",
-                fab: "",
-                "no-elevation": "",
-                onClick: Q
-              }, {
-                default: L(() => [
-                  _(b(je), { class: "maz-text-base" })
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "size"]),
-              _(ve, {
-                disabled: C.value === 1,
-                size: b(v),
-                color: "transparent",
-                fab: "",
-                "no-elevation": "",
-                onClick: ee
-              }, {
-                default: L(() => [
-                  _(b(De), { class: "maz-text-base" })
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "size"]),
-              _(ve, {
-                disabled: C.value === P.value,
-                size: b(v),
-                color: "transparent",
-                fab: "",
-                "no-elevation": "",
-                onClick: pe
-              }, {
-                default: L(() => [
-                  _(b(De), { class: "maz-rotate-180 maz-text-base" })
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "size"]),
-              _(ve, {
-                disabled: C.value === P.value,
-                size: b(v),
-                color: "transparent",
-                fab: "",
-                "no-elevation": "",
-                onClick: y
-              }, {
-                default: L(() => [
-                  _(b(je), { class: "maz-rotate-180 maz-text-base" })
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "size"])
-            ])
-          ])) : u("v-if", !0)
-        ])) : u("v-if", !0)
-      ],
-      2
-      /* CLASS */
-    ));
-  }
-}), Co = /* @__PURE__ */ le(So, [["__scopeId", "data-v-04b924e2"]]);
-export {
-  Co as M,
-  le as _,
-  Ee as i
-};