maz-ui 3.37.3 → 3.37.4

package/components/chunks/MazSelect-Cr1xT89o.mjs

@@ -1,767 +0,0 @@
-import '../assets/MazSelect.css';
-import { getCurrentInstance as De, computed as c, defineComponent as be, defineAsyncComponent as $, ref as V, onMounted as Te, useSlots as Ne, openBlock as v, createElementBlock as w, normalizeClass as H, normalizeStyle as X, createElementVNode as T, createCommentVNode as h, renderSlot as U, createBlock as C, unref as g, resolveDynamicComponent as me, withDirectives as ge, mergeProps as ze, toHandlers as Ee, vModelDynamic as Pe, createTextVNode as Fe, toDisplayString as ue, withModifiers as F, withCtx as x, createVNode as O, nextTick as Y, useCssVars as Oe, onBeforeMount as He, Transition as Ue, Fragment as ve, renderList as qe } from "vue";
-function Qe(i, r) {
-  let u;
-  return function(...p) {
-    clearTimeout(u), u = setTimeout(() => {
-      i.apply(this, p);
-    }, r);
-  };
-}
-const ke = ({
-  componentName: i,
-  providedId: r
-}) => {
-  const u = De();
-  return c(() => r ?? `${i}-${u == null ? void 0 : u.uid}`);
-}, Re = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, We = { class: "m-input-wrapper-input" }, je = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], Ge = { key: 0 }, Ze = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, Je = /* @__PURE__ */ be({
-  inheritAttrs: !1,
-  __name: "MazInput",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    modelValue: { type: [String, Number, null, Boolean], default: void 0 },
-    placeholder: { default: void 0 },
-    label: { default: void 0 },
-    name: { default: void 0 },
-    color: { default: "primary" },
-    type: { default: "text" },
-    required: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    id: { default: void 0 },
-    error: { type: Boolean, default: !1 },
-    success: { type: Boolean, default: !1 },
-    warning: { type: Boolean, default: !1 },
-    hint: { default: void 0 },
-    inputClasses: { default: void 0 },
-    noBorder: { type: Boolean, default: !1 },
-    noRadius: { type: Boolean, default: !1 },
-    inputmode: { default: "text" },
-    size: { default: "md" },
-    debounce: { type: [Boolean, Number], default: !1 },
-    debounceDelay: { default: 500 },
-    validButton: { type: Boolean, default: !1 },
-    validButtonLoading: { type: Boolean, default: !1 },
-    autoFocus: { type: Boolean, default: !1 },
-    borderActive: { type: Boolean, default: !1 },
-    leftIcon: { default: void 0 },
-    rightIcon: { default: void 0 },
-    roundedSize: { default: void 0 },
-    block: { type: Boolean }
-  },
-  emits: ["update:model-value", "focus", "blur", "click", "change"],
-  setup(i, { emit: r }) {
-    const u = $(() => import("./MazBtn-BJs3rzUf.mjs")), p = $(() => import("./MazIcon-Cxrv3_OK.mjs")), y = $(() => import("./eye-slash-tjfxO0LK.mjs")), d = $(() => import("./eye-DqO_Jx56.mjs")), t = $(() => import("./check-7UA4j2f2.mjs")), s = i, k = r, f = V(!1), K = V(!1), W = V(), ee = ke({
-      componentName: "MazInput",
-      providedId: s.id
-    });
-    Te(() => {
-      var o;
-      s.autoFocus && ((o = W.value) == null || o.focus());
-    });
-    const j = c(() => s.type === "password"), I = c(() => f.value ? "text" : s.type), te = c(() => {
-      if (!s.noBorder) {
-        if (s.error)
-          return "maz-border-danger";
-        if (s.success)
-          return "maz-border-success";
-        if (s.warning)
-          return "maz-border-warning";
-        if (K.value || s.borderActive) {
-          if (s.color === "black")
-            return "maz-border-black";
-          if (s.color === "danger")
-            return "maz-border-danger";
-          if (s.color === "info")
-            return "maz-border-info";
-          if (s.color === "primary")
-            return "maz-border-primary";
-          if (s.color === "secondary")
-            return "maz-border-secondary";
-          if (s.color === "success")
-            return "maz-border-success";
-          if (s.color === "warning")
-            return "maz-border-warning";
-          if (s.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), N = Ne(), G = c(() => {
-      const { required: o, placeholder: z } = s;
-      if (z)
-        return o ? `${z} *` : z;
-    }), M = c(() => S.value !== void 0 && S.value !== ""), E = Qe(
-      (o) => {
-        S.value = o;
-      },
-      typeof s.debounce == "number" ? s.debounce : s.debounceDelay ?? 500
-    ), S = c({
-      get: () => s.modelValue,
-      set: (o) => {
-        if (s.debounce)
-          return E(o);
-        k("update:model-value", o);
-      }
-    }), Z = c(() => (!!s.label || !!s.hint) && (K.value || !!M.value || !!s.placeholder || ["date", "month", "week"].includes(s.type))), J = c(() => !!s.label || !!s.hint);
-    function L() {
-      return !!N["right-icon"] || j.value || !!N["valid-button"] || s.validButton || !!s.rightIcon;
-    }
-    function q() {
-      return !!N["left-icon"] || !!s.leftIcon;
-    }
-    function le(o) {
-      k("focus", o), K.value = !0;
-    }
-    function ae(o) {
-      k("blur", o), K.value = !1;
-    }
-    function D(o) {
-      return k("change", o);
-    }
-    return (o, z) => (v(), w(
-      "div",
-      {
-        class: H(["m-input", [
-          {
-            "--is-focused": K.value || o.borderActive,
-            "--should-up": Z.value,
-            "--has-label": J.value,
-            "--is-disabled": o.disabled,
-            "--is-readonly": o.readonly,
-            "--has-z-2": o.error || o.warning || o.success,
-            "--has-state": o.error || o.warning || o.success,
-            "--block": o.block
-          },
-          s.class,
-          `--${o.color}`,
-          `--${o.size}`
-        ]]),
-        style: X(o.style)
-      },
-      [
-        T(
-          "div",
-          {
-            class: H(["m-input-wrapper", [
-              o.inputClasses,
-              te.value,
-              o.roundedSize ? `--rounded-${o.roundedSize}` : { "maz-rounded": !o.noRadius }
-            ]])
-          },
-          [
-            q() ? (v(), w("div", Re, [
-              h(`
-          @slot left-icon - The icon to display on the left of the input
-        `),
-              o.$slots["left-icon"] || o.leftIcon ? U(o.$slots, "left-icon", { key: 0 }, () => [
-                typeof o.leftIcon == "string" ? (v(), C(g(p), {
-                  key: 0,
-                  name: o.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (v(), C(me(o.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : h("v-if", !0)
-              ], !0) : h("v-if", !0)
-            ])) : h("v-if", !0),
-            T("div", We, [
-              ge(T("input", ze({
-                id: g(ee),
-                ref_key: "input",
-                ref: W,
-                "onUpdate:modelValue": z[0] || (z[0] = (A) => S.value = A),
-                type: I.value,
-                name: o.name
-              }, o.$attrs, {
-                inputmode: o.inputmode,
-                placeholder: G.value,
-                "aria-label": o.label || o.placeholder,
-                disabled: o.disabled,
-                readonly: o.readonly,
-                required: o.required,
-                class: "m-input-input"
-              }, Ee({
-                blur: ae,
-                focus: le,
-                change: D
-              }, !0), {
-                onClick: z[1] || (z[1] = (A) => o.$emit("click", A))
-              }), null, 16, je), [
-                [Pe, S.value]
-              ]),
-              o.label || o.hint ? (v(), w(
-                "span",
-                {
-                  key: 0,
-                  ref: "label",
-                  class: H(["m-input-label", [
-                    {
-                      "maz-text-danger-600": o.error,
-                      "maz-text-success-600": o.success,
-                      "maz-text-warning-600": o.warning
-                    }
-                  ]])
-                },
-                [
-                  Fe(
-                    ue(o.hint || o.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  o.required ? (v(), w("sup", Ge, "*")) : h("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : h("v-if", !0)
-            ]),
-            L() ? (v(), w("div", Ze, [
-              h(`
-          @slot right-icon - The icon to display on the right of the input
-        `),
-              o.$slots["right-icon"] || o.rightIcon ? U(o.$slots, "right-icon", { key: 0 }, () => [
-                typeof o.rightIcon == "string" ? (v(), C(g(p), {
-                  key: 0,
-                  name: o.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (v(), C(me(o.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : h("v-if", !0)
-              ], !0) : h("v-if", !0),
-              j.value ? (v(), C(g(u), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: z[2] || (z[2] = F((A) => f.value = !f.value, ["stop"]))
-              }, {
-                default: x(() => [
-                  f.value ? (v(), C(g(y), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (v(), C(g(d), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : h("v-if", !0),
-              h(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              o.$slots["valid-button"] || o.validButton ? U(o.$slots, "valid-button", { key: 2 }, () => [
-                O(g(u), {
-                  color: "transparent",
-                  disabled: o.disabled,
-                  tabindex: "-1",
-                  loading: o.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: x(() => [
-                    O(g(t), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : h("v-if", !0)
-            ])) : h("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), Ve = (i, r) => {
-  const u = i.__vccOpts || i;
-  for (const [p, y] of r)
-    u[p] = y;
-  return u;
-}, ye = /* @__PURE__ */ Ve(Je, [["__scopeId", "data-v-78090be8"]]);
-let ie = null;
-function Xe(i, r) {
-  ie && clearTimeout(ie), ie = setTimeout(i, r);
-}
-const _ = "__maz-click-outside__", we = () => document.ontouchstart === null ? "touchstart" : "click";
-async function Ie(i, r) {
-  try {
-    Ke(i);
-    const u = r.instance, p = r.value, y = typeof p == "function";
-    if (!y)
-      throw new Error("[maz-ui](vClickOutside) the callback should be a function");
-    await Y(), i[_] = (t) => {
-      if ((!i || t.target && !i.contains(t.target)) && p && y)
-        return p.call(u, t);
-    };
-    const d = we();
-    document.addEventListener(d, i[_], { passive: !0 });
-  } catch (u) {
-    console.error("[maz-ui](vClickOutside)", u);
-  }
-}
-function Ke(i) {
-  try {
-    const r = we();
-    document.removeEventListener(r, i[_], !1), delete i[_];
-  } catch (r) {
-    console.error("[maz-ui](vClickOutside)", r);
-  }
-}
-function Ye(i, r) {
-  try {
-    if (r.value === r.oldValue)
-      return;
-    Ie(i, r);
-  } catch (u) {
-    console.error("[maz-ui](vClickOutside)", u);
-  }
-}
-const xe = {
-  mounted: Ie,
-  updated: Ye,
-  unmounted: Ke
-};
-function _e(i, r) {
-  const u = i.length, p = r.length, y = [];
-  for (let d = 0; d <= u; d++)
-    y[d] = [d];
-  for (let d = 0; d <= p; d++)
-    y[0][d] = d;
-  for (let d = 1; d <= u; d++)
-    for (let t = 1; t <= p; t++) {
-      const s = i[d - 1] === r[t - 1] ? 0 : 1;
-      y[d][t] = Math.min(
-        y[d - 1][t] + 1,
-        y[d][t - 1] + 1,
-        y[d - 1][t - 1] + s
-      );
-    }
-  return y[u][p];
-}
-function he(i) {
-  return i.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").toLowerCase();
-}
-function Be(i, r) {
-  const u = _e(i, r), p = Math.max(i.length, r.length);
-  return 1 - u / p;
-}
-function et(i, r, u = 0.75) {
-  return Be(i, r) >= u;
-}
-function re(i, r, u = 0.75) {
-  const p = c(
-    () => he(typeof i == "string" ? i : i.value)
-  ), y = c(
-    () => he(typeof r == "string" ? r : r.value)
-  ), d = c(() => typeof u == "number" ? u : u.value), t = c(() => Be(p.value, y.value));
-  return {
-    isMatching: c(
-      () => et(p.value, y.value, d.value)
-    ),
-    score: t
-  };
-}
-const tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
-  key: 2,
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, at = { class: "m-select-list-optgroup" }, nt = ["onClick"], st = /* @__PURE__ */ be({
-  inheritAttrs: !1,
-  __name: "MazSelect",
-  props: {
-    style: { default: void 0 },
-    class: { default: void 0 },
-    id: { default: void 0 },
-    modelValue: { type: [String, Number, null, Boolean, Array], default: void 0 },
-    options: { default: void 0 },
-    optionValueKey: { default: "value" },
-    optionLabelKey: { default: "label" },
-    optionInputValueKey: { default: "label" },
-    listPosition: { default: "bottom left" },
-    itemHeight: { default: void 0 },
-    maxListHeight: { default: 240 },
-    maxListWidth: { default: void 0 },
-    size: { default: "md" },
-    color: { default: "primary" },
-    search: { type: Boolean },
-    searchPlaceholder: { default: "Search in options" },
-    open: { type: Boolean },
-    multiple: { type: Boolean },
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    block: { type: Boolean }
-  },
-  emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
-  setup(i, { emit: r }) {
-    Oe((e) => ({
-      "4ce1fbd6": j.value,
-      "3d1b8a94": W.value,
-      "12d1f1fc": ee.value
-    }));
-    const u = $(() => import("./MazCheckbox-DJBo7Ejt.mjs")), p = $(() => import("./magnifying-glass-DZGg7953.mjs")), y = $(() => import("./chevron-down-CzMH-gFW.mjs")), d = $(() => import("./no-symbol-QAqP9IlR.mjs")), t = i, s = r, k = V(!1), f = V(), K = c(
-      () => ["black", "transparent", "white"].includes(t.color)
-    ), W = c(
-      () => K.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), ee = c(
-      () => K.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), j = c(
-      () => K.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = c(() => k.value || t.open), te = ke({
-      componentName: "MazSelect",
-      providedId: t.id
-    });
-    function N(e) {
-      return {
-        [t.optionValueKey]: e,
-        [t.optionLabelKey]: e,
-        [t.optionInputValueKey]: e
-      };
-    }
-    function G(e) {
-      return {
-        ...e,
-        [t.optionValueKey]: e[t.optionValueKey],
-        [t.optionLabelKey]: e[t.optionLabelKey],
-        [t.optionInputValueKey]: e[t.optionInputValueKey]
-      };
-    }
-    const M = c(() => {
-      var l;
-      const e = [];
-      if (!((l = t.options) != null && l.length))
-        return [];
-      for (const a of t.options)
-        typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? e.push(N(a)) : "options" in a && Array.isArray(a.options) ? e.push(
-          { label: a.label, isOptGroup: !0 },
-          ...a.options.map(
-            (n) => typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? N(n) : G(n)
-          )
-        ) : e.push(G(a));
-      return e;
-    }), E = c(
-      () => {
-        var e;
-        return ((e = M.value) == null ? void 0 : e.filter((l) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(l[t.optionValueKey]) && !L(l[t.optionValueKey]) : !1 : t.modelValue === l[t.optionValueKey] && !L(l[t.optionValueKey]))) ?? [];
-      }
-    );
-    He(() => {
-      var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), se();
-    });
-    const oe = V(), S = V(), Z = V(), J = V(), L = (e) => e == null;
-    function q(e) {
-      var a;
-      return (((a = E.value) == null ? void 0 : a.some(
-        (n) => n[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !L(e[t.optionValueKey]);
-    }
-    const le = c(() => {
-      var l;
-      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
-        return t.modelValue.map(
-          (a) => {
-            var n, m;
-            return (m = (n = M.value) == null ? void 0 : n.find((b) => b[t.optionValueKey] === a)) == null ? void 0 : m[t.optionInputValueKey];
-          }
-        ).join(", ");
-      const e = (l = M.value) == null ? void 0 : l.find(
-        (a) => a[t.optionValueKey] === t.modelValue
-      );
-      return L(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), ae = c(
-      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), D = V(""), o = V("");
-    function z(e) {
-      return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
-    }
-    const A = (e, l) => l && e && z(e.toString().toLocaleLowerCase().trim()).includes(
-      z(l.toLocaleLowerCase().trim())
-    );
-    function de(e) {
-      var l;
-      return e ? (l = M.value) == null ? void 0 : l.filter((a) => {
-        const n = a[t.optionLabelKey], m = a[t.optionValueKey], b = a[t.optionInputValueKey];
-        return A(n, e) || A(b, e) || A(m, e) || typeof n == "string" && re(n, e).isMatching.value || typeof b == "string" && re(b, e).isMatching.value || typeof m == "string" && re(m, e).isMatching.value;
-      }) : M.value;
-    }
-    const B = c(() => de(D.value));
-    async function Q(e) {
-      var l;
-      if (I.value) {
-        if (e && ("relatedTarget" in e && ((l = oe.value) != null && l.contains(e.relatedTarget)) || e.type === "keydown"))
-          return e.preventDefault();
-        await Y(), k.value = !1, f.value = 0, s("close", e);
-      }
-    }
-    async function R(e) {
-      t.disabled || I.value || (e == null || e.preventDefault(), k.value = !0, await ne(), s("focus", e), s("open", k.value));
-    }
-    function ce() {
-      var e, l;
-      (l = ((e = S.value) == null ? void 0 : e.$el).querySelector("input")) == null || l.focus();
-    }
-    function Ce(e) {
-      k.value ? Q(e) : ce();
-    }
-    function $e(e) {
-      var l, a;
-      D.value = e, (a = ((l = Z.value) == null ? void 0 : l.$el).querySelector("input")) == null || a.focus();
-    }
-    function Se(e) {
-      var a;
-      e === "Backspace" && o.value.length > 0 ? o.value = o.value.slice(0, -1) : o.value += e;
-      const l = de(o.value);
-      l != null && l.length && (f.value = (a = B.value) == null ? void 0 : a.findIndex(
-        (n) => n[t.optionValueKey] === l[0][t.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && ne(f.value)), Xe(() => {
-        o.value = "";
-      }, 1e3);
-    }
-    const Le = (e) => {
-      const l = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(l) ? (e.preventDefault(), R(e), t.search ? $e(l) : Se(l)) : pe(e);
-    }, pe = (e) => {
-      const l = e.code, a = ["ArrowUp", "ArrowDown"].includes(l), n = ["Enter", "Space"].includes(l), m = l === "Escape" && I.value;
-      a ? Ae(e, f.value) : n ? Me(e, f.value) : m && Q();
-    }, Ae = (e, l) => {
-      var m;
-      e.preventDefault();
-      const a = e.code;
-      I.value || R(e);
-      const n = (m = B.value) == null ? void 0 : m.length;
-      n && (typeof l == "number" ? l === n - 1 && a === "ArrowDown" ? f.value = 0 : l === 0 && a === "ArrowUp" ? f.value = n - 1 : f.value = a === "ArrowDown" ? l + 1 : l - 1 : f.value = a === "ArrowDown" ? 0 : n - 1, ne(f.value));
-    }, Me = (e, l) => {
-      var n, m, b;
-      if (e.preventDefault(), !I.value)
-        return R(e);
-      const a = l ? ((n = B.value) == null ? void 0 : n[l]) ?? ((m = B.value) == null ? void 0 : m[0]) : (b = B.value) == null ? void 0 : b[0];
-      L(a) || fe(a);
-    };
-    async function ne(e) {
-      var a, n;
-      await Y(), typeof e != "number" && se();
-      const l = e ?? f.value;
-      typeof l == "number" && l >= 0 && ((n = (a = J.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item")[l]) == null || n.scrollIntoView({
-        behavior: "auto",
-        block: "nearest",
-        inline: "start"
-      }));
-    }
-    function se(e) {
-      var a;
-      const l = (a = B.value) == null ? void 0 : a.findIndex((n) => {
-        var m, b;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === n[t.optionValueKey] : [...t.modelValue].reverse()[0] === n[t.optionValueKey] : ((b = (m = E.value) == null ? void 0 : m[0]) == null ? void 0 : b[t.optionValueKey]) === n[t.optionValueKey];
-      });
-      f.value = l && l >= 0 ? l : 0;
-    }
-    const fe = (e, l = !0) => {
-      var b;
-      l && !t.multiple && Y(() => Q()), D.value = "";
-      const a = (b = E.value) == null ? void 0 : b.some(
-        (P) => P[t.optionValueKey] === e[t.optionValueKey]
-      );
-      let n = E.value;
-      a && t.multiple ? n = n == null ? void 0 : n.filter(
-        (P) => P[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? n.push(e) : n = [e];
-      const m = n.map((P) => P[t.optionValueKey]);
-      s("update:model-value", t.multiple ? m : m[0]), s("selected-option", e), se(e), ce();
-    };
-    return (e, l) => ge((v(), w(
-      "div",
-      {
-        ref_key: "mazSelectElement",
-        ref: oe,
-        class: H(["m-select", [
-          { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
-          t.class,
-          `--${e.size}`
-        ]]),
-        style: X(e.style)
-      },
-      [
-        O(ye, ze({
-          id: g(te),
-          ref_key: "mazInputComponent",
-          ref: S,
-          class: "m-select-input"
-        }, e.$attrs, {
-          required: e.required,
-          "border-active": k.value,
-          color: e.color,
-          "model-value": le.value,
-          autocomplete: "off",
-          size: e.size,
-          block: "",
-          disabled: e.disabled,
-          onFocus: F(R, ["prevent", "stop"]),
-          onClick: F(R, ["prevent", "stop"]),
-          onBlur: F(Q, ["prevent", "stop"]),
-          onChange: l[0] || (l[0] = (a) => s("change", a)),
-          onKeydown: Le
-        }), {
-          "right-icon": x(() => [
-            T("button", {
-              tabindex: "-1",
-              type: "button",
-              class: "m-select-input__toggle-button maz-custom",
-              "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-              onClick: F(Ce, ["stop"])
-            }, [
-              O(g(y), { class: "m-select-chevron maz-text-xl" })
-            ], 8, tt)
-          ]),
-          _: 1
-          /* STABLE */
-        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        O(Ue, { name: ae.value }, {
-          default: x(() => [
-            I.value ? (v(), w(
-              "div",
-              {
-                key: 0,
-                ref_key: "optionsListElement",
-                ref: J,
-                class: H(["m-select-list", {
-                  "--top": e.listPosition.includes("top"),
-                  "--left": e.listPosition.includes("left"),
-                  "--right": e.listPosition.includes("right"),
-                  "--bottom": e.listPosition.includes("bottom")
-                }]),
-                style: X({
-                  maxHeight: `${e.maxListHeight}px`,
-                  maxWidth: `${e.maxListWidth}px`
-                })
-              },
-              [
-                e.search ? (v(), C(ye, {
-                  key: 0,
-                  ref_key: "searchInputComponent",
-                  ref: Z,
-                  modelValue: D.value,
-                  "onUpdate:modelValue": [
-                    l[1] || (l[1] = (a) => D.value = a),
-                    l[2] || (l[2] = (a) => f.value = 0)
-                  ],
-                  size: "sm",
-                  color: e.color,
-                  placeholder: e.searchPlaceholder,
-                  name: "search",
-                  autocomplete: "off",
-                  tabindex: "-1",
-                  class: "m-select-list__search-input maz-flex-none",
-                  "left-icon": g(p),
-                  onKeydown: pe
-                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : h("v-if", !0),
-                h(`
-          @slot No results slot - Displayed when no results corresponding with search query
-        `),
-                !B.value || B.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
-                  T("span", ot, [
-                    O(g(d), { class: "maz-h-6 maz-w-6 maz-text-normal" })
-                  ])
-                ], !0) : (v(), w("div", lt, [
-                  (v(!0), w(
-                    ve,
-                    null,
-                    qe(B.value, (a, n) => (v(), w(
-                      ve,
-                      { key: n },
-                      [
-                        h(`
-              @slot Custom optgroup label
-                @binding {String} label - the label of the optgroup
-            `),
-                        a.label && a.isOptGroup ? U(e.$slots, "optgroup", {
-                          key: 0,
-                          label: a.label
-                        }, () => [
-                          T(
-                            "span",
-                            at,
-                            ue(a.label),
-                            1
-                            /* TEXT */
-                          )
-                        ], !0) : (v(), w("button", {
-                          key: 1,
-                          tabindex: "-1",
-                          type: "button",
-                          class: H(["m-select-list-item maz-custom maz-flex-none", [
-                            {
-                              "--is-keyboard-selected": f.value === n,
-                              "--is-selected": q(a),
-                              "--is-none-value": L(a[e.optionValueKey])
-                            }
-                          ]]),
-                          style: X(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                          onClick: F((m) => fe(a), ["prevent", "stop"])
-                        }, [
-                          e.multiple ? (v(), C(g(u), {
-                            key: 0,
-                            tabindex: "-1",
-                            "model-value": q(a),
-                            size: "sm",
-                            color: e.color
-                          }, null, 8, ["model-value", "color"])) : h("v-if", !0),
-                          h(`
-                @slot Custom option
-                  @binding {Object} option - the option object
-                  @binding {Boolean} is-selected - if the option is selected
-              `),
-                          U(e.$slots, "default", {
-                            option: a,
-                            isSelected: q(a)
-                          }, () => [
-                            T(
-                              "span",
-                              null,
-                              ue(a[e.optionLabelKey]),
-                              1
-                              /* TEXT */
-                            )
-                          ], !0)
-                        ], 14, nt))
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ]))
-              ],
-              6
-              /* CLASS, STYLE */
-            )) : h("v-if", !0)
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["name"])
-      ],
-      6
-      /* CLASS, STYLE */
-    )), [
-      [g(xe), Q]
-    ]);
-  }
-}), rt = /* @__PURE__ */ Ve(st, [["__scopeId", "data-v-7a4ba989"]]);
-export {
-  rt as M,
-  Ve as _,
-  ke as u
-};