maz-ui 3.47.2-beta.0 → 3.47.2-beta.10

package/components/chunks/MazSelect-DOexatNj.mjs

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