maz-ui 3.47.2-beta.9 → 3.48.0

package/components/chunks/{MazSelect-DOexatNj.mjs → MazSelect-BwahUlbE.mjs}

@@ -1,10 +1,9 @@
-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 { computed as p, useId as Me, defineComponent as be, defineAsyncComponent as $, ref as V, onMounted as Te, useSlots as Ee, openBlock as m, createElementBlock as k, normalizeClass as B, normalizeStyle as ee, unref as h, toDisplayString as G, createCommentVNode as b, createElementVNode as O, renderSlot as U, createBlock as A, resolveDynamicComponent as me, withDirectives as he, mergeProps as ge, toHandlers as Oe, vModelDynamic as De, createTextVNode as Ne, withModifiers as H, withCtx as te, createVNode as q, 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}`);
+  return p(() => r ?? `${u}-${Me().replace(/:/g, "")}`);
 }
 const qe = {
   removeAccents: !0,
@@ -66,28 +65,28 @@ function oe(u, r) {
     ñ: "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)
+  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)
-      i = i.normalize(d);
-  return i;
+      s = s.normalize(d);
+  return s;
 }
 function Ue(u, r) {
-  const l = u.length, t = r.length, i = [];
+  const l = u.length, t = r.length, s = [];
   for (let d = 0; d <= l; d++)
-    i[d] = [d];
+    s[d] = [d];
   for (let d = 0; d <= t; d++)
-    i[0][d] = d;
+    s[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] + $
+    for (let v = 1; v <= t; v++) {
+      const S = u[d - 1] === r[v - 1] ? 0 : 1;
+      s[d][v] = Math.min(
+        s[d - 1][v] + 1,
+        s[d][v - 1] + 1,
+        s[d - 1][v - 1] + S
       );
     }
-  return i[l][t];
+  return s[l][t];
 }
 function ke(u, r) {
   const l = Ue(u, r), t = Math.max(u.length, r.length);
@@ -99,29 +98,29 @@ function We(u, r, l = 0.75) {
 function re(u, r, l = 0.75) {
   const t = p(
     () => oe(typeof u == "string" ? u : u.value)
-  ), i = p(
+  ), s = p(
     () => oe(typeof r == "string" ? r : r.value)
-  ), d = p(() => typeof l == "number" ? l : l.value), y = p(() => ke(t.value, i.value));
+  ), d = p(() => typeof l == "number" ? l : l.value), v = p(() => ke(t.value, s.value));
   return {
     isMatching: p(
-      () => We(t.value, i.value, d.value)
+      () => We(t.value, s.value, d.value)
     ),
-    score: y
+    score: v
   };
 }
 function Ve(u, r, l) {
-  var y;
+  var v, S;
   u.stopPropagation();
-  const t = typeof l.value == "function" ? l.value : l.value.handler, i = typeof l.value == "object" ? l.value.exclude : void 0;
+  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 (i && i.length > 0) {
-    for (const $ of i)
+  if (s && s.length > 0) {
+    for (const D of s)
       if (!d && u.target instanceof HTMLElement) {
-        const U = (y = document.querySelector($)) == null ? void 0 : y.getAttribute("id");
-        d = u.target.getAttribute("id") === U;
+        const z = (v = document.querySelector(D)) == null ? void 0 : v.getAttribute("id");
+        d = (u.target.getAttribute("id") === z || ((S = document.querySelector(D)) == null ? void 0 : S.contains(u.target))) ?? !1;
       }
   }
-  !r.contains(u.target) && !d && (t == null || t());
+  !r.contains(u.target) && !d && (t == null || t(u));
 }
 function Ie() {
   return document.ontouchstart === null ? "touchstart" : "click";
@@ -142,7 +141,11 @@ const Re = {
   mounted: Qe,
   unmounted: je
 };
+let de = null;
 function Ge(u, r) {
+  de && clearTimeout(de), de = setTimeout(u, r);
+}
+function Ze(u, r) {
   let l;
   return function(...t) {
     clearTimeout(l), l = setTimeout(() => {
@@ -150,20 +153,10 @@ function Ge(u, r) {
     }, 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 = {
+}, Ye = ["id", "name", "placeholder", "aria-label", "type", "inputmode", "disabled", "readonly", "autocomplete", "required"], xe = { key: 0 }, _e = {
   key: 1,
   class: "m-input-wrapper-right"
 }, et = /* @__PURE__ */ be({
@@ -202,19 +195,20 @@ const Je = ["for"], Xe = {
     leftIcon: { type: [String, Function, Object], default: void 0 },
     rightIcon: { type: [String, Function, Object], default: void 0 },
     roundedSize: { default: void 0 },
-    block: { type: Boolean }
+    block: { type: Boolean },
+    autocomplete: {}
   },
   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({
+    const l = u, t = r, s = $(() => import("./MazBtn-DCyFSkZo.mjs")), d = $(() => import("./MazIcon-Cq1v4J3r.mjs")), v = $(() => import("./eye-slash-BoO00xzs.mjs")), S = $(() => import("./eye-f8zAUc30.mjs")), D = $(() => import("./check-C9Q_W85g.mjs")), z = V(!1), f = V(!1), N = V(), Z = ze({
       componentName: "MazInput",
       providedId: l.id
     });
     Te(() => {
       var o;
-      l.autoFocus && ((o = D.value) == null || o.focus());
+      l.autoFocus && ((o = N.value) == null || o.focus());
     });
-    const J = p(() => l.type === "password"), le = p(() => k.value ? "text" : l.type), I = p(() => {
+    const J = p(() => l.type === "password"), le = p(() => z.value ? "text" : l.type), I = p(() => {
       if (!l.noBorder) {
         if (l.error)
           return "maz-border-danger";
@@ -246,20 +240,20 @@ const Je = ["for"], Xe = {
       const { required: o, placeholder: g } = l;
       if (g)
         return o ? `${g} *` : g;
-    }), Y = p(() => M.value !== void 0 && M.value !== ""), C = Ge(
+    }), Y = p(() => M.value !== void 0 && M.value !== ""), C = Ze(
       (o) => {
         t("update:model-value", o);
       },
       typeof l.debounce == "number" ? l.debounce : l.debounceDelay ?? 500
     );
-    function N(o) {
+    function P(o) {
       if (l.debounce)
         return C(o);
       t("update:model-value", o);
     }
     const M = p({
       get: () => l.modelValue,
-      set: (o) => N(o)
+      set: (o) => P(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;
@@ -279,7 +273,7 @@ const Je = ["for"], Xe = {
     function T(o) {
       return t("input", o);
     }
-    return (o, g) => (m(), z(
+    return (o, g) => (m(), k(
       "div",
       {
         class: B(["m-input", [
@@ -299,7 +293,7 @@ const Je = ["for"], Xe = {
         style: ee(o.style)
       },
       [
-        o.topLabel ? (m(), z("label", {
+        o.topLabel ? (m(), k("label", {
           key: 0,
           for: h(Z),
           class: "m-input-top-label"
@@ -307,7 +301,7 @@ const Je = ["for"], Xe = {
         O(
           "div",
           {
-            class: B(["m-input-wrapper", [
+            class: B(["m-input-wrapper m-reset-css", [
               o.inputClasses,
               I.value,
               o.roundedSize ? `--rounded-${o.roundedSize}` : { "maz-rounded": !o.noRadius },
@@ -315,13 +309,13 @@ const Je = ["for"], Xe = {
             ]])
           },
           [
-            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), {
+            L() ? (m(), k("div", Xe, [
+              o.$slots["left-icon"] || o.leftIcon ? U(o.$slots, "left-icon", { key: 0 }, () => [
+                typeof o.leftIcon == "string" ? (m(), A(h(d), {
                   key: 0,
                   name: o.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.leftIcon ? (m(), K(me(o.leftIcon), {
+                }, null, 8, ["name"])) : o.leftIcon ? (m(), A(me(o.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : b("v-if", !0)
@@ -333,19 +327,18 @@ const Je = ["for"], Xe = {
                 class: B(["m-input-wrapper-input", [`--${o.size}`, { "--top-label": !!o.topLabel }]])
               },
               [
-                he(O("input", ge({
-                  id: h(Z),
+                he(O("input", ge({ id: h(Z) }, o.$attrs, {
                   ref_key: "input",
-                  ref: D,
+                  ref: N,
                   "onUpdate:modelValue": g[0] || (g[0] = (E) => M.value = E),
-                  type: le.value,
-                  name: o.name
-                }, o.$attrs, {
-                  inputmode: o.inputmode,
+                  name: o.name,
                   placeholder: X.value,
                   "aria-label": o.label || o.placeholder,
+                  type: le.value,
+                  inputmode: o.inputmode,
                   disabled: o.disabled,
                   readonly: o.readonly,
+                  autocomplete: o.autocomplete,
                   required: o.required,
                   class: "m-input-input"
                 }, Oe({
@@ -358,7 +351,7 @@ const Je = ["for"], Xe = {
                 }), null, 16, Ye), [
                   [De, M.value]
                 ]),
-                o.label || o.hint ? (m(), z(
+                o.label || o.hint ? (m(), k(
                   "span",
                   {
                     key: 0,
@@ -376,7 +369,7 @@ const Je = ["for"], Xe = {
                       1
                       /* TEXT */
                     ),
-                    o.required ? (m(), z("sup", xe, "*")) : b("v-if", !0)
+                    o.required ? (m(), k("sup", xe, "*")) : b("v-if", !0)
                   ],
                   2
                   /* CLASS */
@@ -385,29 +378,29 @@ const Je = ["for"], Xe = {
               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), {
+            _() ? (m(), k("div", _e, [
+              o.$slots["right-icon"] || o.rightIcon ? U(o.$slots, "right-icon", { key: 0 }, () => [
+                typeof o.rightIcon == "string" ? (m(), A(h(d), {
                   key: 0,
                   name: o.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : o.rightIcon ? (m(), K(me(o.rightIcon), {
+                }, null, 8, ["name"])) : o.rightIcon ? (m(), A(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), {
+              J.value ? (m(), A(h(s), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
                 size: "mini",
-                onClick: g[2] || (g[2] = F((E) => k.value = !k.value, ["stop"]))
+                onClick: g[2] || (g[2] = H((E) => z.value = !z.value, ["stop"]))
               }, {
                 default: te(() => [
-                  k.value ? (m(), K(h(y), {
+                  z.value ? (m(), A(h(v), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (m(), K(h($), {
+                  })) : (m(), A(h(S), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -415,8 +408,8 @@ const Je = ["for"], Xe = {
                 _: 1
                 /* STABLE */
               })) : b("v-if", !0),
-              o.$slots["valid-button"] || o.validButton ? q(o.$slots, "valid-button", { key: 2 }, () => [
-                H(h(i), {
+              o.$slots["valid-button"] || o.validButton ? U(o.$slots, "valid-button", { key: 2 }, () => [
+                q(h(s), {
                   color: "transparent",
                   disabled: o.disabled,
                   tabindex: "-1",
@@ -426,7 +419,7 @@ const Je = ["for"], Xe = {
                   type: "submit"
                 }, {
                   default: te(() => [
-                    H(h(U), { class: "maz-text-2xl maz-text-normal" })
+                    q(h(D), { class: "maz-text-2xl maz-text-normal" })
                   ]),
                   _: 1
                   /* STABLE */
@@ -437,7 +430,7 @@ const Je = ["for"], Xe = {
           2
           /* CLASS */
         ),
-        o.assistiveText ? (m(), z(
+        o.assistiveText ? (m(), k(
           "div",
           {
             key: 1,
@@ -459,7 +452,12 @@ const Je = ["for"], Xe = {
       /* CLASS, STYLE */
     ));
   }
-}), ye = /* @__PURE__ */ we(et, [["__scopeId", "data-v-2cfe0ca2"]]), tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
+}), we = (u, r) => {
+  const l = u.__vccOpts || u;
+  for (const [t, s] of r)
+    l[t] = s;
+  return l;
+}, ye = /* @__PURE__ */ we(et, [["__scopeId", "data-v-04e832e5"]]), tt = ["aria-label"], ot = { class: "m-select-list__no-results" }, lt = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
@@ -496,22 +494,22 @@ const Je = ["for"], Xe = {
   },
   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"));
+    const t = u, s = l, d = $(() => import("./MazCheckbox-CEsAHbdi.mjs")), v = $(() => import("./magnifying-glass--nBiyXot.mjs")), S = $(() => import("./chevron-down-BkvtON3b.mjs")), D = $(() => import("./no-symbol-CIgKzsrB.mjs"));
     r({
       /** Method to open the option list */
       openList: R,
       /** Method to close the option list */
-      closeList: P
+      closeList: F
     });
-    const k = V(!1), f = V(), D = p(
+    const z = V(!1), f = V(), N = p(
       () => ["black", "transparent", "white"].includes(t.color)
     ), Z = p(
-      () => D.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+      () => N.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)`
+      () => N.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({
+      () => N.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), I = p(() => z.value || t.open), W = ze({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -531,22 +529,22 @@ const Je = ["for"], Xe = {
       };
     }
     const C = p(() => {
-      var a;
+      var n;
       const e = [];
-      if (!((a = t.options) != null && a.length))
+      if (!((n = t.options) != null && n.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)
+      for (const a of t.options)
+        typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? e.push(X(a)) : typeof a == "object" && "options" in a && Array.isArray(a.options) ? e.push(
+          { label: a.label, isOptGroup: !0 },
+          ...a.options.map(
+            (i) => typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? X(i) : Y(i)
           )
-        ) : e.push(Y(s));
+        ) : e.push(Y(a));
       return e;
-    }), N = p(
+    }), P = 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]))) ?? [];
+        return ((e = C.value) == null ? void 0 : e.filter((n) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(n[t.optionValueKey]) && !L(n[t.optionValueKey]) : !1 : t.modelValue === n[t.optionValueKey] && !L(n[t.optionValueKey]))) ?? [];
       }
     );
     Pe(() => {
@@ -558,108 +556,108 @@ const Je = ["for"], Xe = {
       return e == null;
     }
     function Q(e) {
-      var s;
-      return (((s = N.value) == null ? void 0 : s.some(
-        (n) => n[t.optionValueKey] === e[t.optionValueKey]
+      var a;
+      return (((a = P.value) == null ? void 0 : a.some(
+        (i) => i[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !L(e[t.optionValueKey]);
     }
     const ae = p(() => {
-      var a;
+      var n;
       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];
+          (a) => {
+            var i, c;
+            return (c = (i = C.value) == null ? void 0 : i.find((y) => y[t.optionValueKey] === a)) == null ? void 0 : c[t.optionInputValueKey];
           }
         ).join(", ");
-      const e = (a = C.value) == null ? void 0 : a.find(
-        (s) => s[t.optionValueKey] === t.modelValue
+      const e = (n = C.value) == null ? void 0 : n.find(
+        (a) => a[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 g(e, n) {
+      return n && e && oe(e).includes(oe(n));
     }
     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;
+      var n;
+      return e ? (n = C.value) == null ? void 0 : n.filter((a) => {
+        const i = a[t.optionLabelKey], c = a[t.optionValueKey], y = a[t.optionInputValueKey], w = t.searchThreshold;
+        return g(i, e) || g(y, e) || g(c, e) || typeof i == "string" && re(i, e, w).isMatching.value || typeof y == "string" && re(y, 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;
+    const K = p(() => E(T.value));
+    async function F(e) {
+      var a, i;
       if (!I.value)
         return;
-      if (e && ("relatedTarget" in e && ((s = M.value) != null && s.contains(e.relatedTarget)) || e.type === "keydown"))
+      if (e && ("relatedTarget" in e && ((a = M.value) != null && a.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}`))
+      const n = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
+      if ((i = t.excludeSelectors) != null && i.includes(`#${n}`))
         return e == null ? void 0 : e.preventDefault();
-      await ue(), k.value = !1, f.value = 0, i("close", e);
+      await ue(), z.value = !1, f.value = 0, s("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));
+      t.disabled || I.value || (e == null || e.preventDefault(), z.value = !0, await se(), s("focus", e), s("open", z.value));
     }
     function ce() {
-      var e, a;
-      (a = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.focus();
+      var e, n;
+      (n = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.focus();
     }
     function Se() {
-      var e, a;
-      (a = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || a.dispatchEvent(new Event("input"));
+      var e, n;
+      (n = ((e = j.value) == null ? void 0 : e.$el).querySelector("input")) == null || n.dispatchEvent(new Event("input"));
     }
     function Ke(e) {
-      k.value ? P(e) : ce();
+      z.value ? F(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();
+      var n, a;
+      T.value = e, (a = ((n = x.value) == null ? void 0 : n.$el).querySelector("input")) == null || a.focus();
     }
     function $e(e) {
-      var s;
+      var a;
       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(() => {
+      const n = E(o.value);
+      n != null && n.length && (f.value = (a = K.value) == null ? void 0 : a.findIndex(
+        (i) => i[t.optionValueKey] === n[0][t.optionValueKey]
+      ), typeof f.value == "number" && f.value >= 0 && se(f.value)), Ge(() => {
         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);
+      const n = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(n) ? (e.preventDefault(), R(e), t.search ? Ae(n) : $e(n)) : 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 pe(e, n = !0) {
+      const a = e.code, i = ["ArrowUp", "ArrowDown"].includes(a), c = (n ? ["Enter", "Space"] : ["Enter"]).includes(a), y = a === "Escape" && I.value;
+      i ? Be(e, f.value) : c ? Ce(e, f.value) : y && F(e);
     }
-    function Be(e, a) {
+    function Be(e, n) {
       var c;
       e.preventDefault();
-      const s = e.code;
+      const a = 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));
+      const i = (c = K.value) == null ? void 0 : c.length;
+      i && (typeof n == "number" ? n === i - 1 && a === "ArrowDown" ? f.value = 0 : n === 0 && a === "ArrowUp" ? f.value = i - 1 : f.value = a === "ArrowDown" ? n + 1 : n - 1 : f.value = a === "ArrowDown" ? 0 : i - 1, se(f.value));
     }
-    function Ce(e, a) {
-      var n, c, v;
+    function Ce(e, n) {
+      var i, c, y;
       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);
+      const a = n ? ((i = K.value) == null ? void 0 : i[n]) ?? ((c = K.value) == null ? void 0 : c[0]) : (y = K.value) == null ? void 0 : y[0];
+      L(a) || fe(a);
     }
     async function se(e) {
-      var s, n;
+      var a, i;
       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({
+      const n = e ?? f.value;
+      if (typeof n == "number" && n >= 0) {
+        const c = (a = _.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item");
+        (i = c == null ? void 0 : c[n]) == null || i.scrollIntoView({
           behavior: "auto",
           block: "nearest",
           inline: "start"
@@ -667,203 +665,201 @@ const Je = ["for"], Xe = {
       }
     }
     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];
+      var a;
+      const n = (a = K.value) == null ? void 0 : a.findIndex((i) => {
+        var c, y;
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === i[t.optionValueKey] : [...t.modelValue].reverse()[0] === i[t.optionValueKey] : ((y = (c = P.value) == null ? void 0 : c[0]) == null ? void 0 : y[t.optionValueKey]) === i[t.optionValueKey];
       });
-      f.value = a && a >= 0 ? a : 0;
+      f.value = n && n >= 0 ? n : 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(
+    function fe(e, n = !0) {
+      var y;
+      n && !t.multiple && ue(() => F()), T.value = "";
+      const a = (y = P.value) == null ? void 0 : y.some(
         (w) => w[t.optionValueKey] === e[t.optionValueKey]
       );
-      let n = N.value;
-      s && t.multiple ? n = n == null ? void 0 : n.filter(
+      let i = P.value;
+      a && t.multiple ? i = i == null ? void 0 : i.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();
+      ) : t.multiple ? i.push(e) : i = [e];
+      const c = i.map((w) => w[t.optionValueKey]);
+      s("update:model-value", t.multiple ? c : c[0]), s("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",
-                {
+    return (e, n) => he((m(), k(
+      "div",
+      {
+        ref_key: "mazSelectElement",
+        ref: M,
+        class: B(["m-select m-reset-css", [
+          { "--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 }])
+      },
+      [
+        q(ye, ge({
+          id: h(W),
+          ref_key: "mazInputComponent",
+          ref: j,
+          class: "m-select-input"
+        }, e.$attrs, {
+          required: e.required,
+          "border-active": z.value,
+          color: e.color,
+          "model-value": ae.value,
+          size: e.size,
+          block: "",
+          autocomplete: e.autocomplete,
+          disabled: e.disabled,
+          onFocus: H(R, ["prevent", "stop"]),
+          onBlur: H(F, ["prevent", "stop"]),
+          onClick: H(R, ["prevent", "stop"]),
+          onChange: n[0] || (n[0] = (a) => s("change", a)),
+          onInput: n[1] || (n[1] = (a) => s("input", a)),
+          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: H(Ke, ["stop"])
+            }, [
+              q(h(S), { class: "m-select-chevron maz-text-xl" })
+            ], 8, tt)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
+        q(Fe, { name: ne.value }, {
+          default: te(() => [
+            I.value ? (m(), k(
+              "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(), A(ye, {
                   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(
+                  ref_key: "searchInputComponent",
+                  ref: x,
+                  modelValue: T.value,
+                  "onUpdate:modelValue": [
+                    n[2] || (n[2] = (a) => T.value = a),
+                    n[4] || (n[4] = (a) => f.value = 0)
+                  ],
+                  size: "sm",
+                  color: e.color,
+                  placeholder: e.searchPlaceholder,
+                  name: "search",
+                  inputmode: "search",
+                  block: "",
+                  autocomplete: "off",
+                  tabindex: "-1",
+                  class: "m-select-list__search-input maz-flex-none",
+                  "left-icon": h(v),
+                  onKeydown: n[3] || (n[3] = (a) => pe(a, !1))
+                }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : b("v-if", !0),
+                !K.value || K.value.length <= 0 ? U(e.$slots, "no-results", { key: 1 }, () => [
+                  O("span", ot, [
+                    q(h(D), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                  ])
+                ], !0) : (m(), k("div", lt, [
+                  (m(!0), k(
+                    ve,
+                    null,
+                    He(K.value, (a, i) => (m(), k(
                       ve,
-                      null,
-                      He(S.value, (n, c) => (m(), z(
-                        ve,
-                        { key: c },
-                        [
-                          n.label && n.isOptGroup ? q(e.$slots, "optgroup", {
+                      { key: i },
+                      [
+                        a.label && a.isOptGroup ? U(e.$slots, "optgroup", {
+                          key: 0,
+                          label: a.label
+                        }, () => [
+                          O(
+                            "span",
+                            at,
+                            G(a.label),
+                            1
+                            /* TEXT */
+                          )
+                        ], !0) : (m(), k("button", {
+                          key: 1,
+                          tabindex: "-1",
+                          type: "button",
+                          class: B(["m-select-list-item maz-custom maz-flex-none", [
+                            {
+                              "--is-keyboard-selected": f.value === i,
+                              "--is-selected": Q(a),
+                              "--is-none-value": L(a[e.optionValueKey])
+                            }
+                          ]]),
+                          style: ee(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
+                          onClick: H((c) => fe(a), ["prevent", "stop"])
+                        }, [
+                          e.multiple ? (m(), A(h(d), {
                             key: 0,
-                            label: n.label
+                            tabindex: "-1",
+                            "model-value": Q(a),
+                            size: "sm",
+                            color: e.color
+                          }, null, 8, ["model-value", "color"])) : b("v-if", !0),
+                          U(e.$slots, "default", {
+                            option: a,
+                            isSelected: Q(a)
                           }, () => [
                             O(
                               "span",
-                              at,
-                              G(n.label),
+                              null,
+                              G(a[e.optionLabelKey]),
                               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
-        }]
-      ]);
-    };
+                          ], !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: e.excludeSelectors,
+        handler: F
+      }]
+    ]);
   }
-}), ut = /* @__PURE__ */ we(st, [["__scopeId", "data-v-961aec79"]]);
+}), ut = /* @__PURE__ */ we(st, [["__scopeId", "data-v-0050f306"]]);
 export {
   ut as M,
   we as _,