@teammodlr/ui-kit 2.1.28 → 2.1.29

package/lib/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, renderSlot as L, ref as b, watch as G, computed as p, openBlock as v, createElementBlock as y, normalizeClass as h, normalizeStyle as re, inject as fe, onMounted as pe, resolveComponent as le, createBlock as ne, mergeProps as $e, reactive as ze, toRef as X, provide as Se, Fragment as Q, renderList as he, createElementVNode as T, createVNode as J, withCtx as Z, createTextVNode as ie, toDisplayString as W, createCommentVNode as N, onBeforeUnmount as It, resolveDynamicComponent as rn, readonly as oo, onUnmounted as dr, withDirectives as _t, vModelCheckbox as cr, getCurrentScope as so, onScopeDispose as lo, unref as an, isRef as io, toRefs as uo, customRef as co, getCurrentInstance as fr, watchEffect as ct, nextTick as Ge, toHandlers as ft, Teleport as Le, Transition as Je, withModifiers as _e, withKeys as nt, shallowRef as Nt, TransitionGroup as fo, vModelRadio as po, vModelText as vo, toRaw as Mn, onActivated as mo, onDeactivated as ho, h as rt } from "vue";
+import { defineComponent as P, renderSlot as L, ref as b, watch as q, computed as p, openBlock as v, createElementBlock as y, normalizeClass as h, normalizeStyle as re, inject as fe, onMounted as pe, resolveComponent as le, createBlock as ne, mergeProps as $e, reactive as ze, toRef as X, provide as Se, Fragment as Q, renderList as he, createElementVNode as T, createVNode as J, withCtx as Z, createTextVNode as ie, toDisplayString as W, createCommentVNode as N, onBeforeUnmount as It, resolveDynamicComponent as rn, readonly as oo, onUnmounted as dr, withDirectives as _t, vModelCheckbox as cr, getCurrentScope as so, onScopeDispose as lo, unref as an, isRef as io, toRefs as uo, customRef as co, getCurrentInstance as fr, watchEffect as ct, nextTick as Ge, toHandlers as ft, Teleport as Le, Transition as Je, withModifiers as _e, withKeys as nt, shallowRef as Nt, TransitionGroup as fo, vModelRadio as po, vModelText as vo, toRaw as Mn, onActivated as mo, onDeactivated as ho, h as rt } from "vue";
 const go = {
   h: {
     type: Function,
@@ -39,7 +39,7 @@ const go = {
   },
   setup(e, { emit: t }) {
     const n = b("");
-    typeof window < "u" && Image && G(
+    typeof window < "u" && Image && q(
       () => e.src,
       (s) => {
         if (!s)
@@ -313,12 +313,12 @@ const Xo = /* @__PURE__ */ V(Go, [["render", Uo]]), Yo = P({
   },
   setup(e) {
     const t = fe(hr), n = b(e.label), r = b("/");
-    return G(
+    return q(
       () => e.label,
       (s) => {
         n.value = s, t == null || t.refreshItems();
       }
-    ), t && (G(
+    ), t && (q(
       () => t == null ? void 0 : t.separator,
       (s) => {
         r.value = s;
@@ -553,10 +553,10 @@ const oe = (e, {
   withListeners: r = !0
 }) => {
   const a = b(!0), s = b(e.error), { id: o } = wr("input"), l = e.name ? e.name : o.value, i = b(l);
-  G(
+  q(
     () => e.error,
     (g) => s.value = g
-  ), G(
+  ), q(
     () => e.name,
     (g) => l.value = g
   );
@@ -817,14 +817,14 @@ function Ve(e) {
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 const Qe = sn ? window : void 0;
-function ee(...e) {
+function te(...e) {
   let t, n, r, a;
   if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, r, a] = e, t = Qe) : [t, n, r, a] = e, !t)
     return Xt;
   Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
   const s = [], o = () => {
     s.forEach((d) => d()), s.length = 0;
-  }, l = (d, c, f, m) => (d.addEventListener(c, f, m), () => d.removeEventListener(c, f, m)), i = G(
+  }, l = (d, c, f, m) => (d.addEventListener(c, f, m), () => d.removeEventListener(c, f, m)), i = q(
     () => [Ve(t), Ee(a)],
     ([d, c]) => {
       if (o(), !d)
@@ -855,7 +855,7 @@ function ln(e, t, n = {}) {
       return g && (f.target === g || f.composedPath().includes(g));
     }
   }), d = [
-    ee(r, "click", (f) => {
+    te(r, "click", (f) => {
       const m = Ve(e);
       if (!(!m || m === f.target || f.composedPath().includes(m))) {
         if (f.detail === 0 && (l = !i(f)), !l) {
@@ -865,11 +865,11 @@ function ln(e, t, n = {}) {
         t(f);
       }
     }, { passive: !0, capture: s }),
-    ee(r, "pointerdown", (f) => {
+    te(r, "pointerdown", (f) => {
       const m = Ve(e);
       m && (l = !f.composedPath().includes(m) && !i(f));
     }, { passive: !0 }),
-    o && ee(r, "blur", (f) => {
+    o && te(r, "blur", (f) => {
       setTimeout(() => {
         var m;
         const g = Ve(e);
@@ -930,7 +930,7 @@ function Ps(e, t = {}) {
   };
   if (sn) {
     const A = { capture: (r = t.capture) != null ? r : !0 };
-    ee(O, "pointerdown", C, A), ee(m, "pointermove", w, A), ee(m, "pointerup", E, A);
+    te(O, "pointerdown", C, A), te(m, "pointermove", w, A), te(m, "pointerup", E, A);
   }
   return {
     ...js(k),
@@ -987,7 +987,7 @@ function Fs(e = {}) {
   }, B = i ? (w) => i(() => g(w), {}) : (w) => g(w), R = i ? (w) => i(() => O(w), {}) : (w) => O(w), C = i ? () => i(() => k(), {}) : () => k();
   if (o) {
     const w = { passive: !0 };
-    ee(o, ["mousemove", "dragover"], B, w), n && t !== "movement" && (ee(o, ["touchstart", "touchmove"], R, w), r && ee(o, "touchend", M, w)), l && t === "page" && ee(s, "scroll", C, { passive: !0 });
+    te(o, ["mousemove", "dragover"], B, w), n && t !== "movement" && (te(o, ["touchstart", "touchmove"], R, w), r && te(o, "touchend", M, w)), l && t === "page" && te(s, "scroll", C, { passive: !0 });
   }
   return {
     x: d,
@@ -1002,7 +1002,7 @@ function Mr(e, t = {}) {
   } = t, { x: a, y: s, sourceType: o } = Fs(t), l = b(e ?? (r == null ? void 0 : r.document.body)), i = b(0), u = b(0), d = b(0), c = b(0), f = b(0), m = b(0), g = b(!0);
   let O = () => {
   };
-  return r && (O = G(
+  return r && (O = q(
     [l, a, s],
     () => {
       const k = Ve(l);
@@ -1019,7 +1019,7 @@ function Mr(e, t = {}) {
       g.value = R === 0 || C === 0 || w < 0 || E < 0 || w > R || E > C, (n || !g.value) && (i.value = w, u.value = E);
     },
     { immediate: !0 }
-  ), ee(document, "mouseleave", () => {
+  ), te(document, "mouseleave", () => {
     g.value = !0;
   })), {
     x: a,
@@ -1052,7 +1052,7 @@ function Or(e = {}) {
   }, i = () => {
     s.value = !1, o.value = null;
   }, u = p(() => Ve(e.target) || a);
-  return ee(u, "mousedown", l("mouse"), { passive: !0 }), ee(a, "mouseleave", i, { passive: !0 }), ee(a, "mouseup", i, { passive: !0 }), n && (ee(u, "dragstart", l("mouse"), { passive: !0 }), ee(a, "drop", i, { passive: !0 }), ee(a, "dragend", i, { passive: !0 })), t && (ee(u, "touchstart", l("touch"), { passive: !0 }), ee(a, "touchend", i, { passive: !0 }), ee(a, "touchcancel", i, { passive: !0 })), {
+  return te(u, "mousedown", l("mouse"), { passive: !0 }), te(a, "mouseleave", i, { passive: !0 }), te(a, "mouseup", i, { passive: !0 }), n && (te(u, "dragstart", l("mouse"), { passive: !0 }), te(a, "drop", i, { passive: !0 }), te(a, "dragend", i, { passive: !0 })), t && (te(u, "touchstart", l("touch"), { passive: !0 }), te(a, "touchend", i, { passive: !0 }), te(a, "touchcancel", i, { passive: !0 })), {
     pressed: s,
     sourceType: o
   };
@@ -1649,15 +1649,15 @@ function Vl(e) {
 function Nl(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, i = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, g = m === void 0 ? !0 : m, O = n.allowedAutoPlacements, k = t.options.placement, M = Ae(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Vl(k)), C = [k].concat(R).reduce(function(Ie, U) {
-      return Ie.concat(Ae(U) === un ? Pl(t, {
-        placement: U,
+    for (var a = n.mainAxis, s = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, i = n.fallbackPlacements, u = n.padding, d = n.boundary, c = n.rootBoundary, f = n.altBoundary, m = n.flipVariations, g = m === void 0 ? !0 : m, O = n.allowedAutoPlacements, k = t.options.placement, M = Ae(k), B = M === k, R = i || (B || !g ? [Mt(k)] : Vl(k)), C = [k].concat(R).reduce(function(Ie, G) {
+      return Ie.concat(Ae(G) === un ? Pl(t, {
+        placement: G,
         boundary: d,
         rootBoundary: c,
         padding: u,
         flipVariations: g,
         allowedAutoPlacements: O
-      }) : U);
+      }) : G);
     }, []), w = t.rects.reference, E = t.rects.popper, A = /* @__PURE__ */ new Map(), _ = !0, j = C[0], z = 0; z < C.length; z++) {
       var $ = C[z], S = Ae($), D = Ze($) === Ue, H = [ge, Te].indexOf(S) >= 0, K = H ? "width" : "height", I = ut(t, {
         placement: $,
@@ -1677,11 +1677,11 @@ function Nl(e) {
       A.set($, ae);
     }
     if (_)
-      for (var ue = g ? 3 : 1, be = function(U) {
+      for (var ue = g ? 3 : 1, be = function(G) {
         var de = C.find(function(ve) {
           var ce = A.get(ve);
           if (ce)
-            return ce.slice(0, U).every(function(xe) {
+            return ce.slice(0, G).every(function(xe) {
               return xe;
             });
         });
@@ -1811,7 +1811,7 @@ function Yl(e) {
       var D, H = C === "y" ? ge : ye, K = C === "y" ? Te : Me, I = C === "y" ? "height" : "width", x = E[C], Y = x + k[H], ae = x - k[K], ue = m ? -_[I] / 2 : 0, be = B === Ue ? A[I] : _[I], se = B === Ue ? -_[I] : -A[I], ke = t.elements.arrow, Ie = m && ke ? cn(ke) : {
         width: 0,
         height: 0
-      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : _r(), de = U[H], ve = U[K], ce = ot(0, A[I], Ie[I]), xe = R ? A[I] / 2 - ue - ce - de - z.mainAxis : be - ce - de - z.mainAxis, Pt = R ? -A[I] / 2 + ue + ce + ve + z.mainAxis : se + ce + ve + z.mainAxis, tt = t.elements.arrow && vt(t.elements.arrow), F = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, te = (D = $ == null ? void 0 : $[C]) != null ? D : 0, q = x + xe - te - F, Oe = x + Pt - te, Ke = ot(m ? At(Y, q) : Y, x, m ? Ne(ae, Oe) : ae);
+      }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : _r(), de = G[H], ve = G[K], ce = ot(0, A[I], Ie[I]), xe = R ? A[I] / 2 - ue - ce - de - z.mainAxis : be - ce - de - z.mainAxis, Pt = R ? -A[I] / 2 + ue + ce + ve + z.mainAxis : se + ce + ve + z.mainAxis, tt = t.elements.arrow && vt(t.elements.arrow), F = tt ? C === "y" ? tt.clientTop || 0 : tt.clientLeft || 0 : 0, ee = (D = $ == null ? void 0 : $[C]) != null ? D : 0, U = x + xe - ee - F, Oe = x + Pt - ee, Ke = ot(m ? At(Y, U) : Y, x, m ? Ne(ae, Oe) : ae);
       E[C] = Ke, S[C] = Ke - x;
     }
     if (l) {
@@ -2071,7 +2071,7 @@ function Dt(e) {
     }
   });
   let u = null;
-  G(t, (M) => {
+  q(t, (M) => {
     i.placement = M, u && (u == null || u.setOptions({ placement: M }));
   });
   const d = b(0);
@@ -2079,7 +2079,7 @@ function Dt(e) {
     r.value && o.value && (r.value.__transferElement = o.value);
   });
   let c = null;
-  n && G(n, (M) => {
+  n && q(n, (M) => {
     g(M), f();
   }), pe(() => {
     Ge(m);
@@ -2091,7 +2091,7 @@ function Dt(e) {
   }
   function m() {
     k(), u && u.destroy(), O();
-    const M = G(s, O), B = G(o, O);
+    const M = q(s, O), B = q(o, O);
     c = () => {
       M(), B();
     };
@@ -2159,9 +2159,9 @@ const gi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = b(), { elementX: r } = Mr(n), { pressed: a } = Or();
-    G(() => a.value, () => {
+    q(() => a.value, () => {
       a.value || (s.value = !1);
-    }), G(() => r.value, () => {
+    }), q(() => r.value, () => {
       s.value && o();
     });
     const s = b(!1), o = () => {
@@ -2450,42 +2450,42 @@ const Ur = /* @__PURE__ */ V(Ai, [["render", Ii]]), _i = P({
     }), H = p(() => 1 - E.y), K = p(() => E.x), I = p(() => tl(R.value * 3.6, H.value, K.value, C.value / 100)), x = p(() => nl(R.value * 3.6, C.value / 100)), Y = () => {
       i.value = Qs(I.value.r, I.value.g, I.value.b, I.value.a), u.value = I.value.r.toString(), d.value = I.value.g.toString(), c.value = I.value.b.toString(), f.value = I.value.a.toFixed(2).toString(), t("update:modelValue", i.value);
     };
-    G(() => I.value, () => {
+    q(() => I.value, () => {
       Y();
     });
-    const ae = (U, de) => {
-      E.x = U.s, E.y = 1 - U.v, R.value = 1 / 360 * U.h * 100, C.value = de * 100, Y();
+    const ae = (G, de) => {
+      E.x = G.s, E.y = 1 - G.v, R.value = 1 / 360 * G.h * 100, C.value = de * 100, Y();
     }, ue = () => {
-      var U = el(i.value, I.value.r, I.value.g, I.value.b, I.value.a);
-      ae(Bn(U.r, U.g, U.b), U.a);
+      var G = el(i.value, I.value.r, I.value.g, I.value.b, I.value.a);
+      ae(Bn(G.r, G.g, G.b), G.a);
     }, be = () => {
-      var U = parseInt(u.value);
-      (isNaN(U) || U > 255 || U < 0) && (U = I.value.r);
+      var G = parseInt(u.value);
+      (isNaN(G) || G > 255 || G < 0) && (G = I.value.r);
       var de = parseInt(d.value);
       (isNaN(de) || de > 255 || de < 0) && (de = I.value.g);
       var ve = parseInt(c.value);
       (isNaN(ve) || ve > 255 || ve < 0) && (ve = I.value.b);
       var ce = parseFloat(f.value);
-      (isNaN(ce) || ce > 1 || ce < 0) && (ce = I.value.a), ae(Bn(U, de, ve), ce);
+      (isNaN(ce) || ce > 1 || ce < 0) && (ce = I.value.a), ae(Bn(G, de, ve), ce);
     };
-    G(() => z.value, () => {
+    q(() => z.value, () => {
       z.value || (w.value = !1);
-    }), G(() => [_.value, j.value], () => {
+    }), q(() => [_.value, j.value], () => {
       w.value && se();
-    }), G(() => e.modelValue, () => {
+    }), q(() => e.modelValue, () => {
       i.value = e.modelValue, ue(), console.log("hi");
     });
     const se = () => {
-      var U, de, ve, ce;
-      E.x = Math.min(Math.max(_.value, 0), ((U = m.value) == null ? void 0 : U.clientWidth) || 0) / (((de = m.value) == null ? void 0 : de.clientWidth) || 0), E.y = Math.min(Math.max(j.value, 0), ((ve = m.value) == null ? void 0 : ve.clientHeight) || 0) / (((ce = m.value) == null ? void 0 : ce.clientHeight) || 0);
+      var G, de, ve, ce;
+      E.x = Math.min(Math.max(_.value, 0), ((G = m.value) == null ? void 0 : G.clientWidth) || 0) / (((de = m.value) == null ? void 0 : de.clientWidth) || 0), E.y = Math.min(Math.max(j.value, 0), ((ve = m.value) == null ? void 0 : ve.clientHeight) || 0) / (((ce = m.value) == null ? void 0 : ce.clientHeight) || 0);
     }, ke = () => {
       w.value = !0, se();
     };
     return pe(() => {
       i.value = e.modelValue, ue();
-    }), ln($, (U) => {
+    }), ln($, (G) => {
       o.value = !1;
-    }), G(() => a.value, () => {
+    }), q(() => a.value, () => {
       i.value = a.value, ue();
     }), {
       isOpen: o,
@@ -2520,8 +2520,8 @@ const Ur = /* @__PURE__ */ V(Ai, [["render", Ii]]), _i = P({
       openEyeDropper: () => {
         try {
           r();
-        } catch (U) {
-          console.log(U);
+        } catch (G) {
+          console.log(G);
         }
       },
       scale: jt
@@ -2728,7 +2728,7 @@ function Yr(e, t) {
     var s;
     t.value ? n.value = a ?? ((s = t.value.textContent) == null ? void 0 : s.trim()) ?? null : n.value = a;
   }
-  return G(e, (a) => {
+  return q(e, (a) => {
     r(a);
   }), pe(() => {
     Ge(() => {
@@ -2832,23 +2832,23 @@ const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       handleSelect: C,
       isOpen: o
     });
-    Se(Jt, M), G(
+    Se(Jt, M), q(
       () => e.open,
       ($) => {
         o.value = $;
       }
-    ), G(
+    ), q(
       () => e.placement,
       ($) => {
         B($);
       }
-    ), G(o, ($) => {
+    ), q(o, ($) => {
       $ && O(), t("update:open", $);
     }), pe(() => {
       Ge(() => {
         B(e.placement);
       });
-    }), ee("resize", () => {
+    }), te("resize", () => {
       O();
     }), ln(u, ($) => {
       let S = $.target, D = 0;
@@ -2879,7 +2879,7 @@ const ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     ]), E = p(() => {
     }), A = p(() => ["m-dropdown-menu", Jr]), _ = p(() => `m-transition__${e.transitionName}`), j = b("auto");
-    ee(window, "resize", () => {
+    te(window, "resize", () => {
       o.value && (z(), O());
     }), ct(() => {
       z();
@@ -3182,7 +3182,7 @@ const vu = P({
     });
     Se(on, r), pe(() => {
       e.autoFocus && n && n.length > 0 && n[0].focus();
-    }), G(() => e.errors, (i) => {
+    }), q(() => e.errors, (i) => {
       i && Ge(() => {
         if (Array.isArray(i))
           i.forEach((u) => {
@@ -3329,7 +3329,7 @@ const Tu = P({
     ]), o = p(() => [
       $u
     ]);
-    return G(() => e.timeout, () => {
+    return q(() => e.timeout, () => {
       r();
     }), {
       show: n,
@@ -3881,7 +3881,7 @@ const bd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function d(c) {
       e.loading || t("update:page", c);
     }
-    return G(() => e.page, (c) => {
+    return q(() => e.page, (c) => {
       t("update:page", c);
     }, { immediate: !0 }), {
       realTotal: n,
@@ -4462,37 +4462,37 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       if (!e.options || e.options.length == 0)
         return [];
       if (e.searchable && c.value) {
-        let te = e.options.filter((q) => q[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((q) => {
-          if (q[e.optionValue] === void 0)
+        let ee = e.options.filter((U) => U[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((U) => {
+          if (U[e.optionValue] === void 0)
             throw new Error("Option value is undefined");
-          if (q[e.optionLabel] === void 0)
+          if (U[e.optionLabel] === void 0)
             throw new Error("Option label is undefined");
-          let Oe = q[e.optionValue], Ke;
+          let Oe = U[e.optionValue], Ke;
           return e.multiple && Array.isArray(S.value) ? Ke = S.value.includes(Oe) : Ke = S.value === Oe, {
             value: Oe,
-            label: q[e.optionLabel],
+            label: U[e.optionLabel],
             active: Ke,
             onClick: () => ue(Oe)
           };
         });
-        return e.allowBlank && te.unshift({
+        return e.allowBlank && ee.unshift({
           value: "",
           label: "",
           active: !1,
           onClick: () => ue("")
-        }), te;
+        }), ee;
       }
-      let F = e.options.map((te) => {
-        if (te[e.optionValue] === void 0)
+      let F = e.options.map((ee) => {
+        if (ee[e.optionValue] === void 0)
           throw new Error("Option value is undefined");
-        if (te[e.optionLabel] === void 0)
+        if (ee[e.optionLabel] === void 0)
           throw new Error("Option label is undefined");
-        let q = te[e.optionValue], Oe;
-        return e.multiple && Array.isArray(S.value) ? Oe = S.value.includes(q) : Oe = S.value === q, {
-          value: q,
-          label: te[e.optionLabel],
+        let U = ee[e.optionValue], Oe;
+        return e.multiple && Array.isArray(S.value) ? Oe = S.value.includes(U) : Oe = S.value === U, {
+          value: U,
+          label: ee[e.optionLabel],
           active: Oe,
-          onClick: () => ue(q)
+          onClick: () => ue(U)
         };
       });
       return e.allowBlank && F.unshift({
@@ -4516,36 +4516,36 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         u.value = !0;
       }
     }
-    function ae(F, te = "down") {
-      if (typeof F > "u" && (F = te === "down" ? -1 : 1), te === "down") {
-        let q = F + 1;
-        q > I.value.length - 1 && (q = 0), i.value = q;
+    function ae(F, ee = "down") {
+      if (typeof F > "u" && (F = ee === "down" ? -1 : 1), ee === "down") {
+        let U = F + 1;
+        U > I.value.length - 1 && (U = 0), i.value = U;
       } else {
-        let q = F - 1;
-        q < 0 && (q = I.value.length - 1), i.value = q;
+        let U = F - 1;
+        U < 0 && (U = I.value.length - 1), i.value = U;
       }
     }
     function ue(F) {
       if (I.value.find(
-        (q) => q.value === F
+        (U) => U.value === F
       ))
         if (e.multiple) {
           if (Array.isArray(S.value)) {
-            const q = S.value.indexOf(F);
-            q !== -1 ? S.value.splice(q, 1) : (S.value.push(F), t("update:modelValue", S.value));
+            const U = S.value.indexOf(F);
+            U !== -1 ? S.value.splice(U, 1) : (S.value.push(F), t("update:modelValue", S.value));
           } else
             S.value = [F];
           j();
         } else
           S.value = F, u.value = !1;
     }
-    function be(F, te) {
-      if (F.stopPropagation(), F.preventDefault(), !!e.multiple && Array.isArray(S.value)) {
-        const q = S.value.indexOf(te);
-        q !== -1 && S.value.splice(q, 1), j();
+    function be(F) {
+      if (e.multiple && Array.isArray(S.value)) {
+        const ee = S.value.indexOf(F);
+        ee !== -1 && S.value.splice(ee, 1), j();
       }
     }
-    ee("resize", () => {
+    te("resize", () => {
       u.value = !1;
     });
     function se(F) {
@@ -4588,7 +4588,7 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       {
         "m-form__input": R
       }
-    ]), U = p(() => [
+    ]), G = p(() => [
       wa,
       {
         [Qt]: d.value
@@ -4606,12 +4606,12 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     ]);
     function ve(F) {
-      const te = e.options.find(
-        (q) => q[e.optionValue] === F
+      const ee = e.options.find(
+        (U) => U[e.optionValue] === F
       );
-      return te ? te[e.optionLabel] : null;
+      return ee ? ee[e.optionLabel] : null;
     }
-    ee(l, "keydown", se), ee(o, "keydown", se), ln(
+    te(l, "keydown", se), te(o, "keydown", se), ln(
       r,
       () => {
         u.value = !1;
@@ -4619,20 +4619,20 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       { ignore: [o, _] }
     ), ct(() => {
       r.value && u.value && (g.value = r.value.offsetWidth);
-    }), G(i, (F) => {
+    }), q(i, (F) => {
       O.value && typeof F < "u" && s.value && s.value[F].scrollIntoView({
         block: "nearest",
         inline: "nearest"
       });
-    }), G(u, (F) => {
+    }), q(u, (F) => {
       Ge(() => {
         if (F || (c.value = ""), e.searchable && o.value && o.value.focus(), F && s.value) {
-          const te = I.value.findIndex(
-            (q) => q.value === S.value
+          const ee = I.value.findIndex(
+            (U) => U.value === S.value
           );
-          te !== -1 && (s.value[te].scrollIntoView({
+          ee !== -1 && (s.value[ee].scrollIntoView({
             block: "nearest"
-          }), i.value = te);
+          }), i.value = ee);
         }
         O.value = !1;
       });
@@ -4664,7 +4664,7 @@ const _c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       search: c,
       containerComputedClasses: Ie,
       selectComputedClasses: de,
-      computedWrapperClasses: U,
+      computedWrapperClasses: G,
       computedConsistentWidth: K,
       getSelectedLabel: ve,
       openSelect: Y,
@@ -4735,7 +4735,7 @@ function Gc(e, t, n, r, a, s) {
           (v(!0), y(Q, null, he(e.selectedMax, (l) => (v(), ne(o, {
             key: l,
             closeable: !0,
-            onClose: (i) => e.removeSelected(i, l),
+            onClose: (i) => e.removeSelected(l),
             size: e.size
           }, {
             default: Z(() => [
@@ -4937,9 +4937,9 @@ const rf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [$a]: B.value
       }
     ]), w = p(() => f.value || e.error);
-    G(() => e.modelValue, (A) => {
+    q(() => e.modelValue, (A) => {
       B.value = !!A;
-    }, { immediate: !0 }), G(() => B.value, (A) => {
+    }, { immediate: !0 }), q(() => B.value, (A) => {
       n("update:modelValue", A);
     });
     function E() {
@@ -5614,7 +5614,7 @@ const ep = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [ja]: e.reverse
       }
     ]);
-    G(
+    q(
       () => o.value,
       (k) => {
         k && f();
@@ -6242,7 +6242,7 @@ function bt(e) {
 }
 function Xp(e) {
   const t = p(e), n = b(t.value);
-  return G(t, (r) => {
+  return q(t, (r) => {
     n.value = r;
   }), typeof e == "function" ? n : {
     __v_isRef: !0,
@@ -7877,7 +7877,7 @@ function zm(e, t, n, r, a, s) {
 }
 const Im = /* @__PURE__ */ V(Am, [["render", zm]]);
 function _m(e, t) {
-  return G(e, (n) => {
+  return q(e, (n) => {
     n !== void 0 && (t.value = n);
   }), p(() => e.value === void 0 ? t.value : e.value);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@teammodlr/ui-kit",
-    "version": "2.1.28",
+    "version": "2.1.29",
     "description": "",
     "main": "lib/index.cjs.js",
     "module": "lib/index.es.js",

package/src/components/select/Select.vue

@@ -28,7 +28,7 @@
                         v-for="value in selectedMax"
                         :key="value"
                         :closeable="true"
-                        @close="removeSelected($event, value)"
+                        @close="removeSelected(value)"
                         :size="size">
                         {{ getSelectedLabel(value) }}
                     </MTag>
@@ -514,9 +514,7 @@ export default defineComponent({
             }
         }
 
-        function removeSelected(event: MouseEvent, value: string | number) {
-            event.stopPropagation();
-            event.preventDefault();
+        function removeSelected(value: string | number) {
             if (!props.multiple) {
                 return;
             }