maz-ui 3.22.4 → 3.23.1

package/components/chunks/MazSelect-6ff6bb96.mjs

@@ -0,0 +1,652 @@
+import "../assets/MazSelect.css";
+import { computed as r, defineComponent as ce, defineAsyncComponent as S, ref as d, getCurrentInstance as de, onMounted as we, useSlots as ke, openBlock as m, createElementBlock as z, normalizeClass as M, normalizeStyle as Q, createElementVNode as D, renderSlot as E, createVNode as w, unref as y, createCommentVNode as p, withDirectives as Se, mergeProps as me, toHandlers as xe, vModelDynamic as Ie, createTextVNode as Be, toDisplayString as fe, createBlock as R, withModifiers as q, withCtx as H, useCssVars as Ce, onBeforeMount as Ke, Transition as $e, Fragment as Ae, renderList as Le, nextTick as oe } from "vue";
+function Me(l, f) {
+  let v;
+  return function(...x) {
+    clearTimeout(v), v = setTimeout(() => {
+      l.apply(this, x);
+    }, f);
+  };
+}
+const ye = ({
+  componentName: l,
+  instance: f,
+  providedId: v
+}) => r(() => v ?? `${l}-${f == null ? void 0 : f.uid}`), De = {
+  key: 0,
+  class: "m-input-wrapper-left"
+}, Ne = { class: "m-input-wrapper-input" }, Te = ["id", "type", "name", "placeholder", "aria-label", "disabled", "readonly", "required"], Pe = { key: 0 }, Fe = {
+  key: 1,
+  class: "m-input-wrapper-right"
+}, qe = /* @__PURE__ */ ce({
+  inheritAttrs: !1,
+  __name: "MazInput",
+  props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
+    modelValue: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    placeholder: { type: String, default: void 0 },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    label: { type: String, default: void 0 },
+    name: { type: String, default: "input" },
+    type: {
+      type: String,
+      default: "text",
+      validator: (l) => [
+        "text",
+        "date",
+        "number",
+        "tel",
+        "search",
+        "url",
+        "password",
+        "month",
+        "time",
+        "week",
+        "email"
+      ].includes(l)
+    },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    id: { type: String, default: void 0 },
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    warning: { type: Boolean, default: !1 },
+    hint: { type: String, default: void 0 },
+    inputClasses: { type: String, default: void 0 },
+    noBorder: { type: Boolean, default: !1 },
+    noRadius: { type: Boolean, default: !1 },
+    size: {
+      type: String,
+      default: "md",
+      validator: (l) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(l)
+    },
+    debounce: { type: Boolean, default: !1 },
+    debounceDelay: { type: Number, 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, default: void 0 },
+    rightIcon: { type: String, default: void 0 }
+  },
+  emits: ["focus", "blur", "update:model-value", "click", "change", "update"],
+  setup(l, { emit: f }) {
+    const v = S(() => import("./MazBtn-74656d5b.mjs")), x = S(() => import("./MazIcon-52a76873.mjs")), N = S(() => import("./eye-slash-fa42a017.mjs")), Z = S(() => import("./eye-dc12ce09.mjs")), G = S(() => import("./check-31d7ba2f.mjs")), e = l, b = f, g = d(!1), s = d(!1), K = d(), J = de(), X = ye({
+      componentName: "MazInput",
+      instance: J,
+      providedId: e.id
+    });
+    we(() => {
+      var n;
+      e.autoFocus && ((n = K.value) == null || n.focus());
+    });
+    const Y = r(() => e.class), k = r(() => e.type === "password"), _ = r(() => g.value ? "text" : e.type), $ = r(() => {
+      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 (s.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";
+      }
+    }), A = ke(), O = r(() => {
+      const { required: n, placeholder: c } = e;
+      if (c)
+        return n ? `${c} *` : c;
+    }), U = r(() => e.modelValue !== void 0 && e.modelValue !== ""), T = r({
+      get: () => e.modelValue,
+      set: (n) => j(n)
+    }), B = r(() => (!!e.label || !!e.hint) && (s.value || !!U.value || !!e.placeholder || ["date", "month", "week"].includes(e.type))), P = r(() => !!e.label || !!e.hint), ee = () => !!A["right-icon"] || k.value || !!A["valid-button"] || e.validButton || !!e.rightIcon, te = () => !!A["left-icon"] || !!e.leftIcon, C = (n) => {
+      b("focus", n), s.value = !0;
+    }, I = (n) => {
+      b("blur", n), s.value = !1;
+    }, W = (n) => b("change", n), F = Me((n) => {
+      b("update:model-value", n);
+    }, e.debounceDelay), j = (n) => {
+      if (e.debounce)
+        return F(n);
+      b("update:model-value", n);
+    };
+    return (n, c) => (m(), z(
+      "div",
+      {
+        class: M(["m-input", [
+          {
+            "--is-focused": s.value || l.borderActive,
+            "--should-up": B.value,
+            "--has-label": P.value,
+            "--is-disabled": l.disabled,
+            "--is-readonly": l.readonly,
+            "--has-z-2": l.error || l.warning || l.success,
+            "--has-state": l.error || l.warning || l.success
+          },
+          Y.value,
+          `--${l.color}`,
+          `--${l.size}`
+        ]]),
+        style: Q(l.style)
+      },
+      [
+        D(
+          "div",
+          {
+            class: M(["m-input-wrapper", [l.inputClasses, $.value, { "maz-rounded": !l.noRadius }]])
+          },
+          [
+            te() ? (m(), z("div", De, [
+              n.$slots["left-icon"] || l.leftIcon ? E(n.$slots, "left-icon", { key: 0 }, () => [
+                w(y(x), {
+                  name: l.leftIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : p("v-if", !0)
+            ])) : p("v-if", !0),
+            D("div", Ne, [
+              Se(D("input", me({
+                id: y(X),
+                ref_key: "input",
+                ref: K,
+                "onUpdate:modelValue": c[0] || (c[0] = (V) => T.value = V),
+                type: _.value,
+                name: l.name
+              }, n.$attrs, {
+                placeholder: O.value,
+                "aria-label": l.label || l.placeholder,
+                disabled: l.disabled,
+                readonly: l.readonly,
+                required: l.required,
+                class: "m-input-input"
+              }, xe({
+                blur: I,
+                focus: C,
+                change: W
+              }, !0), {
+                onClick: c[1] || (c[1] = (V) => n.$emit("click", V))
+              }), null, 16, Te), [
+                [Ie, T.value]
+              ]),
+              l.label || l.hint ? (m(), z(
+                "span",
+                {
+                  key: 0,
+                  ref: "label",
+                  class: M(["m-input-label", [
+                    {
+                      "maz-text-danger-600": l.error,
+                      "maz-text-success-600": l.success,
+                      "maz-text-warning-600": l.warning
+                    }
+                  ]])
+                },
+                [
+                  Be(
+                    fe(l.hint || l.label) + " ",
+                    1
+                    /* TEXT */
+                  ),
+                  l.required ? (m(), z("sup", Pe, "*")) : p("v-if", !0)
+                ],
+                2
+                /* CLASS */
+              )) : p("v-if", !0)
+            ]),
+            ee() ? (m(), z("div", Fe, [
+              n.$slots["right-icon"] || l.rightIcon ? E(n.$slots, "right-icon", { key: 0 }, () => [
+                w(y(x), {
+                  name: l.rightIcon,
+                  class: "maz-text-xl maz-text-muted"
+                }, null, 8, ["name"])
+              ], !0) : p("v-if", !0),
+              k.value ? (m(), R(y(v), {
+                key: 1,
+                color: "transparent",
+                tabindex: "-1",
+                size: "mini",
+                onClick: c[2] || (c[2] = q((V) => g.value = !g.value, ["stop"]))
+              }, {
+                default: H(() => [
+                  g.value ? (m(), R(y(N), {
+                    key: 0,
+                    class: "maz-text-xl maz-text-muted"
+                  })) : (m(), R(y(Z), {
+                    key: 1,
+                    class: "maz-text-xl maz-text-muted"
+                  }))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : p("v-if", !0),
+              n.$slots["valid-button"] || l.validButton ? E(n.$slots, "valid-button", { key: 2 }, () => [
+                w(y(v), {
+                  color: "transparent",
+                  disabled: l.disabled,
+                  tabindex: "-1",
+                  loading: l.validButtonLoading,
+                  class: "m-input-valid-button",
+                  size: "mini",
+                  type: "submit"
+                }, {
+                  default: H(() => [
+                    w(y(G), { class: "maz-text-2xl maz-text-normal" })
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled", "loading"])
+              ], !0) : p("v-if", !0)
+            ])) : p("v-if", !0)
+          ],
+          2
+          /* CLASS */
+        )
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+});
+const pe = (l, f) => {
+  const v = l.__vccOpts || l;
+  for (const [x, N] of f)
+    v[x] = N;
+  return v;
+}, re = /* @__PURE__ */ pe(qe, [["__scopeId", "data-v-32fa5093"]]);
+d("system");
+d("system");
+d();
+d([]);
+let ne = null;
+function Ee(l, f) {
+  ne && clearTimeout(ne), ne = setTimeout(l, f);
+}
+const He = ["onClick"], Oe = {
+  key: 0,
+  tabindex: "-1",
+  class: "m-select-list__search-wrapper"
+}, Ue = { class: "m-select-list__no-results" }, We = {
+  key: 2,
+  class: "m-select-list__scroll-wrapper",
+  tabindex: "-1"
+}, je = ["onClick"], Qe = /* @__PURE__ */ ce({
+  inheritAttrs: !1,
+  __name: "MazSelect",
+  props: {
+    style: { type: [String, Array, Object], default: void 0 },
+    class: { type: String, default: void 0 },
+    modelValue: {
+      type: [Number, String, Boolean, Array],
+      default: void 0
+    },
+    id: { type: String, default: void 0 },
+    options: { type: Array, default: void 0 },
+    optionValueKey: { type: String, default: "value" },
+    optionLabelKey: { type: String, default: "label" },
+    optionInputValueKey: { type: String, default: "label" },
+    listPosition: {
+      type: String,
+      default: "bottom left",
+      validator: (l) => ["top", "top right", "top left", "bottom", "bottom right", "bottom left"].includes(
+        l
+      )
+    },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: !1 },
+    /** Choose color of the input */
+    color: {
+      type: String,
+      default: "primary"
+    },
+    /** Choose the option list item height */
+    itemHeight: { type: Number, default: 40 },
+    maxListHeight: { type: Number, default: 240 },
+    /** Add max-width value to option list */
+    maxListWidth: { type: Number, default: void 0 },
+    /** Choose size of the input */
+    size: {
+      type: String,
+      default: "md",
+      validator: (l) => ["mini", "xs", "sm", "md", "lg", "xl"].includes(l)
+    },
+    /** Display search input in option list */
+    search: { type: Boolean, default: !1 },
+    /** Search input placeholder */
+    searchPlaceholder: { type: String, default: "Search in options" },
+    /** Enable feature to select multiple values */
+    multiple: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "close",
+    "open",
+    "blur",
+    "focus",
+    "change",
+    "update:model-value",
+    /** On selected value, returns the option object */
+    "selected-option"
+  ],
+  setup(l, { emit: f }) {
+    Ce((t) => ({
+      "1e2ca234": Y.value,
+      a001241a: J.value,
+      "75c5211b": X.value
+    }));
+    const v = S(() => import("./MazCheckbox-3a2b48b4.mjs")), x = S(() => import("./magnifying-glass-908981c0.mjs")), N = S(() => import("./chevron-down-2b60111a.mjs")), Z = S(() => import("./no-symbol-87477ad0.mjs")), G = de(), e = l, b = f, g = d(!1), s = d(), K = r(
+      () => ["black", "transparent", "white"].includes(e.color)
+    ), J = r(
+      () => K.value ? "var(--maz-color-black)" : `var(--maz-color-${e.color}-800)`
+    ), X = r(
+      () => K.value ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-100)`
+    ), Y = r(
+      () => K.value ? "var(--maz-color-muted)" : `var(--maz-color-${e.color}-200)`
+    ), k = r(() => g.value || e.open), _ = ye({
+      componentName: "MazSelect",
+      instance: G,
+      providedId: e.id
+    }), $ = r(
+      () => {
+        var t;
+        return ((t = e.options) == null ? void 0 : t.filter((a) => e.multiple ? Array.isArray(e.modelValue) ? e.modelValue.includes(a[e.optionValueKey]) && !B(a[e.optionValueKey]) : !1 : e.modelValue === a[e.optionValueKey] && !B(a[e.optionValueKey]))) ?? [];
+      }
+    );
+    Ke(() => {
+      var t;
+      (t = e.options) != null && t.length || console.warn("[maz-ui](MazSelect) you must provide options"), ae();
+    });
+    const A = d(), O = d(), U = d(), T = d(), B = (t) => t == null;
+    function P(t) {
+      var o;
+      return (((o = $.value) == null ? void 0 : o.some(
+        (i) => i[e.optionValueKey] === t[e.optionValueKey]
+      )) ?? !1) && !B(t[e.optionValueKey]);
+    }
+    const ee = r(() => {
+      var t, a;
+      return e.multiple && e.modelValue && Array.isArray(e.modelValue) ? e.modelValue.map(
+        (o) => {
+          var i, u;
+          return (u = (i = e.options) == null ? void 0 : i.find((h) => h[e.optionValueKey] === o)) == null ? void 0 : u[e.optionInputValueKey];
+        }
+      ).join(", ") : (a = (t = e.options) == null ? void 0 : t.find((o) => o[e.optionValueKey] === e.modelValue)) == null ? void 0 : a[e.optionInputValueKey];
+    }), te = r(
+      () => e.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
+    ), C = d(""), I = d("");
+    function W(t) {
+      return t.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
+    }
+    const F = (t, a) => a && t && W(t.toString().toLocaleLowerCase().trim()).includes(
+      W(a.toLocaleLowerCase().trim())
+    );
+    function j(t) {
+      var a;
+      return t ? (a = e.options) == null ? void 0 : a.filter((o) => {
+        const i = o[e.optionLabelKey], u = o[e.optionValueKey], h = o[e.optionInputValueKey];
+        return F(i, t) || F(u, t) || F(h, t);
+      }) : e.options;
+    }
+    const n = r(() => j(C.value)), c = async (t) => {
+      var a;
+      if (t && ("relatedTarget" in t && ((a = A.value) != null && a.contains(t.relatedTarget)) || t.type === "keydown"))
+        return t.preventDefault();
+      await oe(), g.value = !1, s.value = 0, b("close", t);
+    }, V = async (t) => {
+      e.disabled || k.value || (t == null || t.preventDefault(), g.value = !0, await le(), b("focus", t), b("open", g.value));
+    };
+    function ie() {
+      var t, a;
+      (a = ((t = O.value) == null ? void 0 : t.$el).querySelector("input")) == null || a.focus();
+    }
+    function ve(t) {
+      g.value ? c(t) : ie();
+    }
+    function be(t) {
+      var a, o;
+      C.value = t, (o = ((a = U.value) == null ? void 0 : a.$el).querySelector("input")) == null || o.focus();
+    }
+    function he(t) {
+      var o;
+      t === "Backspace" && I.value.length > 0 ? I.value = I.value.slice(0, -1) : I.value += t;
+      const a = j(I.value);
+      a != null && a.length && (s.value = (o = n.value) == null ? void 0 : o.findIndex(
+        (i) => i[e.optionValueKey] === a[0][e.optionValueKey]
+      ), typeof s.value == "number" && s.value >= 0 && le(s.value)), Ee(() => {
+        I.value = "";
+      }, 1e3);
+    }
+    const ge = (t) => {
+      const a = t.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(a) ? (t.preventDefault(), V(t), e.search ? be(a) : he(a)) : se(t);
+    }, se = (t) => {
+      const a = t.code, o = ["ArrowUp", "ArrowDown"].includes(a), i = ["Enter", "Space"].includes(a), u = a === "Escape" && k.value;
+      o ? ze(t, s.value) : i ? Ve(t, s.value) : u && c();
+    }, ze = (t, a) => {
+      var u;
+      t.preventDefault();
+      const o = t.code;
+      k.value || V(t);
+      const i = (u = n.value) == null ? void 0 : u.length;
+      i && (typeof a == "number" ? a === i - 1 && o === "ArrowDown" ? s.value = 0 : a === 0 && o === "ArrowUp" ? s.value = i - 1 : s.value = o === "ArrowDown" ? a + 1 : a - 1 : s.value = o === "ArrowDown" ? 0 : i - 1, le(s.value));
+    }, Ve = (t, a) => {
+      var i, u, h;
+      if (t.preventDefault(), !k.value)
+        return V(t);
+      const o = a ? ((i = n.value) == null ? void 0 : i[a]) ?? ((u = n.value) == null ? void 0 : u[0]) : (h = n.value) == null ? void 0 : h[0];
+      B(o) || ue(o);
+    };
+    async function le(t) {
+      var o, i;
+      await oe(), typeof t != "number" && ae();
+      const a = t ?? s.value;
+      typeof a == "number" && a >= 0 && ((i = (o = T.value) == null ? void 0 : o.querySelectorAll(".m-select-list-item")[a]) == null || i.scrollIntoView({
+        behavior: "auto",
+        block: "nearest",
+        inline: "start"
+      }));
+    }
+    function ae(t) {
+      var o;
+      const a = (o = n.value) == null ? void 0 : o.findIndex((i) => {
+        var u, h;
+        return e.multiple && Array.isArray(e.modelValue) ? t ? t[e.optionValueKey] === i[e.optionValueKey] : [...e.modelValue].reverse()[0] === i[e.optionValueKey] : ((h = (u = $.value) == null ? void 0 : u[0]) == null ? void 0 : h[e.optionValueKey]) === i[e.optionValueKey];
+      });
+      s.value = a && a >= 0 ? a : 0;
+    }
+    const ue = (t, a = !0) => {
+      var h;
+      a && !e.multiple && oe(() => c()), C.value = "";
+      const o = (h = $.value) == null ? void 0 : h.some(
+        (L) => L[e.optionValueKey] === t[e.optionValueKey]
+      );
+      let i = $.value;
+      o && e.multiple ? i = i == null ? void 0 : i.filter(
+        (L) => L[e.optionValueKey] !== t[e.optionValueKey]
+      ) : e.multiple ? i.push(t) : i = [t];
+      const u = i.map((L) => L[e.optionValueKey]);
+      b("update:model-value", e.multiple ? u : u[0]), b("selected-option", t), ae(t), ie();
+    };
+    return (t, a) => (m(), z(
+      "div",
+      {
+        ref_key: "mazSelectElement",
+        ref: A,
+        class: M(["m-select", [{ "--is-open": k.value, "--disabled": l.disabled }, e.class]]),
+        style: Q(l.style),
+        onBlurCapture: c
+      },
+      [
+        w(re, me({
+          id: y(_),
+          ref_key: "mazInputComponent",
+          ref: O,
+          class: "m-select-input"
+        }, t.$attrs, {
+          required: l.required,
+          "border-active": g.value,
+          color: l.color,
+          "model-value": ee.value,
+          autocomplete: "off",
+          size: l.size,
+          disabled: l.disabled,
+          onFocus: q(V, ["prevent", "stop"]),
+          onClick: q(V, ["prevent", "stop"]),
+          onChange: a[0] || (a[0] = (o) => b("change", o)),
+          onKeydown: ge
+        }), {
+          "right-icon": H(() => [
+            D("button", {
+              tabindex: "-1",
+              type: "button",
+              class: "m-select-input__toggle-button maz-custom",
+              onClick: q(ve, ["stop"])
+            }, [
+              w(y(N), { class: "m-select-chevron maz-text-xl" })
+            ], 8, He)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled", "onFocus", "onClick"]),
+        w($e, { name: te.value }, {
+          default: H(() => [
+            k.value ? (m(), z(
+              "div",
+              {
+                key: 0,
+                ref_key: "optionsListElement",
+                ref: T,
+                class: M(["m-select-list", {
+                  "--top": l.listPosition.includes("top"),
+                  "--left": l.listPosition.includes("left"),
+                  "--right": l.listPosition.includes("right"),
+                  "--bottom": l.listPosition.includes("bottom")
+                }]),
+                style: Q({
+                  maxHeight: `${l.maxListHeight}px`,
+                  maxWidth: `${l.maxListWidth}px`
+                })
+              },
+              [
+                l.search ? (m(), z("div", Oe, [
+                  w(re, {
+                    ref_key: "searchInputComponent",
+                    ref: U,
+                    modelValue: C.value,
+                    "onUpdate:modelValue": [
+                      a[1] || (a[1] = (o) => C.value = o),
+                      a[2] || (a[2] = (o) => s.value = 0)
+                    ],
+                    size: "sm",
+                    color: l.color,
+                    placeholder: l.searchPlaceholder,
+                    name: "search",
+                    autocomplete: "off",
+                    tabindex: "-1",
+                    class: "m-select-list__search-input",
+                    onKeydown: se
+                  }, {
+                    "left-icon": H(() => [
+                      w(y(x), { class: "maz-h-[1.3rem] maz-w-[1.3rem]" })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue", "color", "placeholder"])
+                ])) : p("v-if", !0),
+                p(`
+          @slot No results slot - Displayed when no results corresponding with seeach query
+        `),
+                !n.value || n.value.length <= 0 ? E(t.$slots, "no-results", { key: 1 }, () => [
+                  D("span", Ue, [
+                    w(y(Z), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  ])
+                ], !0) : (m(), z("div", We, [
+                  (m(!0), z(
+                    Ae,
+                    null,
+                    Le(n.value, (o, i) => (m(), z("button", {
+                      key: i,
+                      tabindex: "-1",
+                      type: "button",
+                      class: M(["m-select-list-item maz-custom", [
+                        {
+                          "--is-keyboard-selected": s.value === i,
+                          "--is-selected": P(o),
+                          "--is-none-value": B(o[l.optionValueKey])
+                        }
+                      ]]),
+                      style: Q({ minHeight: `${l.itemHeight}px` }),
+                      onClick: q((u) => ue(o), ["prevent", "stop"])
+                    }, [
+                      l.multiple ? (m(), R(y(v), {
+                        key: 0,
+                        tabindex: "-1",
+                        "model-value": P(o),
+                        size: "sm",
+                        color: l.color
+                      }, null, 8, ["model-value", "color"])) : p("v-if", !0),
+                      p(`
+              @slot Custom option
+                @binding {Object} option
+                @binding {Boolean} is-selected
+            `),
+                      E(t.$slots, "default", {
+                        option: o,
+                        isSelected: P(o)
+                      }, () => [
+                        D(
+                          "span",
+                          null,
+                          fe(o[l.optionLabelKey]),
+                          1
+                          /* TEXT */
+                        )
+                      ], !0)
+                    ], 14, je))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]))
+              ],
+              6
+              /* CLASS, STYLE */
+            )) : p("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["name"])
+      ],
+      38
+      /* CLASS, STYLE, HYDRATE_EVENTS */
+    ));
+  }
+});
+const Ge = /* @__PURE__ */ pe(Qe, [["__scopeId", "data-v-441d5cd5"]]);
+export {
+  Ge as M,
+  pe as _,
+  ye as u
+};

package/components/chunks/MazSpinner-054f948c.mjs

@@ -0,0 +1,39 @@
+import "../assets/MazSpinner.css";
+import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as p, createElementVNode as r } from "vue";
+import { _ as i } from "./MazBtn-7706b2da.mjs";
+const a = (e) => (s("data-v-c67298ec"), e = e(), p(), e), _ = ["width", "height"], d = /* @__PURE__ */ a(() => /* @__PURE__ */ r(
+  "path",
+  { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },
+  null,
+  -1
+  /* HOISTED */
+)), l = [
+  d
+], m = /* @__PURE__ */ t({
+  __name: "MazSpinner",
+  props: {
+    size: { type: String, default: "2em" },
+    color: {
+      type: String,
+      default: "primary"
+    }
+  },
+  setup(e) {
+    return (h, u) => (o(), c("svg", {
+      width: e.size,
+      height: e.size,
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 50 50",
+      "xml:space": "preserve",
+      class: n(["m-spinner", `m-spinner--${e.color}`]),
+      style: { "enable-background": "new 0 0 50 50" }
+    }, l, 10, _));
+  }
+});
+const w = /* @__PURE__ */ i(m, [["__scopeId", "data-v-c67298ec"]]);
+export {
+  w as default
+};