maz-ui 3.47.1 → 3.47.2-beta.10

package/components/chunks/MazSelect-BXzgSKmL.mjs

@@ -1,863 +0,0 @@
-import { useId as Me, computed as p, defineComponent as he, defineAsyncComponent as A, ref as V, onMounted as Te, useSlots as Ee, openBlock as m, createElementBlock as k, normalizeClass as q, normalizeStyle as x, createElementVNode as E, createCommentVNode as v, renderSlot as U, createBlock as K, unref as g, resolveDynamicComponent as me, withDirectives as be, mergeProps as ge, toHandlers as Oe, vModelDynamic as De, createTextVNode as Ne, toDisplayString as de, withModifiers as F, withCtx as _, createVNode as H, useCssVars as Pe, onBeforeMount as Fe, nextTick as se, Transition as He, Fragment as ve, renderList as qe } from "vue";
-import '../assets/MazSelect.css';function ze({
-  componentName: u,
-  providedId: r
-}) {
-  const l = Me();
-  return p(() => r ?? `${u}-${l}`);
-}
-const Ue = {
-  removeAccents: !0,
-  caseSensitive: !1,
-  replaceSpaces: !0,
-  removeSpecialCharacters: !1,
-  trim: !0,
-  normalizeSpaces: !0,
-  removeNumbers: !1,
-  customNormalizationForms: ["NFC", "NFKD"]
-};
-function ee(u, r) {
-  const l = { ...Ue, ...r }, t = {
-    À: "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 s = u.toString();
-  if (l.trim && (s = s.trim()), l.normalizeSpaces && (s = s.replaceAll(/\s+/g, " ")), l.replaceSpaces && (s = s.replaceAll(" ", "-")), l.removeNumbers && (s = s.replaceAll(/\d/g, "")), l.removeAccents && (s = s.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (d) => t[d] || d), s = s.replaceAll(/[\u0300-\u036F]/g, "")), l.caseSensitive === !1 && (s = s.toLowerCase()), l.removeSpecialCharacters && (s = s.replaceAll(/[^\dA-Z-]/gi, "")), l.trim && (s = s.trim()), l.customNormalizationForms)
-    for (const d of l.customNormalizationForms)
-      s = s.normalize(d);
-  return s;
-}
-function je(u, r) {
-  const l = u.length, t = r.length, s = [];
-  for (let d = 0; d <= l; d++)
-    s[d] = [d];
-  for (let d = 0; d <= t; d++)
-    s[0][d] = d;
-  for (let d = 1; d <= l; d++)
-    for (let h = 1; h <= t; h++) {
-      const $ = u[d - 1] === r[h - 1] ? 0 : 1;
-      s[d][h] = Math.min(
-        s[d - 1][h] + 1,
-        s[d][h - 1] + 1,
-        s[d - 1][h - 1] + $
-      );
-    }
-  return s[l][t];
-}
-function Ve(u, r) {
-  const l = je(u, r), t = Math.max(u.length, r.length);
-  return 1 - l / t;
-}
-function We(u, r, l = 0.75) {
-  return Ve(u, r) >= l;
-}
-function ue(u, r, l = 0.75) {
-  const t = p(
-    () => ee(typeof u == "string" ? u : u.value)
-  ), s = p(
-    () => ee(typeof r == "string" ? r : r.value)
-  ), d = p(() => typeof l == "number" ? l : l.value), h = p(() => Ve(t.value, s.value));
-  return {
-    isMatching: p(
-      () => We(t.value, s.value, d.value)
-    ),
-    score: h
-  };
-}
-function ke(u, r, l) {
-  var h;
-  u.stopPropagation();
-  const t = typeof l.value == "function" ? l.value : l.value.handler, s = typeof l.value == "object" ? l.value.exclude : void 0;
-  let d = !1;
-  if (s && s.length > 0) {
-    for (const $ of s)
-      if (!d && u.target instanceof HTMLElement) {
-        const j = (h = document.querySelector($)) == null ? void 0 : h.getAttribute("id");
-        d = u.target.getAttribute("id") === j;
-      }
-  }
-  !r.contains(u.target) && !d && (t == null || t());
-}
-function Ie() {
-  return document.ontouchstart === null ? "touchstart" : "click";
-}
-function Re(u, r) {
-  const l = Ie();
-  document.removeEventListener(l, (t) => ke(t, u, r));
-}
-function Qe(u, r) {
-  if (typeof r.value != "function" && typeof r.value == "object" && typeof r.value.handler != "function") {
-    console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
-    return;
-  }
-  const l = Ie();
-  document.addEventListener(l, (t) => ke(t, u, r));
-}
-const Ge = {
-  mounted: Qe,
-  unmounted: Re
-}, we = (u, r) => {
-  const l = u.__vccOpts || u;
-  for (const [t, s] of r)
-    l[t] = s;
-  return l;
-};
-let re = null;
-function Ze(u, r) {
-  re && clearTimeout(re), re = setTimeout(u, r);
-}
-function Je(u, r) {
-  let l;
-  return function(...t) {
-    clearTimeout(l), l = setTimeout(() => {
-      u.apply(this, t);
-    }, r);
-  };
-}
-const Xe = {
-  key: 0,
-  class: "m-input-wrapper-left"
-}, Ye = { class: "m-input-wrapper-input" }, xe = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], _e = { key: 0 }, et = {
-  key: 1,
-  class: "m-input-wrapper-right"
-}, tt = /* @__PURE__ */ he({
-  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(u, { emit: r }) {
-    const l = u, t = r, s = A(() => import("./MazBtn-Dt8lr0GH.mjs")), d = A(() => import("./MazIcon-BbvBov5G.mjs")), h = A(() => import("./eye-slash-BoO00xzs.mjs")), $ = A(() => import("./eye-f8zAUc30.mjs")), j = A(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), O = V(), te = ze({
-      componentName: "MazInput",
-      providedId: l.id
-    });
-    Te(() => {
-      var o;
-      l.autoFocus && ((o = O.value) == null || o.focus());
-    });
-    const G = p(() => l.type === "password"), oe = p(() => z.value ? "text" : l.type), I = p(() => {
-      if (!l.noBorder) {
-        if (l.error)
-          return "maz-border-danger";
-        if (l.success)
-          return "maz-border-success";
-        if (l.warning)
-          return "maz-border-warning";
-        if (f.value || l.borderActive) {
-          if (l.color === "black")
-            return "maz-border-black";
-          if (l.color === "danger")
-            return "maz-border-danger";
-          if (l.color === "info")
-            return "maz-border-info";
-          if (l.color === "primary")
-            return "maz-border-primary";
-          if (l.color === "secondary")
-            return "maz-border-secondary";
-          if (l.color === "success")
-            return "maz-border-success";
-          if (l.color === "warning")
-            return "maz-border-warning";
-          if (l.color === "white")
-            return "maz-border-white";
-        }
-        return "--default-border";
-      }
-    }), W = Ee(), Z = p(() => {
-      const { required: o, placeholder: b } = l;
-      if (b)
-        return o ? `${b} *` : b;
-    }), J = p(() => L.value !== void 0 && L.value !== ""), C = Je(
-      (o) => {
-        t("update:model-value", o);
-      },
-      typeof l.debounce == "number" ? l.debounce : l.debounceDelay ?? 500
-    );
-    function D(o) {
-      if (l.debounce)
-        return C(o);
-      t("update:model-value", o);
-    }
-    const L = p({
-      get: () => l.modelValue,
-      set: (o) => D(o)
-    }), R = p(() => (!!l.label || !!l.hint) && (f.value || !!J.value || !!l.placeholder || ["date", "month", "week"].includes(l.type))), X = p(() => !!l.label || !!l.hint);
-    function Y() {
-      return !!W["right-icon"] || G.value || !!W["valid-button"] || l.validButton || !!l.rightIcon;
-    }
-    function B() {
-      return !!W["left-icon"] || !!l.leftIcon;
-    }
-    function Q(o) {
-      t("focus", o), f.value = !0;
-    }
-    function le(o) {
-      t("blur", o), f.value = !1;
-    }
-    function ne(o) {
-      return t("change", o);
-    }
-    function M(o) {
-      return t("input", o);
-    }
-    return (o, b) => (m(), k(
-      "div",
-      {
-        class: q(["m-input", [
-          {
-            "--is-focused": f.value || o.borderActive,
-            "--should-up": R.value,
-            "--has-label": X.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
-          },
-          l.class,
-          `--${o.color}`,
-          `--${o.size}`
-        ]]),
-        style: x(o.style)
-      },
-      [
-        E(
-          "div",
-          {
-            class: q(["m-input-wrapper", [
-              o.inputClasses,
-              I.value,
-              o.roundedSize ? `--rounded-${o.roundedSize}` : { "maz-rounded": !o.noRadius }
-            ]])
-          },
-          [
-            B() ? (m(), k("div", Xe, [
-              v(`
-          @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" ? (m(), K(g(d), {
-                  key: 0,
-                  name: o.leftIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (m(), K(me(o.leftIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : v("v-if", !0)
-              ], !0) : v("v-if", !0)
-            ])) : v("v-if", !0),
-            E("div", Ye, [
-              be(E("input", ge({
-                id: g(te),
-                ref_key: "input",
-                ref: O,
-                "onUpdate:modelValue": b[0] || (b[0] = (T) => L.value = T),
-                type: oe.value,
-                name: o.name
-              }, o.$attrs, {
-                inputmode: o.inputmode,
-                placeholder: Z.value,
-                "aria-label": o.label || o.placeholder,
-                disabled: o.disabled,
-                readonly: o.readonly,
-                required: o.required,
-                class: "m-input-input"
-              }, Oe({
-                blur: le,
-                focus: Q,
-                change: ne,
-                input: M
-              }, !0), {
-                onClick: b[1] || (b[1] = (T) => o.$emit("click", T))
-              }), null, 16, xe), [
-                [De, L.value]
-              ]),
-              o.label || o.hint ? (m(), k(
-                "span",
-                {
-                  key: 0,
-                  class: q(["m-input-label", [
-                    {
-                      "maz-text-danger-600": o.error,
-                      "maz-text-success-600": o.success,
-                      "maz-text-warning-600": o.warning
-                    }
-                  ]])
-                },
-                [
-                  Ne(
-                    de(o.hint || o.label) + " ",
-                    1
-                    /* TEXT */
-                  ),
-                  o.required ? (m(), k("sup", _e, "*")) : v("v-if", !0)
-                ],
-                2
-                /* CLASS */
-              )) : v("v-if", !0)
-            ]),
-            Y() ? (m(), k("div", et, [
-              v(`
-          @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" ? (m(), K(g(d), {
-                  key: 0,
-                  name: o.rightIcon,
-                  class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (m(), K(me(o.rightIcon), {
-                  key: 1,
-                  class: "maz-text-xl maz-text-muted"
-                })) : v("v-if", !0)
-              ], !0) : v("v-if", !0),
-              G.value ? (m(), K(g(s), {
-                key: 1,
-                color: "transparent",
-                tabindex: "-1",
-                size: "mini",
-                onClick: b[2] || (b[2] = F((T) => z.value = !z.value, ["stop"]))
-              }, {
-                default: _(() => [
-                  z.value ? (m(), K(g(h), {
-                    key: 0,
-                    class: "maz-text-xl maz-text-muted"
-                  })) : (m(), K(g($), {
-                    key: 1,
-                    class: "maz-text-xl maz-text-muted"
-                  }))
-                ]),
-                _: 1
-                /* STABLE */
-              })) : v("v-if", !0),
-              v(`
-          @slot valid-button - Replace the valid button by your own
-        `),
-              o.$slots["valid-button"] || o.validButton ? U(o.$slots, "valid-button", { key: 2 }, () => [
-                H(g(s), {
-                  color: "transparent",
-                  disabled: o.disabled,
-                  tabindex: "-1",
-                  loading: o.validButtonLoading,
-                  class: "m-input-valid-button",
-                  size: "mini",
-                  type: "submit"
-                }, {
-                  default: _(() => [
-                    H(g(j), { class: "maz-text-2xl maz-text-normal" })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["disabled", "loading"])
-              ], !0) : v("v-if", !0)
-            ])) : v("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )
-      ],
-      6
-      /* CLASS, STYLE */
-    ));
-  }
-}), ye = /* @__PURE__ */ we(tt, [["__scopeId", "data-v-b3e1e126"]]), ot = ["aria-label"], lt = { class: "m-select-list__no-results" }, nt = {
-  key: 2,
-  class: "m-select-list__scroll-wrapper",
-  tabindex: "-1"
-}, at = { class: "m-select-list-optgroup" }, it = ["onClick"], st = /* @__PURE__ */ he({
-  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(u, { expose: r, emit: l }) {
-    Pe((e) => ({
-      cb149e58: oe.value,
-      "215ff493": te.value,
-      "64d6cfbb": G.value
-    }));
-    const t = u, s = l, d = A(() => import("./MazCheckbox-CI8ml-P8.mjs")), h = A(() => import("./magnifying-glass--nBiyXot.mjs")), $ = A(() => import("./chevron-down-BkvtON3b.mjs")), j = A(() => import("./no-symbol-CIgKzsrB.mjs"));
-    r({
-      /** Method to open the option list */
-      openList: P,
-      /** Method to close the option list */
-      closeList: N
-    });
-    const z = V(!1), f = V(), O = p(
-      () => ["black", "transparent", "white"].includes(t.color)
-    ), te = p(
-      () => O.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), G = p(
-      () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), oe = p(
-      () => O.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), I = p(() => z.value || t.open), W = ze({
-      componentName: "MazSelect",
-      providedId: t.id
-    });
-    function Z(e) {
-      return {
-        [t.optionValueKey]: e,
-        [t.optionLabelKey]: e,
-        [t.optionInputValueKey]: e
-      };
-    }
-    function J(e) {
-      return {
-        ...e,
-        [t.optionValueKey]: e[t.optionValueKey],
-        [t.optionLabelKey]: e[t.optionLabelKey],
-        [t.optionInputValueKey]: e[t.optionInputValueKey]
-      };
-    }
-    const C = p(() => {
-      var n;
-      const e = [];
-      if (!((n = t.options) != null && n.length))
-        return [];
-      for (const i of t.options)
-        typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? e.push(Z(i)) : typeof i == "object" && "options" in i && Array.isArray(i.options) ? e.push(
-          { label: i.label, isOptGroup: !0 },
-          ...i.options.map(
-            (a) => typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? Z(a) : J(a)
-          )
-        ) : e.push(J(i));
-      return e;
-    }), D = p(
-      () => {
-        var e;
-        return ((e = C.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !B(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !B(n[t.optionValueKey]))) ?? [];
-      }
-    );
-    Fe(() => {
-      var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ie();
-    });
-    const L = V(), R = V(), X = V(), Y = V();
-    function B(e) {
-      return e == null;
-    }
-    function Q(e) {
-      var i;
-      return (((i = D.value) == null ? void 0 : i.some(
-        (a) => a[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !B(e[t.optionValueKey]);
-    }
-    const le = p(() => {
-      var n;
-      if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
-        return t.modelValue.map(
-          (i) => {
-            var a, c;
-            return (c = (a = C.value) == null ? void 0 : a.find((y) => y[t.optionValueKey] === i)) == null ? void 0 : c[t.optionInputValueKey];
-          }
-        ).join(", ");
-      const e = (n = C.value) == null ? void 0 : n.find(
-        (i) => i[t.optionValueKey] === t.modelValue
-      );
-      return B(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), ne = p(
-      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), M = V(""), o = V("");
-    function b(e, n) {
-      return n && e && ee(e).includes(ee(n));
-    }
-    function T(e) {
-      var n;
-      return e ? (n = C.value) == null ? void 0 : n.filter((i) => {
-        const a = i[t.optionLabelKey], c = i[t.optionValueKey], y = i[t.optionInputValueKey], w = t.searchThreshold;
-        return b(a, e) || b(y, e) || b(c, e) || typeof a == "string" && ue(a, e, w).isMatching.value || typeof y == "string" && ue(y, e, w).isMatching.value || typeof c == "string" && ue(c, e, w).isMatching.value;
-      }) : C.value;
-    }
-    const S = p(() => T(M.value));
-    async function N(e) {
-      var i, a;
-      if (!I.value)
-        return;
-      if (e && ("relatedTarget" in e && ((i = L.value) != null && i.contains(e.relatedTarget)) || e.type === "keydown"))
-        return e.preventDefault();
-      const n = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
-      if ((a = t.excludeSelectors) != null && a.includes(`#${n}`))
-        return e == null ? void 0 : e.preventDefault();
-      await se(), z.value = !1, f.value = 0, s("close", e);
-    }
-    async function P(e) {
-      t.disabled || I.value || (e == null || e.preventDefault(), z.value = !0, await ae(), s("focus", e), s("open", z.value));
-    }
-    function ce() {
-      var e, n;
-      (n = ((e = R.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.focus();
-    }
-    function Se() {
-      var e, n;
-      (n = ((e = R.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.dispatchEvent(new Event("input"));
-    }
-    function Ke(e) {
-      z.value ? N(e) : ce();
-    }
-    function Ae(e) {
-      var n, i;
-      M.value = e, (i = ((n = X.value) == null ? void 0 : n.$el).querySelector("input")) == null || i.focus();
-    }
-    function $e(e) {
-      var i;
-      e === "Backspace" && o.value.length > 0 ? o.value = o.value.slice(0, -1) : o.value += e;
-      const n = T(o.value);
-      n != null && n.length && (f.value = (i = S.value) == null ? void 0 : i.findIndex(
-        (a) => a[t.optionValueKey] === n[0][t.optionValueKey]
-      ), typeof f.value == "number" && f.value >= 0 && ae(f.value)), Ze(() => {
-        o.value = "";
-      }, 1e3);
-    }
-    function Be(e) {
-      const n = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), P(e), t.search ? Ae(n) : $e(n)) : pe(e);
-    }
-    function pe(e, n = !0) {
-      const i = e.code, a = ["ArrowUp", "ArrowDown"].includes(i), c = (n ? ["Enter", "Space"] : ["Enter"]).includes(i), y = i === "Escape" && I.value;
-      a ? Ce(e, f.value) : c ? Le(e, f.value) : y && N(e);
-    }
-    function Ce(e, n) {
-      var c;
-      e.preventDefault();
-      const i = e.code;
-      I.value || P(e);
-      const a = (c = S.value) == null ? void 0 : c.length;
-      a && (typeof n == "number" ? n === a - 1 && i === "ArrowDown" ? f.value = 0 : n === 0 && i === "ArrowUp" ? f.value = a - 1 : f.value = i === "ArrowDown" ? n + 1 : n - 1 : f.value = i === "ArrowDown" ? 0 : a - 1, ae(f.value));
-    }
-    function Le(e, n) {
-      var a, c, y;
-      if (e.preventDefault(), !I.value)
-        return P(e);
-      const i = n ? ((a = S.value) == null ? void 0 : a[n]) ?? ((c = S.value) == null ? void 0 : c[0]) : (y = S.value) == null ? void 0 : y[0];
-      B(i) || fe(i);
-    }
-    async function ae(e) {
-      var i, a;
-      await se(), typeof e != "number" && ie();
-      const n = e ?? f.value;
-      if (typeof n == "number" && n >= 0) {
-        const c = (i = Y.value) == null ? void 0 : i.querySelectorAll(".m-select-list-item");
-        (a = c == null ? void 0 : c[n]) == null || a.scrollIntoView({
-          behavior: "auto",
-          block: "nearest",
-          inline: "start"
-        });
-      }
-    }
-    function ie(e) {
-      var i;
-      const n = (i = S.value) == null ? void 0 : i.findIndex((a) => {
-        var c, y;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === a[t.optionValueKey] : [...t.modelValue].reverse()[0] === a[t.optionValueKey] : ((y = (c = D.value) == null ? void 0 : c[0]) == null ? void 0 : y[t.optionValueKey]) === a[t.optionValueKey];
-      });
-      f.value = n && n >= 0 ? n : 0;
-    }
-    function fe(e, n = !0) {
-      var y;
-      n && !t.multiple && se(() => N()), M.value = "";
-      const i = (y = D.value) == null ? void 0 : y.some(
-        (w) => w[t.optionValueKey] === e[t.optionValueKey]
-      );
-      let a = D.value;
-      i && t.multiple ? a = a == null ? void 0 : a.filter(
-        (w) => w[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? a.push(e) : a = [e];
-      const c = a.map((w) => w[t.optionValueKey]);
-      s("update:model-value", t.multiple ? c : c[0]), s("selected-option", e), Se(), ie(e), ce();
-    }
-    return (e, n) => {
-      var i;
-      return be((m(), k(
-        "div",
-        {
-          ref_key: "mazSelectElement",
-          ref: L,
-          class: q(["m-select", [
-            { "--is-open": I.value, "--disabled": e.disabled, "--block": e.block },
-            t.class,
-            `--${e.size}`
-          ]]),
-          style: x(e.style)
-        },
-        [
-          H(ye, ge({
-            id: g(W),
-            ref_key: "mazInputComponent",
-            ref: R,
-            class: "m-select-input"
-          }, e.$attrs, {
-            required: e.required,
-            "border-active": z.value,
-            color: e.color,
-            "model-value": le.value,
-            size: e.size,
-            block: "",
-            autocomplete: e.autocomplete,
-            disabled: e.disabled,
-            onFocus: F(P, ["prevent", "stop"]),
-            onBlur: F(N, ["prevent", "stop"]),
-            onClick: F(P, ["prevent", "stop"]),
-            onChange: n[0] || (n[0] = (a) => s("change", a)),
-            onInput: n[1] || (n[1] = (a) => s("input", a)),
-            onKeydown: Be
-          }), {
-            "right-icon": _(() => [
-              E("button", {
-                tabindex: "-1",
-                type: "button",
-                class: "m-select-input__toggle-button maz-custom",
-                "aria-label": `${I.value ? "collapse" : "expand"} list of options`,
-                onClick: F(Ke, ["stop"])
-              }, [
-                H(g($), { class: "m-select-chevron maz-text-xl" })
-              ], 8, ot)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-          H(He, { name: ne.value }, {
-            default: _(() => [
-              I.value ? (m(), k(
-                "div",
-                {
-                  key: 0,
-                  ref_key: "optionsListElement",
-                  ref: Y,
-                  class: q(["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`,
-                    minHeight: `${e.minListHeight}px`,
-                    minWidth: `${e.minListWidth}px`
-                  })
-                },
-                [
-                  e.search ? (m(), K(ye, {
-                    key: 0,
-                    ref_key: "searchInputComponent",
-                    ref: X,
-                    modelValue: M.value,
-                    "onUpdate:modelValue": [
-                      n[2] || (n[2] = (a) => M.value = a),
-                      n[4] || (n[4] = (a) => f.value = 0)
-                    ],
-                    size: "sm",
-                    color: e.color,
-                    placeholder: e.searchPlaceholder,
-                    name: "search",
-                    inputmode: "search",
-                    autocomplete: "off",
-                    tabindex: "-1",
-                    class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": g(h),
-                    onKeydown: n[3] || (n[3] = (a) => pe(a, !1))
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : v("v-if", !0),
-                  v(`
-          @slot No results slot - Displayed when no results corresponding with search query
-        `),
-                  !S.value || S.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
-                    E("span", lt, [
-                      H(g(j), { class: "maz-h-6 maz-w-6 maz-text-normal" })
-                    ])
-                  ], !0) : (m(), k("div", nt, [
-                    (m(!0), k(
-                      ve,
-                      null,
-                      qe(S.value, (a, c) => (m(), k(
-                        ve,
-                        { key: c },
-                        [
-                          v(`
-              @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
-                          }, () => [
-                            E(
-                              "span",
-                              at,
-                              de(a.label),
-                              1
-                              /* TEXT */
-                            )
-                          ], !0) : (m(), k("button", {
-                            key: 1,
-                            tabindex: "-1",
-                            type: "button",
-                            class: q(["m-select-list-item maz-custom maz-flex-none", [
-                              {
-                                "--is-keyboard-selected": f.value === c,
-                                "--is-selected": Q(a),
-                                "--is-none-value": B(a[e.optionValueKey])
-                              }
-                            ]]),
-                            style: x(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                            onClick: F((y) => fe(a), ["prevent", "stop"])
-                          }, [
-                            e.multiple ? (m(), K(g(d), {
-                              key: 0,
-                              tabindex: "-1",
-                              "model-value": Q(a),
-                              size: "sm",
-                              color: e.color
-                            }, null, 8, ["model-value", "color"])) : v("v-if", !0),
-                            v(`
-                @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)
-                            }, () => [
-                              E(
-                                "span",
-                                null,
-                                de(a[e.optionLabelKey]),
-                                1
-                                /* TEXT */
-                              )
-                            ], !0)
-                          ], 14, it))
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      ))),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]))
-                ],
-                6
-                /* CLASS, STYLE */
-              )) : v("v-if", !0)
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["name"])
-        ],
-        6
-        /* CLASS, STYLE */
-      )), [
-        [g(Ge), {
-          exclude: (i = e.excludeSelectors) != null && i.length ? e.excludeSelectors : [],
-          handler: N
-        }]
-      ]);
-    };
-  }
-}), rt = /* @__PURE__ */ we(st, [["__scopeId", "data-v-e35a36a6"]]);
-export {
-  rt as M,
-  we as _,
-  ze as u
-};