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

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

@@ -1,2015 +0,0 @@
-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
-};