maz-ui 3.48.3 → 3.48.4-beta.2

package/components/chunks/{MazSelect-CBaOs6va.mjs → MazSelect-VAPsGKXy.mjs}

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