maz-ui 3.37.3 → 3.37.4

package/components/chunks/MazTable-vcm_SC7e.mjs

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