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

package/components/chunks/{MazSelect-uCJPMXF-.mjs → MazSelect-DaDRzcT_.mjs}

@@ -1,8 +1,8 @@
-import { computed as f, defineComponent as Ie, useCssVars as Ce, defineAsyncComponent as $, ref as b, onBeforeMount as we, nextTick as j, withDirectives as Le, openBlock as g, createElementBlock as I, normalizeClass as q, normalizeStyle as Q, createVNode as N, mergeProps as Me, unref as C, withModifiers as E, withCtx as ae, createElementVNode as O, Transition as Ee, createBlock as se, createCommentVNode as w, renderSlot as G, Fragment as ie, renderList as Te, toDisplayString as ue } from "vue";
-import { u as $e } from "./useInstanceUniqId-DW9jO1Sz.mjs";
-import re from "./MazInput-oOA7gdLO.mjs";
-import { _ as Ne } from "./MazTable-Cuz5QI08.mjs";
-import '../assets/MazSelect.css';const Oe = {
+import { computed as f, defineComponent as Ie, defineAsyncComponent as T, ref as g, onBeforeMount as Le, nextTick as W, withDirectives as we, openBlock as b, createElementBlock as A, normalizeClass as q, normalizeStyle as j, createVNode as $, mergeProps as Ce, unref as I, withModifiers as M, withCtx as ne, createElementVNode as N, Transition as Me, createBlock as ie, createCommentVNode as Q, renderSlot as G, Fragment as se, renderList as Ee, toDisplayString as ue } from "vue";
+import { u as Te } from "./useInstanceUniqId-DW9jO1Sz.mjs";
+import re from "./MazInput-BWAWlxDa.mjs";
+import { _ as $e } from "./MazTable-Ci8nhgOP.mjs";
+import '../assets/MazSelect.css';const Ne = {
   removeAccents: !0,
   caseSensitive: !1,
   replaceSpaces: !0,
@@ -12,8 +12,8 @@ import '../assets/MazSelect.css';const Oe = {
   removeNumbers: !1,
   customNormalizationForms: ["NFC", "NFKD"]
 };
-function B(r, c) {
-  const s = { ...Oe, ...c }, t = {
+function O(r, c) {
+  const i = { ...Ne, ...c }, t = {
     À: "A",
     Á: "A",
     Â: "A",
@@ -62,91 +62,91 @@ function B(r, c) {
     ñ: "n",
     ó: "o"
   };
-  let a = r.toString();
-  if (s.trim && (a = a.trim()), s.normalizeSpaces && (a = a.replaceAll(/\s+/g, " ")), s.replaceSpaces && (a = a.replaceAll(" ", "-")), s.removeNumbers && (a = a.replaceAll(/\d/g, "")), s.removeAccents && (a = a.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (i) => t[i] || i), a = a.replaceAll(/[\u0300-\u036F]/g, "")), s.caseSensitive === !1 && (a = a.toLowerCase()), s.removeSpecialCharacters && (a = a.replaceAll(/[^\dA-Z-]/gi, "")), s.trim && (a = a.trim()), s.customNormalizationForms)
-    for (const i of s.customNormalizationForms)
-      a = a.normalize(i);
-  return a;
+  let n = r.toString();
+  if (i.trim && (n = n.trim()), i.normalizeSpaces && (n = n.replaceAll(/\s+/g, " ")), i.replaceSpaces && (n = n.replaceAll(" ", "-")), i.removeNumbers && (n = n.replaceAll(/\d/g, "")), i.removeAccents && (n = n.replaceAll(/[ÀÁÂÃÄÅÇÈÉÊËÎÏÑÔÕÖØÙÚÛÜàáâãäåçèéêëíîïñóôõöøùúûüÿ]/g, (s) => t[s] || s), n = n.replaceAll(/[\u0300-\u036F]/g, "")), i.caseSensitive === !1 && (n = n.toLowerCase()), i.removeSpecialCharacters && (n = n.replaceAll(/[^\dA-Z-]/gi, "")), i.trim && (n = n.trim()), i.customNormalizationForms)
+    for (const s of i.customNormalizationForms)
+      n = n.normalize(s);
+  return n;
 }
-function Be(r, c) {
-  const s = r.length, t = c.length, a = [];
-  for (let i = 0; i <= s; i++)
-    a[i] = [i];
-  for (let i = 0; i <= t; i++)
-    a[0][i] = i;
-  for (let i = 1; i <= s; i++)
+function Oe(r, c) {
+  const i = r.length, t = c.length, n = [];
+  for (let s = 0; s <= i; s++)
+    n[s] = [s];
+  for (let s = 0; s <= t; s++)
+    n[0][s] = s;
+  for (let s = 1; s <= i; s++)
     for (let m = 1; m <= t; m++) {
-      const V = r[i - 1] === c[m - 1] ? 0 : 1;
-      a[i][m] = Math.min(
-        a[i - 1][m] + 1,
-        a[i][m - 1] + 1,
-        a[i - 1][m - 1] + V
+      const V = r[s - 1] === c[m - 1] ? 0 : 1;
+      n[s][m] = Math.min(
+        n[s - 1][m] + 1,
+        n[s][m - 1] + 1,
+        n[s - 1][m - 1] + V
       );
     }
-  return a[s][t];
+  return n[i][t];
 }
 function ce(r, c) {
-  const s = Be(r, c), t = Math.max(r.length, c.length);
-  return 1 - s / t;
+  const i = Oe(r, c), t = Math.max(r.length, c.length);
+  return 1 - i / t;
 }
-function De(r, c, s = 0.75) {
-  return ce(r, c) >= s;
+function xe(r, c, i = 0.75) {
+  return ce(r, c) >= i;
 }
-function Z(r, c, s = 0.75) {
+function Z(r, c, i = 0.75) {
   const t = f(
-    () => B(typeof r == "string" ? r : r.value)
-  ), a = f(
-    () => B(typeof c == "string" ? c : c.value)
-  ), i = f(() => typeof s == "number" ? s : s.value), m = f(() => ce(t.value, a.value));
+    () => O(typeof r == "string" ? r : r.value)
+  ), n = f(
+    () => O(typeof c == "string" ? c : c.value)
+  ), s = f(() => typeof i == "number" ? i : i.value), m = f(() => ce(t.value, n.value));
   return {
     isMatching: f(
-      () => De(t.value, a.value, i.value)
+      () => xe(t.value, n.value, s.value)
     ),
     score: m
   };
 }
-function de(r, c, s) {
+function de(r, c, i) {
   var m;
   r.stopPropagation();
-  const t = typeof s.value == "function" ? s.value : s.value.handler, a = typeof s.value == "object" ? s.value.exclude : void 0;
-  let i = !1;
-  if (a && a.length > 0) {
-    for (const V of a)
-      if (!i && r.target instanceof HTMLElement) {
-        const D = (m = document.querySelector(V)) == null ? void 0 : m.getAttribute("id");
-        i = r.target.getAttribute("id") === D;
+  const t = typeof i.value == "function" ? i.value : i.value.handler, n = typeof i.value == "object" ? i.value.exclude : void 0;
+  let s = !1;
+  if (n && n.length > 0) {
+    for (const V of n)
+      if (!s && r.target instanceof HTMLElement) {
+        const x = (m = document.querySelector(V)) == null ? void 0 : m.getAttribute("id");
+        s = r.target.getAttribute("id") === x;
       }
   }
-  !c.contains(r.target) && !i && (t == null || t());
+  !c.contains(r.target) && !s && (t == null || t());
 }
 function pe() {
   return document.ontouchstart === null ? "touchstart" : "click";
 }
-function xe(r, c) {
-  const s = pe();
-  document.removeEventListener(s, (t) => de(t, r, c));
+function Be(r, c) {
+  const i = pe();
+  document.removeEventListener(i, (t) => de(t, r, c));
 }
-function He(r, c) {
+function De(r, c) {
   if (typeof c.value != "function" && typeof c.value == "object" && typeof c.value.handler != "function") {
     console.error("[maz-ui](vClosable) v-closable directive requires a handler function");
     return;
   }
-  const s = pe();
-  document.addEventListener(s, (t) => de(t, r, c));
+  const i = pe();
+  document.addEventListener(i, (t) => de(t, r, c));
 }
-const Pe = {
-  mounted: He,
-  unmounted: xe
+const He = {
+  mounted: De,
+  unmounted: Be
 };
 let R = null;
-function Fe(r, c) {
+function Pe(r, c) {
   R && clearTimeout(R), R = setTimeout(r, c);
 }
-const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
+const Fe = ["aria-label"], Ue = { class: "m-select-list__no-results" }, We = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, qe = { class: "m-select-list-optgroup" }, Qe = ["onClick"], Ge = /* @__PURE__ */ Ie({
+}, qe = { class: "m-select-list-optgroup" }, je = ["onClick"], Qe = /* @__PURE__ */ Ie({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -178,28 +178,23 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
     autocomplete: { default: "off" }
   },
   emits: ["close", "open", "blur", "focus", "change", "input", "update:model-value", "selected-option"],
-  setup(r, { expose: c, emit: s }) {
-    Ce((e) => ({
-      cb149e58: ve.value,
-      "215ff493": fe.value,
-      "64d6cfbb": me.value
-    }));
-    const t = r, a = s, i = $(() => import("./MazCheckbox-BmnqBHaY.mjs")), m = $(() => import("./magnifying-glass--nBiyXot.mjs")), V = $(() => import("./chevron-down-BkvtON3b.mjs")), D = $(() => import("./no-symbol-CIgKzsrB.mjs"));
+  setup(r, { expose: c, emit: i }) {
+    const t = r, n = i, s = T(() => import("./MazCheckbox-DjY15PA3.mjs")), m = T(() => import("./magnifying-glass--nBiyXot.mjs")), V = T(() => import("./chevron-down-BkvtON3b.mjs")), x = T(() => import("./no-symbol-CIgKzsrB.mjs"));
     c({
       /** Method to open the option list */
-      openList: A,
+      openList: C,
       /** Method to close the option list */
       closeList: k
     });
-    const z = b(!1), p = b(), x = f(
+    const z = g(!1), p = g(), B = f(
       () => ["black", "transparent", "white"].includes(t.color)
     ), fe = f(
-      () => x.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
+      () => B.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
     ), me = f(
-      () => x.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
+      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
     ), ve = f(
-      () => x.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), h = f(() => z.value || t.open), ye = $e({
+      () => B.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
+    ), h = f(() => z.value || t.open), ye = Te({
       componentName: "MazSelect",
       providedId: t.id
     });
@@ -223,31 +218,31 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
       const e = [];
       if (!((o = t.options) != null && o.length))
         return [];
-      for (const n of t.options)
-        typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? e.push(J(n)) : typeof n == "object" && "options" in n && Array.isArray(n.options) ? e.push(
-          { label: n.label, isOptGroup: !0 },
-          ...n.options.map(
+      for (const a of t.options)
+        typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? e.push(J(a)) : typeof a == "object" && "options" in a && Array.isArray(a.options) ? e.push(
+          { label: a.label, isOptGroup: !0 },
+          ...a.options.map(
             (l) => typeof l == "string" || typeof l == "number" || typeof l == "boolean" ? J(l) : X(l)
           )
-        ) : e.push(X(n));
+        ) : e.push(X(a));
       return e;
-    }), T = f(
+    }), E = f(
       () => {
         var e;
         return ((e = L.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !K(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !K(o[t.optionValueKey]))) ?? [];
       }
     );
-    we(() => {
+    Le(() => {
       var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), W();
+      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), U();
     });
-    const Y = b(), H = b(), _ = b(), ee = b();
+    const Y = g(), D = g(), _ = g(), ee = g();
     function K(e) {
       return e == null;
     }
-    function P(e) {
-      var n;
-      return (((n = T.value) == null ? void 0 : n.some(
+    function H(e) {
+      var a;
+      return (((a = E.value) == null ? void 0 : a.some(
         (l) => l[t.optionValueKey] === e[t.optionValueKey]
       )) ?? !1) && !K(e[t.optionValueKey]);
     }
@@ -255,97 +250,98 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
       var o;
       if (t.multiple && t.modelValue && Array.isArray(t.modelValue))
         return t.modelValue.map(
-          (n) => {
+          (a) => {
             var l, u;
-            return (u = (l = L.value) == null ? void 0 : l.find((d) => d[t.optionValueKey] === n)) == null ? void 0 : u[t.optionInputValueKey];
+            return (u = (l = L.value) == null ? void 0 : l.find((d) => d[t.optionValueKey] === a)) == null ? void 0 : u[t.optionInputValueKey];
           }
         ).join(", ");
       const e = (o = L.value) == null ? void 0 : o.find(
-        (n) => n[t.optionValueKey] === t.modelValue
+        (a) => a[t.optionValueKey] === t.modelValue
       );
       return K(t.modelValue) || e == null ? void 0 : e[t.optionInputValueKey];
-    }), be = f(
+    }), ge = f(
       () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), M = b(""), S = b("");
-    function F(e, o) {
-      return o && e && B(e).includes(B(o));
+    ), w = g(""), S = g("");
+    function P(e, o) {
+      return o && e && O(e).includes(O(o));
     }
     function te(e) {
       var o;
-      return e ? (o = L.value) == null ? void 0 : o.filter((n) => {
-        const l = n[t.optionLabelKey], u = n[t.optionValueKey], d = n[t.optionInputValueKey], v = t.searchThreshold;
-        return F(l, e) || F(d, e) || F(u, e) || typeof l == "string" && Z(l, e, v).isMatching.value || typeof d == "string" && Z(d, e, v).isMatching.value || typeof u == "string" && Z(u, e, v).isMatching.value;
+      return e ? (o = L.value) == null ? void 0 : o.filter((a) => {
+        const l = a[t.optionLabelKey], u = a[t.optionValueKey], d = a[t.optionInputValueKey], v = t.searchThreshold;
+        return P(l, e) || P(d, e) || P(u, e) || typeof l == "string" && Z(l, e, v).isMatching.value || typeof d == "string" && Z(d, e, v).isMatching.value || typeof u == "string" && Z(u, e, v).isMatching.value;
       }) : L.value;
     }
-    const y = f(() => te(M.value));
+    const y = f(() => te(w.value));
     async function k(e) {
-      var n, l;
+      var a, l;
       if (!h.value)
         return;
-      if (e && ("relatedTarget" in e && ((n = Y.value) != null && n.contains(e.relatedTarget)) || e.type === "keydown"))
+      if (e && ("relatedTarget" in e && ((a = Y.value) != null && a.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
       const o = e && "relatedTarget" in e && e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute("id");
       if ((l = t.excludeSelectors) != null && l.includes(`#${o}`))
         return e == null ? void 0 : e.preventDefault();
-      await j(), z.value = !1, p.value = 0, a("close", e);
+      await W(), z.value = !1, p.value = 0, n("close", e);
     }
-    async function A(e) {
-      t.disabled || h.value || (e == null || e.preventDefault(), z.value = !0, await U(), a("focus", e), a("open", z.value));
+    async function C(e) {
+      t.disabled || h.value || (e == null || e.preventDefault(), z.value = !0, await F(), n("focus", e), n("open", z.value));
     }
     function oe() {
       var e, o;
-      (o = ((e = H.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
+      (o = ((e = D.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
     }
-    function ge() {
+    function be() {
       var e, o;
-      (o = ((e = H.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.dispatchEvent(new Event("input"));
+      (o = ((e = D.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.dispatchEvent(new Event("input"));
     }
     function Ve(e) {
       z.value ? k(e) : oe();
     }
     function ze(e) {
-      var o, n;
-      M.value = e, (n = ((o = _.value) == null ? void 0 : o.$el).querySelector("input")) == null || n.focus();
+      var o, a;
+      w.value = e, (a = ((o = _.value) == null ? void 0 : o.$el).querySelector("input")) == null || a.focus();
     }
     function Ke(e) {
-      var n;
+      var a;
       e === "Backspace" && S.value.length > 0 ? S.value = S.value.slice(0, -1) : S.value += e;
       const o = te(S.value);
-      o != null && o.length && (p.value = (n = y.value) == null ? void 0 : n.findIndex(
+      o != null && o.length && (p.value = (a = y.value) == null ? void 0 : a.findIndex(
         (l) => l[t.optionValueKey] === o[0][t.optionValueKey]
-      ), typeof p.value == "number" && p.value >= 0 && U(p.value)), Fe(() => {
+      ), typeof p.value == "number" && p.value >= 0 && F(p.value)), Pe(() => {
         S.value = "";
       }, 1e3);
     }
     function Se(e) {
       const o = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), A(e), t.search ? ze(o) : Ke(o)) : le(e);
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), C(e), t.search ? ze(o) : Ke(o)) : le(e);
     }
     function le(e, o = !0) {
-      const n = e.code, l = ["ArrowUp", "ArrowDown"].includes(n), u = (o ? ["Enter", "Space"] : ["Enter"]).includes(n), d = n === "Escape" && h.value;
+      const a = e.code, l = ["ArrowUp", "ArrowDown"].includes(a), u = (o ? ["Enter", "Space"] : ["Enter"]).includes(a), d = a === "Escape" && h.value;
       l ? ke(e, p.value) : u ? Ae(e, p.value) : d && k(e);
     }
     function ke(e, o) {
       var u;
       e.preventDefault();
-      const n = e.code;
-      h.value || A(e);
+      const a = e.code;
+      h.value || C(e);
       const l = (u = y.value) == null ? void 0 : u.length;
-      l && (typeof o == "number" ? o === l - 1 && n === "ArrowDown" ? p.value = 0 : o === 0 && n === "ArrowUp" ? p.value = l - 1 : p.value = n === "ArrowDown" ? o + 1 : o - 1 : p.value = n === "ArrowDown" ? 0 : l - 1, U(p.value));
+      l && (typeof o == "number" ? o === l - 1 && a === "ArrowDown" ? p.value = 0 : o === 0 && a === "ArrowUp" ? p.value = l - 1 : p.value = a === "ArrowDown" ? o + 1 : o - 1 : p.value = a === "ArrowDown" ? 0 : l - 1, F(p.value));
     }
     function Ae(e, o) {
       var l, u, d;
-      if (e.preventDefault(), !h.value)
-        return A(e);
-      const n = o ? ((l = y.value) == null ? void 0 : l[o]) ?? ((u = y.value) == null ? void 0 : u[0]) : (d = y.value) == null ? void 0 : d[0];
-      K(n) || ne(n);
+      if (!h.value)
+        return;
+      e.preventDefault();
+      const a = o ? ((l = y.value) == null ? void 0 : l[o]) ?? ((u = y.value) == null ? void 0 : u[0]) : (d = y.value) == null ? void 0 : d[0];
+      K(a) || ae(a);
     }
-    async function U(e) {
-      var n, l;
-      await j(), typeof e != "number" && W();
+    async function F(e) {
+      var a, l;
+      await W(), typeof e != "number" && U();
       const o = e ?? p.value;
       if (typeof o == "number" && o >= 0) {
-        const u = (n = ee.value) == null ? void 0 : n.querySelectorAll(".m-select-list-item");
+        const u = (a = ee.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item");
         (l = u == null ? void 0 : u[o]) == null || l.scrollIntoView({
           behavior: "auto",
           block: "nearest",
@@ -353,30 +349,30 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
         });
       }
     }
-    function W(e) {
-      var n;
-      const o = (n = y.value) == null ? void 0 : n.findIndex((l) => {
+    function U(e) {
+      var a;
+      const o = (a = y.value) == null ? void 0 : a.findIndex((l) => {
         var u, d;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === l[t.optionValueKey] : [...t.modelValue].reverse()[0] === l[t.optionValueKey] : ((d = (u = T.value) == null ? void 0 : u[0]) == null ? void 0 : d[t.optionValueKey]) === l[t.optionValueKey];
+        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === l[t.optionValueKey] : [...t.modelValue].reverse()[0] === l[t.optionValueKey] : ((d = (u = E.value) == null ? void 0 : u[0]) == null ? void 0 : d[t.optionValueKey]) === l[t.optionValueKey];
       });
       p.value = o && o >= 0 ? o : 0;
     }
-    function ne(e, o = !0) {
+    function ae(e, o = !0) {
       var d;
-      o && !t.multiple && j(() => k()), M.value = "";
-      const n = (d = T.value) == null ? void 0 : d.some(
+      o && !t.multiple && W(() => k()), w.value = "";
+      const a = (d = E.value) == null ? void 0 : d.some(
         (v) => v[t.optionValueKey] === e[t.optionValueKey]
       );
-      let l = T.value;
-      n && t.multiple ? l = l == null ? void 0 : l.filter(
+      let l = E.value;
+      a && t.multiple ? l = l == null ? void 0 : l.filter(
         (v) => v[t.optionValueKey] !== e[t.optionValueKey]
       ) : t.multiple ? l.push(e) : l = [e];
       const u = l.map((v) => v[t.optionValueKey]);
-      a("update:model-value", t.multiple ? u : u[0]), a("selected-option", e), ge(), W(e), oe();
+      n("update:model-value", t.multiple ? u : u[0]), n("selected-option", e), be(), U(e), oe();
     }
     return (e, o) => {
-      var n;
-      return Le((g(), I(
+      var a;
+      return we((b(), A(
         "div",
         {
           ref_key: "mazSelectElement",
@@ -386,13 +382,13 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
             t.class,
             `--${e.size}`
           ]]),
-          style: Q(e.style)
+          style: j([e.style, { "--keyboard-selected-bg-color": ve.value, "--selected-bg-color": me.value, "--selected-text-color": fe.value }])
         },
         [
-          N(re, Me({
-            id: C(ye),
+          $(re, Ce({
+            id: I(ye),
             ref_key: "mazInputComponent",
-            ref: H,
+            ref: D,
             class: "m-select-input"
           }, e.$attrs, {
             required: e.required,
@@ -403,30 +399,30 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
             block: "",
             autocomplete: e.autocomplete,
             disabled: e.disabled,
-            onFocus: E(A, ["prevent", "stop"]),
-            onBlur: E(k, ["prevent", "stop"]),
-            onClick: E(A, ["prevent", "stop"]),
-            onChange: o[0] || (o[0] = (l) => a("change", l)),
-            onInput: o[1] || (o[1] = (l) => a("input", l)),
+            onFocus: M(C, ["prevent", "stop"]),
+            onBlur: M(k, ["prevent", "stop"]),
+            onClick: M(C, ["prevent", "stop"]),
+            onChange: o[0] || (o[0] = (l) => n("change", l)),
+            onInput: o[1] || (o[1] = (l) => n("input", l)),
             onKeydown: Se
           }), {
-            "right-icon": ae(() => [
-              O("button", {
+            "right-icon": ne(() => [
+              N("button", {
                 tabindex: "-1",
                 type: "button",
                 class: "m-select-input__toggle-button maz-custom",
                 "aria-label": `${h.value ? "collapse" : "expand"} list of options`,
-                onClick: E(Ve, ["stop"])
+                onClick: M(Ve, ["stop"])
               }, [
-                N(C(V), { class: "m-select-chevron maz-text-xl" })
-              ], 8, Ue)
+                $(I(V), { class: "m-select-chevron maz-text-xl" })
+              ], 8, Fe)
             ]),
             _: 1
             /* STABLE */
           }, 16, ["id", "required", "border-active", "color", "model-value", "size", "autocomplete", "disabled"]),
-          N(Ee, { name: be.value }, {
-            default: ae(() => [
-              h.value ? (g(), I(
+          $(Me, { name: ge.value }, {
+            default: ne(() => [
+              h.value ? (b(), A(
                 "div",
                 {
                   key: 0,
@@ -438,7 +434,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
                     "--right": e.listPosition.includes("right"),
                     "--bottom": e.listPosition.includes("bottom")
                   }]),
-                  style: Q({
+                  style: j({
                     maxHeight: `${e.maxListHeight}px`,
                     maxWidth: `${e.maxListWidth}px`,
                     minHeight: `${e.minListHeight}px`,
@@ -446,13 +442,13 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
                   })
                 },
                 [
-                  e.search ? (g(), se(re, {
+                  e.search ? (b(), ie(re, {
                     key: 0,
                     ref_key: "searchInputComponent",
                     ref: _,
-                    modelValue: M.value,
+                    modelValue: w.value,
                     "onUpdate:modelValue": [
-                      o[2] || (o[2] = (l) => M.value = l),
+                      o[2] || (o[2] = (l) => w.value = l),
                       o[4] || (o[4] = (l) => p.value = 0)
                     ],
                     size: "sm",
@@ -463,70 +459,58 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
                     autocomplete: "off",
                     tabindex: "-1",
                     class: "m-select-list__search-input maz-flex-none",
-                    "left-icon": C(m),
+                    "left-icon": I(m),
                     onKeydown: o[3] || (o[3] = (l) => le(l, !1))
-                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : w("v-if", !0),
-                  w(`
-          @slot No results slot - Displayed when no results corresponding with search query
-        `),
+                  }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : Q("v-if", !0),
                   !y.value || y.value.length <= 0 ? G(e.$slots, "no-results", { key: 1 }, () => [
-                    O("span", We, [
-                      N(C(D), { class: "maz-h-6 maz-w-6 maz-text-normal" })
+                    N("span", Ue, [
+                      $(I(x), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                     ])
-                  ], !0) : (g(), I("div", je, [
-                    (g(!0), I(
-                      ie,
+                  ], !0) : (b(), A("div", We, [
+                    (b(!0), A(
+                      se,
                       null,
-                      Te(y.value, (l, u) => (g(), I(
-                        ie,
+                      Ee(y.value, (l, u) => (b(), A(
+                        se,
                         { key: u },
                         [
-                          w(`
-              @slot Custom optgroup label
-                @binding {String} label - the label of the optgroup
-            `),
                           l.label && l.isOptGroup ? G(e.$slots, "optgroup", {
                             key: 0,
                             label: l.label
                           }, () => [
-                            O(
+                            N(
                               "span",
                               qe,
                               ue(l.label),
                               1
                               /* TEXT */
                             )
-                          ], !0) : (g(), I("button", {
+                          ], !0) : (b(), A("button", {
                             key: 1,
                             tabindex: "-1",
                             type: "button",
                             class: q(["m-select-list-item maz-custom maz-flex-none", [
                               {
                                 "--is-keyboard-selected": p.value === u,
-                                "--is-selected": P(l),
+                                "--is-selected": H(l),
                                 "--is-none-value": K(l[e.optionValueKey])
                               }
                             ]]),
-                            style: Q(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
-                            onClick: E((d) => ne(l), ["prevent", "stop"])
+                            style: j(e.itemHeight ? { height: `${e.itemHeight}px` } : void 0),
+                            onClick: M((d) => ae(l), ["prevent", "stop"])
                           }, [
-                            e.multiple ? (g(), se(C(i), {
+                            e.multiple ? (b(), ie(I(s), {
                               key: 0,
                               tabindex: "-1",
-                              "model-value": P(l),
+                              "model-value": H(l),
                               size: "sm",
                               color: e.color
-                            }, null, 8, ["model-value", "color"])) : w("v-if", !0),
-                            w(`
-                @slot Custom option
-                  @binding {Object} option - the option object
-                  @binding {Boolean} is-selected - if the option is selected
-              `),
+                            }, null, 8, ["model-value", "color"])) : Q("v-if", !0),
                             G(e.$slots, "default", {
                               option: l,
-                              isSelected: P(l)
+                              isSelected: H(l)
                             }, () => [
-                              O(
+                              N(
                                 "span",
                                 null,
                                 ue(l[e.optionLabelKey]),
@@ -534,7 +518,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
                                 /* TEXT */
                               )
                             ], !0)
-                          ], 14, Qe))
+                          ], 14, je))
                         ],
                         64
                         /* STABLE_FRAGMENT */
@@ -546,7 +530,7 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
                 ],
                 6
                 /* CLASS, STYLE */
-              )) : w("v-if", !0)
+              )) : Q("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -555,14 +539,14 @@ const Ue = ["aria-label"], We = { class: "m-select-list__no-results" }, je = {
         6
         /* CLASS, STYLE */
       )), [
-        [C(Pe), {
-          exclude: (n = e.excludeSelectors) != null && n.length ? e.excludeSelectors : [],
+        [I(He), {
+          exclude: (a = e.excludeSelectors) != null && a.length ? e.excludeSelectors : [],
           handler: k
         }]
       ]);
     };
   }
-}), Ye = /* @__PURE__ */ Ne(Ge, [["__scopeId", "data-v-e35a36a6"]]);
+}), Xe = /* @__PURE__ */ $e(Qe, [["__scopeId", "data-v-961aec79"]]);
 export {
-  Ye as default
+  Xe as default
 };