maz-ui 3.46.1-beta.4 → 3.46.1-beta.5

package/components/chunks/MazTable-CrtVI-dp.mjs

@@ -0,0 +1,2015 @@
+import { openBlock as u, createElementBlock as z, createElementVNode as B, defineComponent as te, defineAsyncComponent as _, useAttrs as Je, useSlots as Ke, computed as c, createBlock as C, resolveDynamicComponent as de, normalizeClass as w, withCtx as K, createCommentVNode as d, renderSlot as I, unref as y, createVNode as M, useId as Xe, useCssVars as $e, ref as P, normalizeStyle as ie, mergeProps as Ee, createTextVNode as re, toDisplayString as F, onMounted as xe, withDirectives as Re, toHandlers as et, vModelDynamic as tt, withModifiers as ue, onBeforeMount as Ue, nextTick as Ce, Transition as ot, Fragment as me, renderList as we, inject as lt, toRefs as at, provide as nt, watch as ze } from "vue";
+import '../assets/MazTable.css';const st = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function rt(f, n) {
+  return u(), z("svg", st, n[0] || (n[0] = [
+    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 */
+    )
+  ]));
+}
+const it = { render: rt }, ut = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function dt(f, n) {
+  return u(), z("svg", ut, n[0] || (n[0] = [
+    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 */
+    )
+  ]));
+}
+const De = { render: dt }, ct = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function pt(f, n) {
+  return u(), z("svg", ct, n[0] || (n[0] = [
+    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 */
+    )
+  ]));
+}
+const Fe = { render: pt }, ft = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function qe(f, n) {
+  return u(), z("svg", ft, n[0] || (n[0] = [
+    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 */
+    )
+  ]));
+}
+const Qe = { render: qe }, mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Qe,
+  render: qe
+}, Symbol.toStringTag, { value: "Module" })), vt = {
+  key: 2,
+  class: "m-btn-loader-container"
+}, bt = /* @__PURE__ */ te({
+  __name: "MazBtn",
+  props: {
+    variant: { default: "button" },
+    size: { default: "md" },
+    color: { default: "primary" },
+    type: { default: "button" },
+    rounded: { type: Boolean },
+    roundedSize: { default: "lg" },
+    noRounded: { type: Boolean },
+    outline: { type: Boolean },
+    pastel: { type: Boolean },
+    block: { type: Boolean },
+    noUnderline: { type: Boolean },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    fab: { type: Boolean },
+    icon: { type: [String, Function, Object], default: void 0 },
+    leftIcon: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    noPadding: { type: Boolean },
+    noElevation: { type: Boolean }
+  },
+  setup(f) {
+    const n = f, e = _(() => import("./MazSpinner-BCHAzmqS.mjs")), o = _(() => import("./MazIcon-BaJm2s8_.mjs")), { href: i, to: b } = Je(), A = Ke(), V = c(() => i ? "a" : b ? "router-link" : "button"), W = c(
+      () => n.pastel ? `--${n.color}-pastel` : n.outline ? `--${n.color}-outline` : `--${n.color}`
+    ), L = c(
+      () => (n.loading || n.disabled) && V.value === "button"
+    ), $ = c(() => L.value ? "--cursor-default" : "--cursor-pointer"), H = c(() => `--is-${n.variant}`), G = c(() => n.loading && n.variant === "button"), R = c(() => !!A["left-icon"] || n.leftIcon), T = c(() => !!A["right-icon"] || n.rightIcon), j = c(() => R.value || T.value), U = c(() => n.icon || !!A.icon), v = c(() => V.value === "button" ? n.type : void 0), k = c(() => n.size === "xl" ? "maz-text-3xl" : n.size === "lg" ? "maz-text-2xl" : n.size === "md" ? "maz-text-xl" : n.size === "sm" ? "maz-text-lg" : n.size === "xs" ? "maz-text-base" : n.size === "mini" ? "maz-text-sm" : "md");
+    return (h, Q) => (u(), C(de(V.value), {
+      disabled: L.value || void 0,
+      class: w(["m-btn", [
+        `--${h.size}`,
+        !h.fab && !h.rounded && h.roundedSize && `--rounded-${h.roundedSize}`,
+        W.value,
+        $.value,
+        H.value,
+        {
+          "--block": h.block,
+          "--no-underline": h.noUnderline,
+          "--fab": h.fab,
+          "--loading": h.loading,
+          "--disabled": L.value,
+          "--icon": j.value,
+          "--rounded": h.rounded,
+          "--no-rounded": h.noRounded,
+          "--no-padding": h.noPadding,
+          "--no-elevation": h.noElevation
+        }
+      ]]),
+      type: v.value
+    }, {
+      default: K(() => [
+        d(`
+      @slot left-icon - The icon to display on the left of the button
+    `),
+        I(h.$slots, "left-icon", {}, () => [
+          typeof h.leftIcon == "string" ? (u(), C(y(o), {
+            key: 0,
+            name: h.leftIcon,
+            class: w([k.value])
+          }, null, 8, ["name", "class"])) : h.leftIcon ? (u(), C(de(h.leftIcon), {
+            key: 1,
+            class: w([k.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0),
+        d(`
+      @slot icon - The icon to display on the fab button
+    `),
+        U.value ? I(h.$slots, "icon", { key: 0 }, () => [
+          typeof h.icon == "string" ? (u(), C(y(o), {
+            key: 0,
+            name: h.icon,
+            class: w([k.value])
+          }, null, 8, ["name", "class"])) : h.icon ? (u(), C(de(h.icon), {
+            key: 1,
+            class: w([k.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0) : d("v-if", !0),
+        d(`
+      @slot default - The content of the button
+    `),
+        I(h.$slots, "default", {}, void 0, !0),
+        d(`
+      @slot left-icon - The icon to display on the left of the button
+    `),
+        T.value ? I(h.$slots, "right-icon", { key: 1 }, () => [
+          typeof h.rightIcon == "string" ? (u(), C(y(o), {
+            key: 0,
+            name: h.rightIcon,
+            class: w([k.value])
+          }, null, 8, ["name", "class"])) : h.rightIcon ? (u(), C(de(h.rightIcon), {
+            key: 1,
+            class: w([k.value])
+          }, null, 8, ["class"])) : d("v-if", !0)
+        ], !0) : d("v-if", !0),
+        G.value ? (u(), z("div", vt, [
+          M(y(e), {
+            size: "2em",
+            color: h.color
+          }, null, 8, ["color"])
+        ])) : d("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["disabled", "class", "type"]));
+  }
+}), oe = (f, n) => {
+  const e = f.__vccOpts || f;
+  for (const [o, i] of n)
+    e[o] = i;
+  return e;
+}, fe = /* @__PURE__ */ oe(bt, [["__scopeId", "data-v-8deef21f"]]), ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: fe
+}, Symbol.toStringTag, { value: "Module" }));
+function Ne({
+  componentName: f,
+  providedId: n
+}) {
+  const e = Xe();
+  return c(() => n ?? `${f}-${e}`);
+}
+const yt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function We(f, n) {
+  return u(), z("svg", yt, n[0] || (n[0] = [
+    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 */
+    )
+  ]));
+}
+const Ge = { render: We }, gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ge,
+  render: We
+}, Symbol.toStringTag, { value: "Module" })), zt = ["for", "aria-checked"], kt = ["id", "checked", "disabled", "name"], wt = { class: "m-checkbox__text" }, St = /* @__PURE__ */ te({
+  inheritAttrs: !1,
+  __name: "MazCheckbox",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { 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 },
+    error: { type: Boolean },
+    success: { type: Boolean },
+    warning: { type: Boolean },
+    hint: {}
+  },
+  emits: ["update:model-value", "change", "blur", "focus"],
+  setup(f, { emit: n }) {
+    $e((v) => ({
+      b7df6194: W.value,
+      "89a0ef50": A.value,
+      "199d7f11": L.value,
+      b0e1d658: $.value
+    }));
+    const e = f, o = n, i = Ne({
+      componentName: "MazCheckbox",
+      providedId: e.id
+    }), b = c(
+      () => typeof e.value != "boolean" && Array.isArray(e.modelValue) ? e.modelValue.includes(e.value) : typeof e.modelValue == "boolean" ? e.modelValue : !1
+    ), A = c(() => {
+      switch (e.size) {
+        case "xl":
+          return "2rem";
+        case "lg":
+          return "1.75rem";
+        case "sm":
+          return "1.25rem";
+        case "xs":
+          return "1rem";
+        case "mini":
+          return "0.75rem";
+        default:
+          return "1.5rem";
+      }
+    }), V = c(() => {
+      switch (e.size) {
+        case "xl":
+          return "maz-text-2xl";
+        case "lg":
+          return "maz-text-xl";
+        case "sm":
+          return "maz-text-base";
+        case "xs":
+          return "maz-text-sm";
+        case "mini":
+          return "maz-text-xs";
+        default:
+          return "maz-text-lg";
+      }
+    }), W = c(() => e.color === "theme" ? "var(--maz-color-bg)" : `var(--maz-color-${e.color}-contrast)`), L = c(() => e.color === "theme" ? "var(--maz-color-bg-theme)" : `var(--maz-color-${e.color})`), $ = c(() => e.error ? "var(--maz-color-danger)" : e.warning ? "var(--maz-color-warning)" : e.success ? "var(--maz-color-success)" : ["black", "transparent", "theme"].includes(e.color) ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-alpha)`);
+    function H(v) {
+      ["Space"].includes(v.code) && (v.preventDefault(), R(e.value ?? !e.modelValue));
+    }
+    function G(v) {
+      return typeof v == "boolean" && (typeof e.modelValue == "boolean" || e.modelValue === void 0 || e.modelValue === null) ? !e.modelValue : Array.isArray(e.modelValue) && typeof v != "boolean" ? e.modelValue.includes(v) ? e.modelValue.filter((k) => k !== v) : [...e.modelValue, v] : [v];
+    }
+    function R(v) {
+      const k = G(v);
+      o("update:model-value", k), o("change", k);
+    }
+    const T = P();
+    function j(v) {
+      var k;
+      (k = T.value) == null || k.dispatchEvent(new Event("blur")), o("blur", v);
+    }
+    function U(v) {
+      var k;
+      (k = T.value) == null || k.dispatchEvent(new Event("focus")), o("focus", v);
+    }
+    return (v, k) => (u(), z("label", {
+      for: y(i),
+      class: w(["m-checkbox", [{ "--disabled": v.disabled, "--error": v.error, "--warning": v.warning, "--success": v.success }, e.class]]),
+      tabindex: "0",
+      style: ie(v.style),
+      role: "checkbox",
+      "aria-checked": b.value,
+      onKeydown: H,
+      onBlur: j,
+      onFocus: U
+    }, [
+      B("input", Ee({
+        id: y(i),
+        ref_key: "inputRef",
+        ref: T,
+        checked: b.value
+      }, v.$attrs, {
+        tabindex: "-1",
+        disabled: v.disabled,
+        name: v.name,
+        type: "checkbox",
+        onChange: k[0] || (k[0] = (h) => {
+          var Q;
+          return R(v.value ?? ((Q = h == null ? void 0 : h.target) == null ? void 0 : Q.checked));
+        })
+      }), null, 16, kt),
+      B("span", null, [
+        M(y(Ge), {
+          class: w(["check-icon", V.value])
+        }, null, 8, ["class"])
+      ]),
+      B("div", wt, [
+        I(v.$slots, "default", { value: v.value }, () => [
+          re(
+            F(v.label),
+            1
+            /* TEXT */
+          )
+        ], !0),
+        v.hint ? (u(), z(
+          "span",
+          {
+            key: 0,
+            class: w(["m-checkbox__hint", {
+              "--error": v.error,
+              "--success": v.success,
+              "--warning": v.warning
+            }])
+          },
+          F(v.hint),
+          3
+          /* TEXT, CLASS */
+        )) : d("v-if", !0)
+      ])
+    ], 46, zt));
+  }
+}), Le = /* @__PURE__ */ oe(St, [["__scopeId", "data-v-178c6a46"]]), $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Le
+}, Symbol.toStringTag, { value: "Module" }));
+function It(f, n) {
+  let e;
+  return function(...o) {
+    clearTimeout(e), e = setTimeout(() => {
+      f.apply(this, o);
+    }, n);
+  };
+}
+const Vt = {
+  key: 0,
+  class: "m-input-wrapper-left"
+}, Bt = { class: "m-input-wrapper-input" }, Ct = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], At = { key: 0 }, Mt = {
+  key: 1,
+  class: "m-input-wrapper-right"
+}, Tt = /* @__PURE__ */ te({
+  inheritAttrs: !1,
+  __name: "MazInput",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    modelValue: { 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: { type: [String, Function, Object], default: void 0 },
+    rightIcon: { type: [String, Function, Object], default: void 0 },
+    roundedSize: { default: void 0 },
+    block: { type: Boolean }
+  },
+  emits: ["update:model-value", "focus", "blur", "click", "change", "input"],
+  setup(f, { emit: n }) {
+    const e = f, o = n, i = _(() => Promise.resolve().then(() => ht)), b = _(() => import("./MazIcon-BaJm2s8_.mjs")), A = _(() => import("./eye-slash-BoO00xzs.mjs")), V = _(() => import("./eye-f8zAUc30.mjs")), W = _(() => Promise.resolve().then(() => gt)), L = P(!1), $ = P(!1), H = P(), G = Ne({
+      componentName: "MazInput",
+      providedId: e.id
+    });
+    xe(() => {
+      var s;
+      e.autoFocus && ((s = H.value) == null || s.focus());
+    });
+    const R = c(() => e.type === "password"), T = c(() => L.value ? "text" : e.type), j = c(() => {
+      if (!e.noBorder) {
+        if (e.error)
+          return "maz-border-danger";
+        if (e.success)
+          return "maz-border-success";
+        if (e.warning)
+          return "maz-border-warning";
+        if ($.value || e.borderActive) {
+          if (e.color === "black")
+            return "maz-border-black";
+          if (e.color === "danger")
+            return "maz-border-danger";
+          if (e.color === "info")
+            return "maz-border-info";
+          if (e.color === "primary")
+            return "maz-border-primary";
+          if (e.color === "secondary")
+            return "maz-border-secondary";
+          if (e.color === "success")
+            return "maz-border-success";
+          if (e.color === "warning")
+            return "maz-border-warning";
+          if (e.color === "white")
+            return "maz-border-white";
+        }
+        return "--default-border";
+      }
+    }), U = Ke(), v = c(() => {
+      const { required: s, placeholder: D } = e;
+      if (D)
+        return s ? `${D} *` : D;
+    }), k = c(() => X.value !== void 0 && X.value !== ""), h = It(
+      (s) => {
+        o("update:model-value", s);
+      },
+      typeof e.debounce == "number" ? e.debounce : e.debounceDelay ?? 500
+    );
+    function Q(s) {
+      if (e.debounce)
+        return h(s);
+      o("update:model-value", s);
+    }
+    const X = c({
+      get: () => e.modelValue,
+      set: (s) => Q(s)
+    }), ne = c(() => (!!e.label || !!e.hint) && ($.value || !!k.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), se = c(() => !!e.label || !!e.hint);
+    function Y() {
+      return !!U["right-icon"] || R.value || !!U["valid-button"] || e.validButton || !!e.rightIcon;
+    }
+    function O() {
+      return !!U["left-icon"] || !!e.leftIcon;
+    }
+    function q(s) {
+      o("focus", s), $.value = !0;
+    }
+    function le(s) {
+      o("blur", s), $.value = !1;
+    }
+    function ce(s) {
+      return o("change", s);
+    }
+    function Z(s) {
+      return o("input", s);
+    }
+    return (s, D) => (u(), z(
+      "div",
+      {
+        class: w(["m-input", [
+          {
+            "--is-focused": $.value || s.borderActive,
+            "--should-up": ne.value,
+            "--has-label": se.value,
+            "--is-disabled": s.disabled,
+            "--is-readonly": s.readonly,
+            "--has-z-2": s.error || s.warning || s.success,
+            "--has-state": s.error || s.warning || s.success,
+            "--block": s.block
+          },
+          e.class,
+          `--${s.color}`,
+          `--${s.size}`
+        ]]),
+        style: ie(s.style)
+      },
+      [
+        B(
+          "div",
+          {
+            class: w(["m-input-wrapper", [
+              s.inputClasses,
+              j.value,
+              s.roundedSize ? `--rounded-${s.roundedSize}` : { "maz-rounded": !s.noRadius }
+            ]])
+          },
+          [
+            O() ? (u(), z("div", Vt, [
+              d(`
+          @slot left-icon - The icon to display on the left of the input
+        `),
+              s.$slots["left-icon"] || s.leftIcon ? I(s.$slots, "left-icon", { key: 0 }, () => [
+                typeof s.leftIcon == "string" ? (u(), C(y(b), {
+                  key: 0,
+                  name: s.leftIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])) : s.leftIcon ? (u(), C(de(s.leftIcon), {
+                  key: 1,
+                  class: "maz-text-xl maz-text-muted"
+                })) : d("v-if", !0)
+              ], !0) : d("v-if", !0)
+            ])) : d("v-if", !0),
+            B("div", Bt, [
+              Re(B("input", Ee({
+                id: y(G),
+                ref_key: "input",
+                ref: H,
+                "onUpdate:modelValue": D[0] || (D[0] = (x) => X.value = x),
+                type: T.value,
+                name: s.name
+              }, s.$attrs, {
+                inputmode: s.inputmode,
+                placeholder: v.value,
+                "aria-label": s.label || s.placeholder,
+                disabled: s.disabled,
+                readonly: s.readonly,
+                required: s.required,
+                class: "m-input-input"
+              }, et({
+                blur: le,
+                focus: q,
+                change: ce,
+                input: Z
+              }, !0), {
+                onClick: D[1] || (D[1] = (x) => s.$emit("click", x))
+              }), null, 16, Ct), [
+                [tt, X.value]
+              ]),
+              s.label || s.hint ? (u(), z(
+                "span",
+                {
+                  key: 0,
+                  class: w(["m-input-label", [
+                    {
+                      "maz-text-danger-600": s.error,
+                      "maz-text-success-600": s.success,
+                      "maz-text-warning-600": s.warning
+                    }
+                  ]])
+                },
+                [
+                  re(
+                    F(s.hint || s.label) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  s.required ? (u(), z("sup", At, "*")) : d("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : d("v-if", !0)
+            ]),
+            Y() ? (u(), z("div", Mt, [
+              d(`
+          @slot right-icon - The icon to display on the right of the input
+        `),
+              s.$slots["right-icon"] || s.rightIcon ? I(s.$slots, "right-icon", { key: 0 }, () => [
+                typeof s.rightIcon == "string" ? (u(), C(y(b), {
+                  key: 0,
+                  name: s.rightIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])) : s.rightIcon ? (u(), C(de(s.rightIcon), {
+                  key: 1,
+                  class: "maz-text-xl maz-text-muted"
+                })) : d("v-if", !0)
+              ], !0) : d("v-if", !0),
+              R.value ? (u(), C(y(i), {
+                key: 1,
+                color: "transparent",
+                tabindex: "-1",
+                size: "mini",
+                onClick: D[2] || (D[2] = ue((x) => L.value = !L.value, ["stop"]))
+              }, {
+                default: K(() => [
+                  L.value ? (u(), C(y(A), {
+                    key: 0,
+                    class: "maz-text-xl maz-text-muted"
+                  })) : (u(), C(y(V), {
+                    key: 1,
+                    class: "maz-text-xl maz-text-muted"
+                  }))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : d("v-if", !0),
+              d(`
+          @slot valid-button - Replace the valid button by your own
+        `),
+              s.$slots["valid-button"] || s.validButton ? I(s.$slots, "valid-button", { key: 2 }, () => [
+                M(y(i), {
+                  color: "transparent",
+                  disabled: s.disabled,
+                  tabindex: "-1",
+                  loading: s.validButtonLoading,
+                  class: "m-input-valid-button",
+                  size: "mini",
+                  type: "submit"
+                }, {
+                  default: K(() => [
+                    M(y(W), { class: "maz-text-2xl maz-text-normal" })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "loading"])
+              ], !0) : d("v-if", !0)
+            ])) : d("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), Oe = /* @__PURE__ */ oe(Tt, [["__scopeId", "data-v-b3e1e126"]]), Pt = { class: "m-loading-bar" }, Lt = /* @__PURE__ */ te({
+  __name: "MazLoadingBar",
+  props: {
+    color: { default: "primary" },
+    height: { default: "0.125rem" }
+  },
+  setup(f) {
+    $e((o) => ({
+      "67978ed9": o.height,
+      "05ad2446": e.value.alpha,
+      "943cd45e": e.value.main
+    }));
+    const n = f, e = c(() => ({
+      alpha: `var(--maz-color-${n.color}-alpha-20)`,
+      main: `var(--maz-color-${n.color})`
+    }));
+    return (o, i) => (u(), z("div", Pt, i[0] || (i[0] = [
+      B(
+        "div",
+        null,
+        null,
+        -1
+        /* HOISTED */
+      )
+    ])));
+  }
+}), Ot = /* @__PURE__ */ oe(Lt, [["__scopeId", "data-v-3cd29bd9"]]), Kt = {
+  removeAccents: !0,
+  caseSensitive: !1,
+  replaceSpaces: !0,
+  removeSpecialCharacters: !1,
+  trim: !0,
+  normalizeSpaces: !0,
+  removeNumbers: !1,
+  customNormalizationForms: ["NFC", "NFKD"]
+};
+function Se(f, n) {
+  const e = { ...Kt, ...n }, o = {
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    Î: "I",
+    Ï: "I",
+    í: "I",
+    î: "i",
+    ï: "i",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    Ç: "C",
+    ç: "c",
+    ÿ: "y",
+    Ñ: "N",
+    ñ: "n",
+    ó: "o"
+  };
+  let i = f.toString();
+  if (e.trim && (i = i.trim()), e.normalizeSpaces && (i = i.replaceAll(/\s+/g, " ")), e.replaceSpaces && (i = i.replaceAll(" ", "-")), e.removeNumbers && (i = i.replaceAll(/\d/g, "")), e.removeAccents && (i = i.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (b) => o[b] || b), i = i.replaceAll(/[\u0300-\u036F]/g, "")), e.caseSensitive === !1 && (i = i.toLowerCase()), e.removeSpecialCharacters && (i = i.replaceAll(/[^\dA-Z-]/gi, "")), e.trim && (i = i.trim()), e.customNormalizationForms)
+    for (const b of e.customNormalizationForms)
+      i = i.normalize(b);
+  return i;
+}
+function Et(f, n) {
+  const e = f.length, o = n.length, i = [];
+  for (let b = 0; b <= e; b++)
+    i[b] = [b];
+  for (let b = 0; b <= o; b++)
+    i[0][b] = b;
+  for (let b = 1; b <= e; b++)
+    for (let A = 1; A <= o; A++) {
+      const V = f[b - 1] === n[A - 1] ? 0 : 1;
+      i[b][A] = Math.min(
+        i[b - 1][A] + 1,
+        i[b][A - 1] + 1,
+        i[b - 1][A - 1] + V
+      );
+    }
+  return i[e][o];
+}
+function Ye(f, n) {
+  const e = Et(f, n), o = Math.max(f.length, n.length);
+  return 1 - e / o;
+}
+function Nt(f, n, e = 0.75) {
+  return Ye(f, n) >= e;
+}
+function Ae(f, n, e = 0.75) {
+  const o = c(
+    () => Se(typeof f == "string" ? f : f.value)
+  ), i = c(
+    () => Se(typeof n == "string" ? n : n.value)
+  ), b = c(() => typeof e == "number" ? e : e.value), A = c(() => Ye(o.value, i.value));
+  return {
+    isMatching: c(
+      () => Nt(o.value, i.value, b.value)
+    ),
+    score: A
+  };
+}
+function Ze(f, n, e) {
+  var A;
+  f.stopPropagation();
+  const o = typeof e.value == "function" ? e.value : e.value.handler, i = typeof e.value == "object" ? e.value.exclude : void 0;
+  let b = !1;
+  if (i && i.length > 0) {
+    for (const V of i)
+      if (!b && f.target instanceof HTMLElement) {
+        const W = (A = document.querySelector(V)) == null ? void 0 : A.getAttribute("id");
+        b = f.target.getAttribute("id") === W;
+      }
+  }
+  !n.contains(f.target) && !b && (o == null || o());
+}
+function _e() {
+  return document.ontouchstart === null ? "touchstart" : "click";
+}
+function jt(f, n) {
+  const e = _e();
+  document.removeEventListener(e, (o) => Ze(o, f, n));
+}
+function Dt(f, n) {
+  if (typeof n.value != "function" && typeof n.value == "object" && typeof n.value.handler != "function") {
+    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
+    return;
+  }
+  const e = _e();
+  document.addEventListener(e, (o) => Ze(o, f, n));
+}
+const Ft = {
+  mounted: Dt,
+  unmounted: jt
+};
+let Me = null;
+function Ht(f, n) {
+  Me && clearTimeout(Me), Me = setTimeout(f, n);
+}
+const Rt = ["aria-label"], Ut = { class: "m-select-list__no-results" }, qt = {
+  key: 2,
+  class: "m-select-list__scroll-wrapper",
+  tabindex: "-1"
+}, Qt = { class: "m-select-list-optgroup" }, Wt = ["onClick"], Gt = /* @__PURE__ */ te({
+  inheritAttrs: !1,
+  __name: "MazSelect",
+  props: {
+    style: { default: void 0 },
+    class: { default: void 0 },
+    id: { default: void 0 },
+    modelValue: { 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 },
+    minListHeight: { default: void 0 },
+    minListWidth: { default: void 0 },
+    size: { default: "md" },
+    color: { default: "primary" },
+    search: { type: Boolean },
+    searchPlaceholder: { default: "Search in options" },
+    searchThreshold: { default: 0.75 },
+    open: { type: Boolean },
+    multiple: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    block: { type: Boolean },
+    excludeSelectors: { default: void 0 },
+    autocomplete: { default: "off" }
+  },
+  emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
+  setup(f, { expose: n, emit: e }) {
+    $e((t) => ({
+      cb149e58: T.value,
+      "215ff493": G.value,
+      "64d6cfbb": R.value
+    }));
+    const o = f, i = e, b = _(() => Promise.resolve().then(() => $t)), A = _(() => Promise.resolve().then(() => mt)), V = _(() => import("./chevron-down-BkvtON3b.mjs")), W = _(() => import("./no-symbol-CIgKzsrB.mjs"));
+    n({
+      /** Method to open the option list */
+      openList: ee,
+      /** Method to close the option list */
+      closeList: ae
+    });
+    const L = P(!1), $ = P(), H = c(
+      () => ["black", "transparent", "white"].includes(o.color)
+    ), G = c(
+      () => H.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
+    ), R = c(
+      () => H.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
+    ), T = c(
+      () => H.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-200)`
+    ), j = c(() => L.value || o.open), U = Ne({
+      componentName: "MazSelect",
+      providedId: o.id
+    });
+    function v(t) {
+      return {
+        [o.optionValueKey]: t,
+        [o.optionLabelKey]: t,
+        [o.optionInputValueKey]: t
+      };
+    }
+    function k(t) {
+      return {
+        ...t,
+        [o.optionValueKey]: t[o.optionValueKey],
+        [o.optionLabelKey]: t[o.optionLabelKey],
+        [o.optionInputValueKey]: t[o.optionInputValueKey]
+      };
+    }
+    const h = c(() => {
+      var a;
+      const t = [];
+      if (!((a = o.options) != null && a.length))
+        return [];
+      for (const p of o.options)
+        typeof p == "string" || typeof p == "number" || typeof p == "boolean" ? t.push(v(p)) : typeof p == "object" && "options" in p && Array.isArray(p.options) ? t.push(
+          { label: p.label, isOptGroup: !0 },
+          ...p.options.map(
+            (r) => typeof r == "string" || typeof r == "number" || typeof r == "boolean" ? v(r) : k(r)
+          )
+        ) : t.push(k(p));
+      return t;
+    }), Q = c(
+      () => {
+        var t;
+        return ((t = h.value) == null ? void 0 : t.filter((a) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(a[o.optionValueKey]) && !O(a[o.optionValueKey]) : !1 : o.modelValue === a[o.optionValueKey] && !O(a[o.optionValueKey]))) ?? [];
+      }
+    );
+    Ue(() => {
+      var t;
+      (t = o.options) != null && t.length || console.warn("[maz-ui](MazSelect) you must provide options"), g();
+    });
+    const X = P(), ne = P(), se = P(), Y = P();
+    function O(t) {
+      return t == null;
+    }
+    function q(t) {
+      var p;
+      return (((p = Q.value) == null ? void 0 : p.some(
+        (r) => r[o.optionValueKey] === t[o.optionValueKey]
+      )) ?? !1) && !O(t[o.optionValueKey]);
+    }
+    const le = c(() => {
+      var a;
+      if (o.multiple && o.modelValue && Array.isArray(o.modelValue))
+        return o.modelValue.map(
+          (p) => {
+            var r, S;
+            return (S = (r = h.value) == null ? void 0 : r.find((N) => N[o.optionValueKey] === p)) == null ? void 0 : S[o.optionInputValueKey];
+          }
+        ).join(", ");
+      const t = (a = h.value) == null ? void 0 : a.find(
+        (p) => p[o.optionValueKey] === o.modelValue
+      );
+      return O(o.modelValue) || t == null ? void 0 : t[o.optionInputValueKey];
+    }), ce = c(
+      () => o.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
+    ), Z = P(""), s = P("");
+    function D(t, a) {
+      return a && t && Se(t).includes(Se(a));
+    }
+    function x(t) {
+      var a;
+      return t ? (a = h.value) == null ? void 0 : a.filter((p) => {
+        const r = p[o.optionLabelKey], S = p[o.optionValueKey], N = p[o.optionInputValueKey], J = o.searchThreshold;
+        return D(r, t) || D(N, t) || D(S, t) || typeof r == "string" && Ae(r, t, J).isMatching.value || typeof N == "string" && Ae(N, t, J).isMatching.value || typeof S == "string" && Ae(S, t, J).isMatching.value;
+      }) : h.value;
+    }
+    const E = c(() => x(Z.value));
+    async function ae(t) {
+      var p, r;
+      if (!j.value)
+        return;
+      if (t && ("relatedTarget" in t && ((p = X.value) != null && p.contains(t.relatedTarget)) || t.type === "keydown"))
+        return t.preventDefault();
+      const a = t && "relatedTarget" in t && t.relatedTarget instanceof HTMLElement && t.relatedTarget.getAttribute("id");
+      if ((r = o.excludeSelectors) != null && r.includes(`#${a}`))
+        return t == null ? void 0 : t.preventDefault();
+      await Ce(), L.value = !1, $.value = 0, i("close", t);
+    }
+    async function ee(t) {
+      o.disabled || j.value || (t == null || t.preventDefault(), L.value = !0, await l(), i("focus", t), i("open", L.value));
+    }
+    function ve() {
+      var t, a;
+      (a = ((t = ne.value) == null ? void 0 : t.$el).querySelector("input")) == null || a.focus();
+    }
+    function Ie() {
+      var t, a;
+      (a = ((t = ne.value) == null ? void 0 : t.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
+    }
+    function be(t) {
+      L.value ? ae(t) : ve();
+    }
+    function Ve(t) {
+      var a, p;
+      Z.value = t, (p = ((a = se.value) == null ? void 0 : a.$el).querySelector("input")) == null || p.focus();
+    }
+    function he(t) {
+      var p;
+      t === "Backspace" && s.value.length > 0 ? s.value = s.value.slice(0, -1) : s.value += t;
+      const a = x(s.value);
+      a != null && a.length && ($.value = (p = E.value) == null ? void 0 : p.findIndex(
+        (r) => r[o.optionValueKey] === a[0][o.optionValueKey]
+      ), typeof $.value == "number" && $.value >= 0 && l($.value)), Ht(() => {
+        s.value = "";
+      }, 1e3);
+    }
+    function Be(t) {
+      const a = t.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (t.preventDefault(), ee(t), o.search ? Ve(a) : he(a)) : ye(t);
+    }
+    function ye(t, a = !0) {
+      const p = t.code, r = ["ArrowUp", "ArrowDown"].includes(p), S = (a ? ["Enter", "Space"] : ["Enter"]).includes(p), N = p === "Escape" && j.value;
+      r ? pe(t, $.value) : S ? ge(t, $.value) : N && ae(t);
+    }
+    function pe(t, a) {
+      var S;
+      t.preventDefault();
+      const p = t.code;
+      j.value || ee(t);
+      const r = (S = E.value) == null ? void 0 : S.length;
+      r && (typeof a == "number" ? a === r - 1 && p === "ArrowDown" ? $.value = 0 : a === 0 && p === "ArrowUp" ? $.value = r - 1 : $.value = p === "ArrowDown" ? a + 1 : a - 1 : $.value = p === "ArrowDown" ? 0 : r - 1, l($.value));
+    }
+    function ge(t, a) {
+      var r, S, N;
+      if (t.preventDefault(), !j.value)
+        return ee(t);
+      const p = a ? ((r = E.value) == null ? void 0 : r[a]) ?? ((S = E.value) == null ? void 0 : S[0]) : (N = E.value) == null ? void 0 : N[0];
+      O(p) || m(p);
+    }
+    async function l(t) {
+      var p, r;
+      await Ce(), typeof t != "number" && g();
+      const a = t ?? $.value;
+      if (typeof a == "number" && a >= 0) {
+        const S = (p = Y.value) == null ? void 0 : p.querySelectorAll(".m-select-list-item");
+        (r = S == null ? void 0 : S[a]) == null || r.scrollIntoView({
+          behavior: "auto",
+          block: "nearest",
+          inline: "start"
+        });
+      }
+    }
+    function g(t) {
+      var p;
+      const a = (p = E.value) == null ? void 0 : p.findIndex((r) => {
+        var S, N;
+        return o.multiple && Array.isArray(o.modelValue) ? t ? t[o.optionValueKey] === r[o.optionValueKey] : [...o.modelValue].reverse()[0] === r[o.optionValueKey] : ((N = (S = Q.value) == null ? void 0 : S[0]) == null ? void 0 : N[o.optionValueKey]) === r[o.optionValueKey];
+      });
+      $.value = a && a >= 0 ? a : 0;
+    }
+    function m(t, a = !0) {
+      var N;
+      a && !o.multiple && Ce(() => ae()), Z.value = "";
+      const p = (N = Q.value) == null ? void 0 : N.some(
+        (J) => J[o.optionValueKey] === t[o.optionValueKey]
+      );
+      let r = Q.value;
+      p && o.multiple ? r = r == null ? void 0 : r.filter(
+        (J) => J[o.optionValueKey] !== t[o.optionValueKey]
+      ) : o.multiple ? r.push(t) : r = [t];
+      const S = r.map((J) => J[o.optionValueKey]);
+      i("update:model-value", o.multiple ? S : S[0]), i("selected-option", t), Ie(), g(t), ve();
+    }
+    return (t, a) => {
+      var p;
+      return Re((u(), z(
+        "div",
+        {
+          ref_key: "mazSelectElement",
+          ref: X,
+          class: w(["m-select", [
+            { "--is-open": j.value, "--disabled": t.disabled, "--block": t.block },
+            o.class,
+            `--${t.size}`
+          ]]),
+          style: ie(t.style)
+        },
+        [
+          M(Oe, Ee({
+            id: y(U),
+            ref_key: "mazInputComponent",
+            ref: ne,
+            class: "m-select-input"
+          }, t.$attrs, {
+            required: t.required,
+            "border-active": L.value,
+            color: t.color,
+            "model-value": le.value,
+            size: t.size,
+            block: "",
+            autocomplete: t.autocomplete,
+            disabled: t.disabled,
+            onFocus: ue(ee, ["prevent", "stop"]),
+            onBlur: ue(ae, ["prevent", "stop"]),
+            onClick: ue(ee, ["prevent", "stop"]),
+            onChange: a[0] || (a[0] = (r) => i("change", r)),
+            onInput: a[1] || (a[1] = (r) => i("input", r)),
+            onKeydown: Be
+          }), {
+            "right-icon": K(() => [
+              B("button", {
+                tabindex: "-1",
+                type: "button",
+                class: "m-select-input__toggle-button maz-custom",
+                "aria-label": `${j.value ? "collapse" : "expand"} list of options`,
+                onClick: ue(be, ["stop"])
+              }, [
+                M(y(V), { class: "m-select-chevron maz-text-xl" })
+              ], 8, Rt)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
+          M(ot, { name: ce.value }, {
+            default: K(() => [
+              j.value ? (u(), z(
+                "div",
+                {
+                  key: 0,
+                  ref_key: "optionsListElement",
+                  ref: Y,
+                  class: w(["m-select-list", {
+                    "--top": t.listPosition.includes("top"),
+                    "--left": t.listPosition.includes("left"),
+                    "--right": t.listPosition.includes("right"),
+                    "--bottom": t.listPosition.includes("bottom")
+                  }]),
+                  style: ie({
+                    maxHeight: `${t.maxListHeight}px`,
+                    maxWidth: `${t.maxListWidth}px`,
+                    minHeight: `${t.minListHeight}px`,
+                    minWidth: `${t.minListWidth}px`
+                  })
+                },
+                [
+                  t.search ? (u(), C(Oe, {
+                    key: 0,
+                    ref_key: "searchInputComponent",
+                    ref: se,
+                    modelValue: Z.value,
+                    "onUpdate:modelValue": [
+                      a[2] || (a[2] = (r) => Z.value = r),
+                      a[4] || (a[4] = (r) => $.value = 0)
+                    ],
+                    size: "sm",
+                    color: t.color,
+                    placeholder: t.searchPlaceholder,
+                    name: "search",
+                    inputmode: "search",
+                    autocomplete: "off",
+                    tabindex: "-1",
+                    class: "m-select-list__search-input maz-flex-none",
+                    "left-icon": y(A),
+                    onKeydown: a[3] || (a[3] = (r) => ye(r, !1))
+                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : d("v-if", !0),
+                  d(`
+          @slot No results slot - Displayed when no results corresponding with search query
+        `),
+                  !E.value || E.value.length <= 0 ? I(t.$slots, "no-results", { key: 1 }, () => [
+                    B("span", Ut, [
+                      M(y(W), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                    ])
+                  ], !0) : (u(), z("div", qt, [
+                    (u(!0), z(
+                      me,
+                      null,
+                      we(E.value, (r, S) => (u(), z(
+                        me,
+                        { key: S },
+                        [
+                          d(`
+              @slot Custom optgroup label
+                @binding {String} label - the label of the optgroup
+            `),
+                          r.label && r.isOptGroup ? I(t.$slots, "optgroup", {
+                            key: 0,
+                            label: r.label
+                          }, () => [
+                            B(
+                              "span",
+                              Qt,
+                              F(r.label),
+                              1
+                              /* TEXT */
+                            )
+                          ], !0) : (u(), z("button", {
+                            key: 1,
+                            tabindex: "-1",
+                            type: "button",
+                            class: w(["m-select-list-item maz-custom maz-flex-none", [
+                              {
+                                "--is-keyboard-selected": $.value === S,
+                                "--is-selected": q(r),
+                                "--is-none-value": O(r[t.optionValueKey])
+                              }
+                            ]]),
+                            style: ie(t.itemHeight ? { height: `${t.itemHeight}px` } : void 0),
+                            onClick: ue((N) => m(r), ["prevent", "stop"])
+                          }, [
+                            t.multiple ? (u(), C(y(b), {
+                              key: 0,
+                              tabindex: "-1",
+                              "model-value": q(r),
+                              size: "sm",
+                              color: t.color
+                            }, null, 8, ["model-value", "color"])) : d("v-if", !0),
+                            d(`
+                @slot Custom option
+                  @binding {Object} option - the option object
+                  @binding {Boolean} is-selected - if the option is selected
+              `),
+                            I(t.$slots, "default", {
+                              option: r,
+                              isSelected: q(r)
+                            }, () => [
+                              B(
+                                "span",
+                                null,
+                                F(r[t.optionLabelKey]),
+                                1
+                                /* TEXT */
+                              )
+                            ], !0)
+                          ], 14, Wt))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]))
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : d("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["name"])
+        ],
+        6
+        /* CLASS, STYLE */
+      )), [
+        [y(Ft), {
+          exclude: (p = t.excludeSelectors) != null && p.length ? t.excludeSelectors : [],
+          handler: ae
+        }]
+      ]);
+    };
+  }
+}), He = /* @__PURE__ */ oe(Gt, [["__scopeId", "data-v-e35a36a6"]]);
+function je(f, n) {
+  const e = lt(f, n);
+  if (!e)
+    throw new TypeError(`[maz-ui](injectStrict) Could not resolve ${f}`);
+  return e;
+}
+const Yt = /* @__PURE__ */ te({
+  __name: "MazTableCell",
+  setup(f) {
+    const { size: n } = je("maz-table");
+    return (e, o) => (u(), z(
+      "td",
+      {
+        class: w(["m-table-cell", `--${y(n)}`])
+      },
+      [
+        I(e.$slots, "default", {}, void 0, !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), ke = /* @__PURE__ */ oe(Yt, [["__scopeId", "data-v-15457736"]]), Zt = /* @__PURE__ */ te({
+  __name: "MazTableRow",
+  props: {
+    noHoverable: { type: Boolean }
+  },
+  setup(f) {
+    const { hoverable: n, backgroundEven: e, backgroundOdd: o } = je("maz-table");
+    return (i, b) => (u(), z(
+      "tr",
+      {
+        class: w(["m-table-row", {
+          "--hoverable": y(n) && !i.noHoverable,
+          "--background-odd": y(o),
+          "--background-even": y(e)
+        }])
+      },
+      [
+        I(i.$slots, "default", {}, void 0, !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), Te = /* @__PURE__ */ oe(Zt, [["__scopeId", "data-v-aabc42eb"]]), _t = /* @__PURE__ */ te({
+  __name: "MazTableTitle",
+  setup(f) {
+    const { size: n } = je("maz-table");
+    return (e, o) => (u(), z(
+      "th",
+      {
+        class: w(["m-table-title", `--${y(n)}`])
+      },
+      [
+        I(e.$slots, "default", {}, void 0, !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), Pe = /* @__PURE__ */ oe(_t, [["__scopeId", "data-v-b12e9afc"]]), Jt = {
+  key: 0,
+  class: "m-table-header"
+}, Xt = {
+  key: 0,
+  class: "m-table-spacer"
+}, xt = { class: "m-table-header-title" }, eo = {
+  key: 1,
+  class: "m-table-header-search"
+}, to = { key: 0 }, oo = { key: 1 }, lo = {
+  key: 0,
+  class: "m-table-sort-icon-wrapper"
+}, ao = { class: "maz-text-center maz-text-muted" }, no = {
+  key: 1,
+  class: "m-table-footer"
+}, so = {
+  key: 0,
+  class: "m-table-footer-pagination"
+}, ro = { class: "m-table-footer-pagination-items-per-page" }, io = { class: "maz-hidden maz-text-sm tab-s:maz-block" }, uo = {
+  key: 0,
+  class: "maz-whitespace-nowrap maz-text-sm"
+}, co = { class: "m-table-footer-pagination-buttons" }, po = /* @__PURE__ */ te({
+  __name: "MazTable",
+  props: {
+    tableClass: { default: void 0 },
+    tableStyle: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    modelValue: { default: void 0 },
+    size: { default: "md" },
+    searchInputSize: {},
+    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" },
+    translations: {},
+    roundedSize: { default: "lg" }
+  },
+  emits: ["update:model-value", "update:search-query", "update:page", "update:page-size"],
+  setup(f, { emit: n }) {
+    $e((l) => ({
+      "0abd42a6": e.tableLayout,
+      fb9d531c: e.captionSide
+    }));
+    const e = f, o = n, i = {
+      noResults: "No results",
+      actionHeader: "Actions",
+      searchByAllLabel: "All",
+      searchByPlaceholder: "Search by",
+      searchPlaceholder: "Search",
+      paginationAllLabel: "All",
+      paginationRowsPerPage: "Rows per page",
+      paginationOf: "of"
+    }, b = c(() => {
+      const { translations: l, searchByAllLabel: g, searchByPlaceholder: m, searchPlaceholder: t, paginationAllLabel: a } = e;
+      return {
+        ...i,
+        ...l,
+        searchByAllLabel: g,
+        searchByPlaceholder: m,
+        searchPlaceholder: t,
+        paginationAllLabel: a
+      };
+    }), A = c(
+      () => e.divider && !e.backgroundEven && !e.backgroundOdd
+    ), { size: V, hoverable: W, backgroundEven: L, backgroundOdd: $ } = at(e);
+    nt("maz-table", {
+      size: V,
+      hoverable: W,
+      backgroundEven: L,
+      backgroundOdd: $
+    });
+    const H = P(be()), G = c(() => e.selectable || !!e.selectedKey), R = P(e.page);
+    ze(
+      () => e.page,
+      (l) => {
+        R.value = l;
+      }
+    );
+    const T = c({
+      get: () => R.value,
+      set: (l) => {
+        R.value = l, o("update:page", l);
+      }
+    }), j = c(() => [
+      { label: b.value.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 }
+    ]), U = P(e.pageSize);
+    ze(
+      () => e.pageSize,
+      (l) => {
+        U.value = l;
+      }
+    );
+    const v = c({
+      get: () => U.value,
+      set: (l) => {
+        U.value = l, o("update:page-size", l);
+      }
+    }), k = c(() => {
+      var l;
+      return e.totalPages ?? (v.value === Number.POSITIVE_INFINITY || !((l = e.rows) != null && l.length)) ? 1 : Math.ceil(e.rows.length / v.value);
+    });
+    function h() {
+      T.value = 1;
+    }
+    function Q() {
+      T.value = k.value;
+    }
+    function X() {
+      T.value = T.value - 1;
+    }
+    function ne() {
+      T.value = T.value + 1;
+    }
+    const se = c(() => {
+      if (!e.pagination || e.noPaginateRows || v.value === Number.POSITIVE_INFINITY)
+        return H.value;
+      const l = (R.value - 1) * v.value, g = l + v.value;
+      return H.value.slice(l, g);
+    });
+    ze(
+      () => [e.rows, e.modelValue],
+      () => {
+        H.value = be();
+      }
+    );
+    const Y = P(), O = P(), q = P(Ie()), le = P("all"), ce = c(() => [
+      { label: e.searchByAllLabel, value: "all" },
+      ...q.value.map((l) => ({
+        label: l.label,
+        value: l.key
+      }))
+    ]), Z = P(e.searchQuery);
+    ze(
+      () => e.searchQuery,
+      (l) => {
+        Z.value = l;
+      }
+    );
+    const s = c({
+      get: () => Z.value,
+      set: (l) => {
+        Z.value = l, o("update:search-query", l);
+      }
+    });
+    function D(l) {
+      return [...l].sort((g, m) => {
+        if (Y.value === void 0 || O.value === void 0)
+          return 0;
+        const t = g[q.value[Y.value].key], a = m[q.value[Y.value].key];
+        return typeof t == "string" && typeof a == "string" ? O.value === "ASC" ? t.localeCompare(a) : a.localeCompare(t) : O.value === "ASC" ? t - a : a - t;
+      });
+    }
+    function x(l) {
+      if (e.noSearchInRow || typeof s.value != "string")
+        return se.value;
+      const g = s.value.toLowerCase();
+      return [...l].filter((m) => le.value ? String(m[le.value]).toLowerCase().includes(g) : Object.values(m).some((t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? String(t).toLowerCase().includes(g) : !1));
+    }
+    const E = c(() => {
+      const l = x(se.value);
+      return D(l);
+    }), ae = Ke(), ee = c(() => e.search || !!e.title || !!ae.title), ve = c(() => e.pagination);
+    function Ie() {
+      var l;
+      return ((l = e.headers) == null ? void 0 : l.map(
+        (g) => typeof g == "string" ? { label: g, align: e.headersAlign } : { align: e.headersAlign, thHeaders: g.headers, ...g }
+      )) ?? [];
+    }
+    function be() {
+      var l;
+      return ((l = e.rows) == null ? void 0 : l.map((g) => {
+        var m;
+        return {
+          selected: (m = e.modelValue) == null ? void 0 : m.includes(e.selectedKey ? g[e.selectedKey] : g),
+          ...g
+        };
+      })) ?? [];
+    }
+    function Ve(l) {
+      l === Y.value ? O.value = O.value === void 0 ? "DESC" : O.value === "DESC" ? "ASC" : void 0 : O.value = "DESC", Y.value = O.value === void 0 ? void 0 : l;
+    }
+    const he = c({
+      get: () => E.value.every((l) => l.selected) ?? !1,
+      set: Be
+    });
+    function Be(l) {
+      for (const g of E.value)
+        g.selected = l;
+      pe();
+    }
+    function ye(l, g) {
+      E.value[g].selected = l, pe();
+    }
+    function pe(l) {
+      l = l ?? ge();
+      const g = l != null && l.length ? l : void 0;
+      o("update:model-value", g);
+    }
+    function ge() {
+      return E.value.filter((l) => l.selected).map((l) => e.selectedKey ? l[e.selectedKey] : l);
+    }
+    return Ue(() => {
+      const l = ge();
+      l != null && l.length && pe(l);
+    }), (l, g) => (u(), z(
+      "div",
+      {
+        class: w(["m-table", { "--has-header": ee.value }])
+      },
+      [
+        ee.value ? (u(), z("div", Jt, [
+          l.title || l.$slots.title ? (u(), z("div", Xt, [
+            I(l.$slots, "title", {}, () => [
+              B(
+                "span",
+                xt,
+                F(l.title),
+                1
+                /* TEXT */
+              )
+            ], !0)
+          ])) : d("v-if", !0),
+          l.search ? (u(), z("div", eo, [
+            l.noSearchBy ? d("v-if", !0) : (u(), C(He, {
+              key: 0,
+              modelValue: le.value,
+              "onUpdate:modelValue": g[0] || (g[0] = (m) => le.value = m),
+              "rounded-size": l.roundedSize,
+              color: l.color,
+              style: { width: "8rem" },
+              placeholder: b.value.searchByPlaceholder,
+              size: l.searchInputSize ?? y(V),
+              options: ce.value
+            }, null, 8, ["modelValue", "rounded-size", "color", "placeholder", "size", "options"])),
+            M(Oe, {
+              modelValue: s.value,
+              "onUpdate:modelValue": g[1] || (g[1] = (m) => s.value = m),
+              size: l.searchInputSize ?? y(V),
+              "rounded-size": l.roundedSize,
+              color: l.color,
+              placeholder: b.value.searchPlaceholder,
+              "left-icon": y(Qe)
+            }, null, 8, ["modelValue", "size", "rounded-size", "color", "placeholder", "left-icon"])
+          ])) : d("v-if", !0)
+        ])) : d("v-if", !0),
+        B(
+          "div",
+          {
+            class: w(["m-table-wrapper", [`--rounded-${l.roundedSize}`]])
+          },
+          [
+            B(
+              "table",
+              {
+                class: w([{ "--elevation": l.elevation, "--has-layout": l.tableLayout }, l.tableClass]),
+                style: ie(l.tableStyle)
+              },
+              [
+                l.caption || l.$slots.caption ? (u(), z("caption", to, [
+                  d(`
+            @slot caption - add caption on top or bottom of the table
+          `),
+                  I(l.$slots, "caption", {}, () => [
+                    re(
+                      F(l.caption),
+                      1
+                      /* TEXT */
+                    )
+                  ], !0)
+                ])) : d("v-if", !0),
+                q.value ? (u(), z("thead", oo, [
+                  d(`
+            @slot thead - content in thead element
+          `),
+                  I(l.$slots, "thead", {}, () => [
+                    M(Te, { "no-hoverable": "" }, {
+                      default: K(() => [
+                        G.value ? (u(), C(Pe, {
+                          key: 0,
+                          align: "left",
+                          class: w([`--${y(V)}`, "m-table-select-column"])
+                        }, {
+                          default: K(() => [
+                            M(Le, {
+                              modelValue: he.value,
+                              "onUpdate:modelValue": g[2] || (g[2] = (m) => he.value = m),
+                              size: "xs"
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["class"])) : d("v-if", !0),
+                        (u(!0), z(
+                          me,
+                          null,
+                          we(q.value, (m, t) => (u(), C(Pe, {
+                            key: t,
+                            scope: m.scope,
+                            align: m.align,
+                            rowspan: m.rowspan,
+                            colspan: m.colspan,
+                            headers: m.thHeaders,
+                            style: ie({ width: m.width, textAlign: m.align }),
+                            class: w(["maz-group", [
+                              { "--hidden": m.hidden, "--sortable": m.sortable ?? l.sortable },
+                              m.classes,
+                              `--${y(V)}`
+                            ]]),
+                            onClick: (a) => (m.sortable ?? l.sortable) && Ve(t)
+                          }, {
+                            default: K(() => [
+                              B(
+                                "span",
+                                {
+                                  class: w({ "maz-sr-only": m.srOnly })
+                                },
+                                [
+                                  d(`
+                  @slot header - replace column header
+                    @binding {Object} header - header data
+                    @binding {String} label - header label
+                `),
+                                  I(l.$slots, "header", {
+                                    header: m,
+                                    label: m.label
+                                  }, () => [
+                                    d(`
+                      @slot header-label-{key} - replace column header label
+                        @binding {Object} header - header data
+                        @binding {String} label - header label
+                    `),
+                                    I(l.$slots, `header-label-${m.key}`, {
+                                      header: m,
+                                      label: m.label
+                                    }, () => [
+                                      re(
+                                        F(m.label),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ], !0),
+                                    m.sortable ?? l.sortable ? (u(), z("div", lo, [
+                                      M(y(it), {
+                                        class: w(["m-table-sort-icon maz-hidden group-hover:maz-block", {
+                                          "--sorted": t === Y.value,
+                                          "--up": O.value === "DESC",
+                                          "--down": O.value === "ASC"
+                                        }])
+                                      }, null, 8, ["class"])
+                                    ])) : d("v-if", !0)
+                                  ], !0)
+                                ],
+                                2
+                                /* CLASS */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["scope", "align", "rowspan", "colspan", "headers", "style", "class", "onClick"]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        )),
+                        l.$slots.actions ? (u(), C(Pe, {
+                          key: 1,
+                          align: "left",
+                          class: w(`--${y(V)}`)
+                        }, {
+                          default: K(() => [
+                            d(`
+                  @slot actions-header - replace text of actions header
+                `),
+                            I(l.$slots, "actions-header", {}, () => [
+                              re(
+                                F(b.value.actionHeader),
+                                1
+                                /* TEXT */
+                              )
+                            ], !0)
+                          ]),
+                          _: 3
+                          /* FORWARDED */
+                        }, 8, ["class"])) : d("v-if", !0)
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    })
+                  ], !0)
+                ])) : d("v-if", !0),
+                l.loading ? (u(), C(Ot, {
+                  key: 2,
+                  color: l.color,
+                  class: "!maz-absolute"
+                }, null, 8, ["color"])) : d("v-if", !0),
+                B(
+                  "tbody",
+                  {
+                    class: w({ "--divider": A.value })
+                  },
+                  [
+                    I(l.$slots, "default", {}, () => [
+                      E.value.length > 0 ? (u(!0), z(
+                        me,
+                        { key: 0 },
+                        we(E.value, (m, t) => (u(), C(Te, {
+                          key: t,
+                          class: w(m.classes),
+                          onClick: (a) => m.action && m.action(m)
+                        }, {
+                          default: K(() => [
+                            G.value ? (u(), C(
+                              ke,
+                              {
+                                key: 0,
+                                class: "m-table-select-column"
+                              },
+                              {
+                                default: K(() => [
+                                  d(`
+                    @slot select - replace checkbox component
+                      @binding {Object} row - row data
+                      @binding {Boolean} selected - if selected or not
+                  `),
+                                  I(l.$slots, "select", {
+                                    row: m,
+                                    selected: m.selected
+                                  }, () => [
+                                    M(Le, {
+                                      size: "xs",
+                                      "model-value": m.selected,
+                                      "onUpdate:modelValue": (a) => ye(a, t)
+                                    }, null, 8, ["model-value", "onUpdate:modelValue"])
+                                  ], !0)
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            )) : d("v-if", !0),
+                            (u(!0), z(
+                              me,
+                              null,
+                              we(q.value, ({ key: a, align: p, classes: r }, S) => (u(), C(ke, {
+                                key: S,
+                                align: p,
+                                class: w(r)
+                              }, {
+                                default: K(() => [
+                                  d(`
+                    @slot cell - replace all row cells
+                      @binding {Object} row - row data
+                      @binding {Boolean} value - cell value
+                  `),
+                                  a ? I(l.$slots, "cell", {
+                                    key: 0,
+                                    row: m,
+                                    value: m[a]
+                                  }, () => [
+                                    d(`
+                      @slot cell-{key} - replace row cells of column
+                        @binding {Object} row - row data
+                        @binding {Boolean} value - cell value
+                    `),
+                                    I(l.$slots, `cell-${a}`, {
+                                      row: m,
+                                      value: m[a]
+                                    }, () => [
+                                      re(
+                                        F(m[a]),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ], !0)
+                                  ], !0) : d("v-if", !0)
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              }, 1032, ["align", "class"]))),
+                              128
+                              /* KEYED_FRAGMENT */
+                            )),
+                            l.$slots.actions ? (u(), C(
+                              ke,
+                              { key: 1 },
+                              {
+                                default: K(() => [
+                                  d(`
+                    @slot actions - will add actions column
+                      @binding {Object} row - row data
+                  `),
+                                  I(l.$slots, "actions", { row: m }, void 0, !0)
+                                ]),
+                                _: 2
+                                /* DYNAMIC */
+                              },
+                              1024
+                              /* DYNAMIC_SLOTS */
+                            )) : d("v-if", !0)
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["class", "onClick"]))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )) : (u(), C(Te, { key: 1 }, {
+                        default: K(() => [
+                          M(ke, {
+                            colspan: q.value.length + (G.value ? 1 : 0) + (l.$slots.actions ? 1 : 0)
+                          }, {
+                            default: K(() => [
+                              d(`
+                    @slot no-results - replace no results
+                  `),
+                              I(l.$slots, "no-results", {}, () => [
+                                B("p", ao, [
+                                  d(`
+                        @slot no-results-text - replace no results test only
+                      `),
+                                  I(l.$slots, "no-results-text", {}, () => [
+                                    re(
+                                      F(b.value.noResults),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ], !0)
+                                ])
+                              ], !0)
+                            ]),
+                            _: 3
+                            /* FORWARDED */
+                          }, 8, ["colspan"])
+                        ]),
+                        _: 3
+                        /* FORWARDED */
+                      }))
+                    ], !0)
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              6
+              /* CLASS, STYLE */
+            )
+          ],
+          2
+          /* CLASS */
+        ),
+        ve.value ? (u(), z("div", no, [
+          g[4] || (g[4] = B(
+            "div",
+            { class: "m-table-spacer" },
+            null,
+            -1
+            /* HOISTED */
+          )),
+          l.pagination ? (u(), z("div", so, [
+            B("div", ro, [
+              B(
+                "span",
+                io,
+                F(b.value.paginationRowsPerPage),
+                1
+                /* TEXT */
+              ),
+              M(He, {
+                modelValue: v.value,
+                "onUpdate:modelValue": g[3] || (g[3] = (m) => v.value = m),
+                options: j.value,
+                "rounded-size": l.roundedSize,
+                size: y(V),
+                color: l.color,
+                "list-position": "top",
+                style: { width: "5rem" }
+              }, null, 8, ["modelValue", "options", "rounded-size", "size", "color"])
+            ]),
+            k.value ? (u(), z(
+              "span",
+              uo,
+              F(T.value) + " - " + F(E.value.length) + " " + F(b.value.paginationOf) + " " + F(k.value),
+              1
+              /* TEXT */
+            )) : d("v-if", !0),
+            B("div", co, [
+              M(fe, {
+                disabled: T.value === 1,
+                size: y(V),
+                color: "transparent",
+                "rounded-size": l.roundedSize,
+                "no-elevation": "",
+                onClick: h
+              }, {
+                default: K(() => [
+                  M(y(De), { class: "maz-text-base" })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "size", "rounded-size"]),
+              M(fe, {
+                disabled: T.value === 1,
+                size: y(V),
+                color: "transparent",
+                "rounded-size": l.roundedSize,
+                "no-elevation": "",
+                onClick: X
+              }, {
+                default: K(() => [
+                  M(y(Fe), { class: "maz-text-base" })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "size", "rounded-size"]),
+              M(fe, {
+                disabled: T.value === k.value,
+                size: y(V),
+                color: "transparent",
+                "rounded-size": l.roundedSize,
+                "no-elevation": "",
+                onClick: ne
+              }, {
+                default: K(() => [
+                  M(y(Fe), { class: "maz-rotate-180 maz-text-base" })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "size", "rounded-size"]),
+              M(fe, {
+                disabled: T.value === k.value,
+                size: y(V),
+                color: "transparent",
+                "rounded-size": l.roundedSize,
+                "no-elevation": "",
+                onClick: Q
+              }, {
+                default: K(() => [
+                  M(y(De), { class: "maz-rotate-180 maz-text-base" })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["disabled", "size", "rounded-size"])
+            ])
+          ])) : d("v-if", !0)
+        ])) : d("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), mo = /* @__PURE__ */ oe(po, [["__scopeId", "data-v-80a2cb7f"]]);
+export {
+  mo as M,
+  oe as _,
+  je as i
+};