maz-ui 3.32.2 → 3.34.0

package/components/chunks/{MazSelect-DR7qJS0-.mjs → MazSelect-qw3H2BrO.mjs}

@@ -1,10 +1,10 @@
 import "../assets/MazSelect.css";
-import { computed as i, defineComponent as pe, defineAsyncComponent as I, ref as f, getCurrentInstance as me, onMounted as Ie, useSlots as Ke, openBlock as r, createElementBlock as V, normalizeClass as N, normalizeStyle as Z, createElementVNode as P, createCommentVNode as d, renderSlot as O, createBlock as w, unref as v, resolveDynamicComponent as de, withDirectives as Be, mergeProps as fe, toHandlers as Ce, vModelDynamic as $e, createTextVNode as Se, toDisplayString as ve, withModifiers as E, withCtx as G, createVNode as T, useCssVars as Le, onBeforeMount as Ae, Transition as De, Fragment as Me, renderList as Te, nextTick as ne } from "vue";
+import { computed as r, defineComponent as pe, defineAsyncComponent as K, ref as f, getCurrentInstance as me, onMounted as Ie, useSlots as Ke, openBlock as i, createElementBlock as V, normalizeClass as N, normalizeStyle as Z, createElementVNode as P, createCommentVNode as d, renderSlot as O, createBlock as I, unref as v, resolveDynamicComponent as de, withDirectives as Be, mergeProps as fe, toHandlers as $e, vModelDynamic as Ce, createTextVNode as Se, toDisplayString as ve, withModifiers as E, withCtx as G, createVNode as T, useCssVars as Le, onBeforeMount as Ae, Transition as De, Fragment as Me, renderList as Te, nextTick as ne } from "vue";
 function Ne(y, p) {
   let b;
-  return function(...K) {
+  return function(...B) {
     clearTimeout(b), b = setTimeout(() => {
-      y.apply(this, K);
+      y.apply(this, B);
     }, p);
   };
 }
@@ -12,7 +12,7 @@ const ye = ({
   componentName: y,
   instance: p,
   providedId: b
-}) => i(() => b ?? `${y}-${p == null ? void 0 : p.uid}`), Pe = {
+}) => r(() => b ?? `${y}-${p == null ? void 0 : p.uid}`), Pe = {
   key: 0,
   class: "m-input-wrapper-left"
 }, qe = { class: "m-input-wrapper-input" }, Fe = ["id", "type", "name", "inputmode", "placeholder", "aria-label", "disabled", "readonly", "required"], He = { key: 0 }, Ee = {
@@ -55,76 +55,76 @@ const ye = ({
   },
   emits: ["update:model-value", "focus", "blur", "click", "change"],
   setup(y, { emit: p }) {
-    const b = I(() => import("./MazBtn-EtLqM2iD.mjs")), K = I(() => import("./MazIcon-Cxrv3_OK.mjs")), q = I(() => import("./eye-slash-tjfxO0LK.mjs")), J = I(() => import("./eye-DqO_Jx56.mjs")), X = I(() => import("./check-7UA4j2f2.mjs")), t = y, z = p, g = f(!1), s = f(!1), A = f(), Y = me(), x = ye({
+    const b = K(() => import("./MazBtn-DEM8T_xK.mjs")), B = K(() => import("./MazIcon-Cxrv3_OK.mjs")), q = K(() => import("./eye-slash-tjfxO0LK.mjs")), J = K(() => import("./eye-DqO_Jx56.mjs")), X = K(() => import("./check-7UA4j2f2.mjs")), o = y, z = p, g = f(!1), s = f(!1), A = f(), Y = me(), x = ye({
       componentName: "MazInput",
       instance: Y,
-      providedId: t.id
+      providedId: o.id
     });
     Ie(() => {
       var l;
-      t.autoFocus && ((l = A.value) == null || l.focus());
+      o.autoFocus && ((l = A.value) == null || l.focus());
     });
-    const U = i(() => t.type === "password"), B = i(() => g.value ? "text" : t.type), _ = i(() => {
-      if (!t.noBorder) {
-        if (t.error)
+    const U = r(() => o.type === "password"), k = r(() => g.value ? "text" : o.type), _ = r(() => {
+      if (!o.noBorder) {
+        if (o.error)
           return "maz-border-danger";
-        if (t.success)
+        if (o.success)
           return "maz-border-success";
-        if (t.warning)
+        if (o.warning)
           return "maz-border-warning";
-        if (s.value || t.borderActive) {
-          if (t.color === "black")
+        if (s.value || o.borderActive) {
+          if (o.color === "black")
             return "maz-border-black";
-          if (t.color === "danger")
+          if (o.color === "danger")
             return "maz-border-danger";
-          if (t.color === "info")
+          if (o.color === "info")
             return "maz-border-info";
-          if (t.color === "primary")
+          if (o.color === "primary")
             return "maz-border-primary";
-          if (t.color === "secondary")
+          if (o.color === "secondary")
             return "maz-border-secondary";
-          if (t.color === "success")
+          if (o.color === "success")
             return "maz-border-success";
-          if (t.color === "warning")
+          if (o.color === "warning")
             return "maz-border-warning";
-          if (t.color === "white")
+          if (o.color === "white")
             return "maz-border-white";
         }
         return "--default-border";
       }
-    }), k = Ke(), D = i(() => {
-      const { required: l, placeholder: m } = t;
+    }), w = Ke(), D = r(() => {
+      const { required: l, placeholder: m } = o;
       if (m)
         return l ? `${m} *` : m;
-    }), W = i(() => C.value !== void 0 && C.value !== ""), Q = Ne(
+    }), W = r(() => $.value !== void 0 && $.value !== ""), Q = Ne(
       (l) => {
-        C.value = l;
+        $.value = l;
       },
-      typeof t.debounce == "number" ? t.debounce : t.debounceDelay ?? 500
-    ), C = i({
-      get: () => t.modelValue,
+      typeof o.debounce == "number" ? o.debounce : o.debounceDelay ?? 500
+    ), $ = r({
+      get: () => o.modelValue,
       set: (l) => {
-        if (t.debounce)
+        if (o.debounce)
           return Q(l);
         z("update:model-value", l);
       }
-    }), S = i(() => (!!t.label || !!t.hint) && (s.value || !!W.value || !!t.placeholder || ["date", "month", "week"].includes(t.type))), F = i(() => !!t.label || !!t.hint);
-    function te() {
-      return !!k["right-icon"] || U.value || !!k["valid-button"] || t.validButton || !!t.rightIcon;
-    }
+    }), S = r(() => (!!o.label || !!o.hint) && (s.value || !!W.value || !!o.placeholder || ["date", "month", "week"].includes(o.type))), F = r(() => !!o.label || !!o.hint);
     function oe() {
-      return !!k["left-icon"] || !!t.leftIcon;
+      return !!w["right-icon"] || U.value || !!w["valid-button"] || o.validButton || !!o.rightIcon;
+    }
+    function te() {
+      return !!w["left-icon"] || !!o.leftIcon;
     }
     function L(l) {
       z("focus", l), s.value = !0;
     }
-    function $(l) {
+    function C(l) {
       z("blur", l), s.value = !1;
     }
     function R(l) {
       return z("change", l);
     }
-    return (l, m) => (r(), V(
+    return (l, m) => (i(), V(
       "div",
       {
         class: N(["m-input", [
@@ -137,7 +137,7 @@ const ye = ({
             "--has-z-2": l.error || l.warning || l.success,
             "--has-state": l.error || l.warning || l.success
           },
-          t.class,
+          o.class,
           `--${l.color}`,
           `--${l.size}`
         ]]),
@@ -154,16 +154,16 @@ const ye = ({
             ]])
           },
           [
-            oe() ? (r(), V("div", Pe, [
+            te() ? (i(), V("div", Pe, [
               d(`
           @slot left-icon - The icon to display on the left of the input
         `),
               l.$slots["left-icon"] || l.leftIcon ? O(l.$slots, "left-icon", { key: 0 }, () => [
-                typeof l.leftIcon == "string" ? (r(), w(v(K), {
+                typeof l.leftIcon == "string" ? (i(), I(v(B), {
                   key: 0,
                   name: l.leftIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : l.leftIcon ? (r(), w(de(l.leftIcon), {
+                }, null, 8, ["name"])) : l.leftIcon ? (i(), I(de(l.leftIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : d("v-if", !0)
@@ -174,8 +174,8 @@ const ye = ({
                 id: v(x),
                 ref_key: "input",
                 ref: A,
-                "onUpdate:modelValue": m[0] || (m[0] = (c) => C.value = c),
-                type: B.value,
+                "onUpdate:modelValue": m[0] || (m[0] = (c) => $.value = c),
+                type: k.value,
                 name: l.name
               }, l.$attrs, {
                 inputmode: l.inputmode,
@@ -185,16 +185,16 @@ const ye = ({
                 readonly: l.readonly,
                 required: l.required,
                 class: "m-input-input"
-              }, Ce({
-                blur: $,
+              }, $e({
+                blur: C,
                 focus: L,
                 change: R
               }, !0), {
                 onClick: m[1] || (m[1] = (c) => l.$emit("click", c))
               }), null, 16, Fe), [
-                [$e, C.value]
+                [Ce, $.value]
               ]),
-              l.label || l.hint ? (r(), V(
+              l.label || l.hint ? (i(), V(
                 "span",
                 {
                   key: 0,
@@ -213,27 +213,27 @@ const ye = ({
                     1
                     /* TEXT */
                   ),
-                  l.required ? (r(), V("sup", He, "*")) : d("v-if", !0)
+                  l.required ? (i(), V("sup", He, "*")) : d("v-if", !0)
                 ],
                 2
                 /* CLASS */
               )) : d("v-if", !0)
             ]),
-            te() ? (r(), V("div", Ee, [
+            oe() ? (i(), V("div", Ee, [
               d(`
           @slot right-icon - The icon to display on the right of the input
         `),
               l.$slots["right-icon"] || l.rightIcon ? O(l.$slots, "right-icon", { key: 0 }, () => [
-                typeof l.rightIcon == "string" ? (r(), w(v(K), {
+                typeof l.rightIcon == "string" ? (i(), I(v(B), {
                   key: 0,
                   name: l.rightIcon,
                   class: "maz-text-xl maz-text-muted"
-                }, null, 8, ["name"])) : l.rightIcon ? (r(), w(de(l.rightIcon), {
+                }, null, 8, ["name"])) : l.rightIcon ? (i(), I(de(l.rightIcon), {
                   key: 1,
                   class: "maz-text-xl maz-text-muted"
                 })) : d("v-if", !0)
               ], !0) : d("v-if", !0),
-              U.value ? (r(), w(v(b), {
+              U.value ? (i(), I(v(b), {
                 key: 1,
                 color: "transparent",
                 tabindex: "-1",
@@ -241,10 +241,10 @@ const ye = ({
                 onClick: m[2] || (m[2] = E((c) => g.value = !g.value, ["stop"]))
               }, {
                 default: G(() => [
-                  g.value ? (r(), w(v(q), {
+                  g.value ? (i(), I(v(q), {
                     key: 0,
                     class: "maz-text-xl maz-text-muted"
-                  })) : (r(), w(v(J), {
+                  })) : (i(), I(v(J), {
                     key: 1,
                     class: "maz-text-xl maz-text-muted"
                   }))
@@ -284,8 +284,8 @@ const ye = ({
   }
 }), be = (y, p) => {
   const b = y.__vccOpts || y;
-  for (const [K, q] of p)
-    b[K] = q;
+  for (const [B, q] of p)
+    b[B] = q;
   return b;
 }, ce = /* @__PURE__ */ be(Oe, [["__scopeId", "data-v-2b90b4c7"]]);
 f("system");
@@ -294,11 +294,11 @@ let se = null;
 function Ue(y, p) {
   se && clearTimeout(se), se = setTimeout(y, p);
 }
-const We = { class: "m-select-list__no-results" }, Qe = {
+const We = ["aria-label"], Qe = { class: "m-select-list__no-results" }, Re = {
   key: 2,
   class: "m-select-list__scroll-wrapper",
   tabindex: "-1"
-}, Re = ["onClick"], je = /* @__PURE__ */ pe({
+}, je = ["onClick"], Ze = /* @__PURE__ */ pe({
   inheritAttrs: !1,
   __name: "MazSelect",
   props: {
@@ -326,133 +326,133 @@ const We = { class: "m-select-list__no-results" }, Qe = {
   emits: ["close", "open", "blur", "focus", "change", "update:model-value", "selected-option"],
   setup(y, { emit: p }) {
     Le((e) => ({
-      "05cbf77a": U.value,
-      "4201afb9": Y.value,
-      "7cd91c61": x.value
+      "4675cece": U.value,
+      "0e35d418": Y.value,
+      "2238cc80": x.value
     }));
-    const b = I(() => import("./MazCheckbox-CPcllL6q.mjs")), K = I(() => import("./magnifying-glass-DZGg7953.mjs")), q = I(() => import("./chevron-down-CzMH-gFW.mjs")), J = I(() => import("./no-symbol-QAqP9IlR.mjs")), X = me(), t = y, z = p, g = f(!1), s = f(), A = i(
-      () => ["black", "transparent", "white"].includes(t.color)
-    ), Y = i(
-      () => A.value ? "var(--maz-color-black)" : `var(--maz-color-${t.color}-800)`
-    ), x = i(
-      () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-100)`
-    ), U = i(
-      () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${t.color}-200)`
-    ), B = i(() => g.value || t.open), _ = ye({
+    const b = K(() => import("./MazCheckbox-DKvq4VIy.mjs")), B = K(() => import("./magnifying-glass-DZGg7953.mjs")), q = K(() => import("./chevron-down-CzMH-gFW.mjs")), J = K(() => import("./no-symbol-QAqP9IlR.mjs")), X = me(), o = y, z = p, g = f(!1), s = f(), A = r(
+      () => ["black", "transparent", "white"].includes(o.color)
+    ), Y = r(
+      () => A.value ? "var(--maz-color-black)" : `var(--maz-color-${o.color}-800)`
+    ), x = r(
+      () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-100)`
+    ), U = r(
+      () => A.value ? "var(--maz-color-muted)" : `var(--maz-color-${o.color}-200)`
+    ), k = r(() => g.value || o.open), _ = ye({
       componentName: "MazSelect",
       instance: X,
-      providedId: t.id
-    }), k = i(
+      providedId: o.id
+    }), w = r(
       () => {
         var e;
-        return (e = t.options) == null ? void 0 : e.map((o) => typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? {
-          [t.optionValueKey]: o,
-          [t.optionLabelKey]: o,
-          [t.optionInputValueKey]: o
+        return (e = o.options) == null ? void 0 : e.map((t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? {
+          [o.optionValueKey]: t,
+          [o.optionLabelKey]: t,
+          [o.optionInputValueKey]: t
         } : {
-          ...o,
-          [t.optionValueKey]: o[t.optionValueKey],
-          [t.optionLabelKey]: o[t.optionLabelKey],
-          [t.optionInputValueKey]: o[t.optionInputValueKey]
+          ...t,
+          [o.optionValueKey]: t[o.optionValueKey],
+          [o.optionLabelKey]: t[o.optionLabelKey],
+          [o.optionInputValueKey]: t[o.optionInputValueKey]
         });
       }
-    ), D = i(
+    ), D = r(
       () => {
         var e;
-        return ((e = k.value) == null ? void 0 : e.filter((o) => t.multiple ? Array.isArray(t.modelValue) ? t.modelValue.includes(o[t.optionValueKey]) && !S(o[t.optionValueKey]) : !1 : t.modelValue === o[t.optionValueKey] && !S(o[t.optionValueKey]))) ?? [];
+        return ((e = w.value) == null ? void 0 : e.filter((t) => o.multiple ? Array.isArray(o.modelValue) ? o.modelValue.includes(t[o.optionValueKey]) && !S(t[o.optionValueKey]) : !1 : o.modelValue === t[o.optionValueKey] && !S(t[o.optionValueKey]))) ?? [];
       }
     );
     Ae(() => {
       var e;
-      (e = t.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ae();
+      (e = o.options) != null && e.length || console.warn("[maz-ui](MazSelect) you must provide options"), ae();
     });
-    const W = f(), Q = f(), ee = f(), C = f(), S = (e) => e == null;
+    const W = f(), Q = f(), ee = f(), $ = f(), S = (e) => e == null;
     function F(e) {
       var a;
       return (((a = D.value) == null ? void 0 : a.some(
-        (n) => n[t.optionValueKey] === e[t.optionValueKey]
-      )) ?? !1) && !S(e[t.optionValueKey]);
+        (n) => n[o.optionValueKey] === e[o.optionValueKey]
+      )) ?? !1) && !S(e[o.optionValueKey]);
     }
-    const te = i(() => {
-      var e, o;
-      return t.multiple && t.modelValue && Array.isArray(t.modelValue) ? t.modelValue.map(
+    const oe = r(() => {
+      var e, t;
+      return o.multiple && o.modelValue && Array.isArray(o.modelValue) ? o.modelValue.map(
         (a) => {
           var n, u;
-          return (u = (n = k.value) == null ? void 0 : n.find((h) => h[t.optionValueKey] === a)) == null ? void 0 : u[t.optionInputValueKey];
+          return (u = (n = w.value) == null ? void 0 : n.find((h) => h[o.optionValueKey] === a)) == null ? void 0 : u[o.optionInputValueKey];
         }
-      ).join(", ") : (o = (e = k.value) == null ? void 0 : e.find(
-        (a) => a[t.optionValueKey] === t.modelValue
-      )) == null ? void 0 : o[t.optionInputValueKey];
-    }), oe = i(
-      () => t.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
-    ), L = f(""), $ = f("");
+      ).join(", ") : (t = (e = w.value) == null ? void 0 : e.find(
+        (a) => a[o.optionValueKey] === o.modelValue
+      )) == null ? void 0 : t[o.optionInputValueKey];
+    }), te = r(
+      () => o.listPosition.includes("bottom") ? "maz-slide" : "maz-slideinvert"
+    ), L = f(""), C = f("");
     function R(e) {
       return e.normalize("NFD").replaceAll(/[\u0300-\u036F]/g, "").replaceAll(/[^\dA-Za-z\u0400-\u04FF]/g, "");
     }
-    const l = (e, o) => o && e && R(e.toString().toLocaleLowerCase().trim()).includes(
-      R(o.toLocaleLowerCase().trim())
+    const l = (e, t) => t && e && R(e.toString().toLocaleLowerCase().trim()).includes(
+      R(t.toLocaleLowerCase().trim())
     );
     function m(e) {
-      var o;
-      return e ? (o = k.value) == null ? void 0 : o.filter((a) => {
-        const n = a[t.optionLabelKey], u = a[t.optionValueKey], h = a[t.optionInputValueKey];
+      var t;
+      return e ? (t = w.value) == null ? void 0 : t.filter((a) => {
+        const n = a[o.optionLabelKey], u = a[o.optionValueKey], h = a[o.optionInputValueKey];
         return l(n, e) || l(u, e) || l(h, e);
-      }) : k.value;
+      }) : w.value;
     }
-    const c = i(() => m(L.value)), j = async (e) => {
-      var o;
-      if (e && ("relatedTarget" in e && ((o = W.value) != null && o.contains(e.relatedTarget)) || e.type === "keydown"))
+    const c = r(() => m(L.value)), j = async (e) => {
+      var t;
+      if (e && ("relatedTarget" in e && ((t = W.value) != null && t.contains(e.relatedTarget)) || e.type === "keydown"))
         return e.preventDefault();
       await ne(), g.value = !1, s.value = 0, z("close", e);
     }, H = async (e) => {
-      t.disabled || B.value || (e == null || e.preventDefault(), g.value = !0, await le(), z("focus", e), z("open", g.value));
+      o.disabled || k.value || (e == null || e.preventDefault(), g.value = !0, await le(), z("focus", e), z("open", g.value));
     };
     function ue() {
-      var e, o;
-      (o = ((e = Q.value) == null ? void 0 : e.$el).querySelector("input")) == null || o.focus();
+      var e, t;
+      (t = ((e = Q.value) == null ? void 0 : e.$el).querySelector("input")) == null || t.focus();
     }
     function he(e) {
       g.value ? j(e) : ue();
     }
     function ze(e) {
-      var o, a;
-      L.value = e, (a = ((o = ee.value) == null ? void 0 : o.$el).querySelector("input")) == null || a.focus();
+      var t, a;
+      L.value = e, (a = ((t = ee.value) == null ? void 0 : t.$el).querySelector("input")) == null || a.focus();
     }
     function ge(e) {
       var a;
-      e === "Backspace" && $.value.length > 0 ? $.value = $.value.slice(0, -1) : $.value += e;
-      const o = m($.value);
-      o != null && o.length && (s.value = (a = c.value) == null ? void 0 : a.findIndex(
-        (n) => n[t.optionValueKey] === o[0][t.optionValueKey]
+      e === "Backspace" && C.value.length > 0 ? C.value = C.value.slice(0, -1) : C.value += e;
+      const t = m(C.value);
+      t != null && t.length && (s.value = (a = c.value) == null ? void 0 : a.findIndex(
+        (n) => n[o.optionValueKey] === t[0][o.optionValueKey]
       ), typeof s.value == "number" && s.value >= 0 && le(s.value)), Ue(() => {
-        $.value = "";
+        C.value = "";
       }, 1e3);
     }
     const Ve = (e) => {
-      const o = e.key;
-      /^[\dA-Za-z\u0400-\u04FF]$/.test(o) ? (e.preventDefault(), H(e), t.search ? ze(o) : ge(o)) : re(e);
-    }, re = (e) => {
-      const o = e.code, a = ["ArrowUp", "ArrowDown"].includes(o), n = ["Enter", "Space"].includes(o), u = o === "Escape" && B.value;
+      const t = e.key;
+      /^[\dA-Za-z\u0400-\u04FF]$/.test(t) ? (e.preventDefault(), H(e), o.search ? ze(t) : ge(t)) : ie(e);
+    }, ie = (e) => {
+      const t = e.code, a = ["ArrowUp", "ArrowDown"].includes(t), n = ["Enter", "Space"].includes(t), u = t === "Escape" && k.value;
       a ? ke(e, s.value) : n ? we(e, s.value) : u && j();
-    }, ke = (e, o) => {
+    }, ke = (e, t) => {
       var u;
       e.preventDefault();
       const a = e.code;
-      B.value || H(e);
+      k.value || H(e);
       const n = (u = c.value) == null ? void 0 : u.length;
-      n && (typeof o == "number" ? o === n - 1 && a === "ArrowDown" ? s.value = 0 : o === 0 && a === "ArrowUp" ? s.value = n - 1 : s.value = a === "ArrowDown" ? o + 1 : o - 1 : s.value = a === "ArrowDown" ? 0 : n - 1, le(s.value));
-    }, we = (e, o) => {
+      n && (typeof t == "number" ? t === n - 1 && a === "ArrowDown" ? s.value = 0 : t === 0 && a === "ArrowUp" ? s.value = n - 1 : s.value = a === "ArrowDown" ? t + 1 : t - 1 : s.value = a === "ArrowDown" ? 0 : n - 1, le(s.value));
+    }, we = (e, t) => {
       var n, u, h;
-      if (e.preventDefault(), !B.value)
+      if (e.preventDefault(), !k.value)
         return H(e);
-      const a = o ? ((n = c.value) == null ? void 0 : n[o]) ?? ((u = c.value) == null ? void 0 : u[0]) : (h = c.value) == null ? void 0 : h[0];
-      S(a) || ie(a);
+      const a = t ? ((n = c.value) == null ? void 0 : n[t]) ?? ((u = c.value) == null ? void 0 : u[0]) : (h = c.value) == null ? void 0 : h[0];
+      S(a) || re(a);
     };
     async function le(e) {
       var a, n;
       await ne(), typeof e != "number" && ae();
-      const o = e ?? s.value;
-      typeof o == "number" && o >= 0 && ((n = (a = C.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item")[o]) == null || n.scrollIntoView({
+      const t = e ?? s.value;
+      typeof t == "number" && t >= 0 && ((n = (a = $.value) == null ? void 0 : a.querySelectorAll(".m-select-list-item")[t]) == null || n.scrollIntoView({
         behavior: "auto",
         block: "nearest",
         inline: "start"
@@ -460,31 +460,31 @@ const We = { class: "m-select-list__no-results" }, Qe = {
     }
     function ae(e) {
       var a;
-      const o = (a = c.value) == null ? void 0 : a.findIndex((n) => {
+      const t = (a = c.value) == null ? void 0 : a.findIndex((n) => {
         var u, h;
-        return t.multiple && Array.isArray(t.modelValue) ? e ? e[t.optionValueKey] === n[t.optionValueKey] : [...t.modelValue].reverse()[0] === n[t.optionValueKey] : ((h = (u = D.value) == null ? void 0 : u[0]) == null ? void 0 : h[t.optionValueKey]) === n[t.optionValueKey];
+        return o.multiple && Array.isArray(o.modelValue) ? e ? e[o.optionValueKey] === n[o.optionValueKey] : [...o.modelValue].reverse()[0] === n[o.optionValueKey] : ((h = (u = D.value) == null ? void 0 : u[0]) == null ? void 0 : h[o.optionValueKey]) === n[o.optionValueKey];
       });
-      s.value = o && o >= 0 ? o : 0;
+      s.value = t && t >= 0 ? t : 0;
     }
-    const ie = (e, o = !0) => {
+    const re = (e, t = !0) => {
       var h;
-      o && !t.multiple && ne(() => j()), L.value = "";
+      t && !o.multiple && ne(() => j()), L.value = "";
       const a = (h = D.value) == null ? void 0 : h.some(
-        (M) => M[t.optionValueKey] === e[t.optionValueKey]
+        (M) => M[o.optionValueKey] === e[o.optionValueKey]
       );
       let n = D.value;
-      a && t.multiple ? n = n == null ? void 0 : n.filter(
-        (M) => M[t.optionValueKey] !== e[t.optionValueKey]
-      ) : t.multiple ? n.push(e) : n = [e];
-      const u = n.map((M) => M[t.optionValueKey]);
-      z("update:model-value", t.multiple ? u : u[0]), z("selected-option", e), ae(e), ue();
+      a && o.multiple ? n = n == null ? void 0 : n.filter(
+        (M) => M[o.optionValueKey] !== e[o.optionValueKey]
+      ) : o.multiple ? n.push(e) : n = [e];
+      const u = n.map((M) => M[o.optionValueKey]);
+      z("update:model-value", o.multiple ? u : u[0]), z("selected-option", e), ae(e), ue();
     };
-    return (e, o) => (r(), V(
+    return (e, t) => (i(), V(
       "div",
       {
         ref_key: "mazSelectElement",
         ref: W,
-        class: N(["m-select", [{ "--is-open": B.value, "--disabled": e.disabled }, t.class, `--${e.size}`]]),
+        class: N(["m-select", [{ "--is-open": k.value, "--disabled": e.disabled }, o.class, `--${e.size}`]]),
         style: Z(e.style),
         onBlurCapture: j
       },
@@ -498,13 +498,13 @@ const We = { class: "m-select-list__no-results" }, Qe = {
           required: e.required,
           "border-active": g.value,
           color: e.color,
-          "model-value": te.value,
+          "model-value": oe.value,
           autocomplete: "off",
           size: e.size,
           disabled: e.disabled,
           onFocus: E(H, ["prevent", "stop"]),
           onClick: E(H, ["prevent", "stop"]),
-          onChange: o[0] || (o[0] = (a) => z("change", a)),
+          onChange: t[0] || (t[0] = (a) => z("change", a)),
           onKeydown: Ve
         }), {
           "right-icon": G(() => [
@@ -512,22 +512,23 @@ const We = { class: "m-select-list__no-results" }, Qe = {
               tabindex: "-1",
               type: "button",
               class: "m-select-input__toggle-button maz-custom",
+              "aria-label": `${k.value ? "collapse" : "expand"} list of options`,
               onClick: E(he, ["stop"])
             }, [
               T(v(q), { class: "m-select-chevron maz-text-xl" })
-            ])
+            ], 8, We)
           ]),
           _: 1
           /* STABLE */
         }, 16, ["id", "required", "border-active", "color", "model-value", "size", "disabled"]),
-        T(De, { name: oe.value }, {
+        T(De, { name: te.value }, {
           default: G(() => [
-            B.value ? (r(), V(
+            k.value ? (i(), V(
               "div",
               {
                 key: 0,
                 ref_key: "optionsListElement",
-                ref: C,
+                ref: $,
                 class: N(["m-select-list", {
                   "--top": e.listPosition.includes("top"),
                   "--left": e.listPosition.includes("left"),
@@ -540,14 +541,14 @@ const We = { class: "m-select-list__no-results" }, Qe = {
                 })
               },
               [
-                e.search ? (r(), w(ce, {
+                e.search ? (i(), I(ce, {
                   key: 0,
                   ref_key: "searchInputComponent",
                   ref: ee,
                   modelValue: L.value,
                   "onUpdate:modelValue": [
-                    o[1] || (o[1] = (a) => L.value = a),
-                    o[2] || (o[2] = (a) => s.value = 0)
+                    t[1] || (t[1] = (a) => L.value = a),
+                    t[2] || (t[2] = (a) => s.value = 0)
                   ],
                   size: "sm",
                   color: e.color,
@@ -556,21 +557,21 @@ const We = { class: "m-select-list__no-results" }, Qe = {
                   autocomplete: "off",
                   tabindex: "-1",
                   class: "m-select-list__search-input maz-flex-none",
-                  "left-icon": v(K),
-                  onKeydown: re
+                  "left-icon": v(B),
+                  onKeydown: ie
                 }, null, 8, ["modelValue", "color", "placeholder", "left-icon"])) : d("v-if", !0),
                 d(`
           @slot No results slot - Displayed when no results corresponding with search query
         `),
                 !c.value || c.value.length <= 0 ? O(e.$slots, "no-results", { key: 1 }, () => [
-                  P("span", We, [
+                  P("span", Qe, [
                     T(v(J), { class: "maz-h-6 maz-w-6 maz-text-normal" })
                   ])
-                ], !0) : (r(), V("div", Qe, [
-                  (r(!0), V(
+                ], !0) : (i(), V("div", Re, [
+                  (i(!0), V(
                     Me,
                     null,
-                    Te(c.value, (a, n) => (r(), V("button", {
+                    Te(c.value, (a, n) => (i(), V("button", {
                       key: n,
                       tabindex: "-1",
                       type: "button",
@@ -582,9 +583,9 @@ const We = { class: "m-select-list__no-results" }, Qe = {
                         }
                       ]]),
                       style: Z(e.itemHeight ? { minHeight: `${e.itemHeight}px` } : void 0),
-                      onClick: E((u) => ie(a), ["prevent", "stop"])
+                      onClick: E((u) => re(a), ["prevent", "stop"])
                     }, [
-                      e.multiple ? (r(), w(v(b), {
+                      e.multiple ? (i(), I(v(b), {
                         key: 0,
                         tabindex: "-1",
                         "model-value": F(a),
@@ -608,7 +609,7 @@ const We = { class: "m-select-list__no-results" }, Qe = {
                           /* TEXT */
                         )
                       ], !0)
-                    ], 14, Re))),
+                    ], 14, je))),
                     128
                     /* KEYED_FRAGMENT */
                   ))
@@ -626,9 +627,9 @@ const We = { class: "m-select-list__no-results" }, Qe = {
       /* CLASS, STYLE, NEED_HYDRATION */
     ));
   }
-}), Je = /* @__PURE__ */ be(je, [["__scopeId", "data-v-541bd34a"]]);
+}), Xe = /* @__PURE__ */ be(Ze, [["__scopeId", "data-v-0fceffd9"]]);
 export {
-  Je as M,
+  Xe as M,
   be as _,
   ye as u
 };

package/components/chunks/{MazSpinner-CzQz8yXB.mjs → MazSpinner-6_mdlWzG.mjs}

@@ -1,6 +1,6 @@
 import "../assets/MazSpinner.css";
 import { defineComponent as t, openBlock as o, createElementBlock as c, normalizeClass as n, pushScopeId as s, popScopeId as r, createElementVNode as i } from "vue";
-import { _ as p } from "./MazTable-DX4Pdzt_.mjs";
+import { _ as p } from "./MazTable-BL_3hR2Z.mjs";
 const a = (e) => (s("data-v-c67298ec"), e = e(), r(), e), d = ["width", "height"], l = /* @__PURE__ */ a(() => /* @__PURE__ */ i(
   "path",
   { d: "M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" },