@teammodlr/ui-kit 3.0.0-beta.26 → 3.0.0-beta.28

package/lib/index.es.js

@@ -15843,7 +15843,9 @@ let ao = !1;
 const $C = T({
   name: "MSelect",
   emits: {
-    ...Ae.emits()
+    ...Ae.emits(),
+    "on-open": () => !0,
+    "on-close": () => !0
   },
   props: {
     ...Ae.props(),
@@ -16082,8 +16084,8 @@ const $C = T({
         (le) => le.value === Y
       ) && (e.multiple ? Array.isArray(S.value) ? S.value.indexOf(Y) !== -1 ? S.value = S.value.filter((we) => we !== Y) : S.value = [...S.value, Y] : S.value = [Y] : (b.value = !0, S.value = Y, d.value = !1));
     }
-    function fe(Y, se) {
-      Y.preventDefault(), Y.stopPropagation(), e.multiple && Array.isArray(S.value) && (S.value = S.value.filter((le) => le !== se));
+    function fe(Y) {
+      e.multiple && Array.isArray(S.value) && (S.value = S.value.filter((se) => se !== Y));
     }
     Be("resize", () => {
       d.value = !1;
@@ -16187,7 +16189,7 @@ const $C = T({
       p.value && typeof Y < "u" && ((se = a.value) == null || se.scrollToIndex(Y, { align: "nearest" }));
     }), te(d, (Y) => {
       ge(() => {
-        if (Y || (c.value = ""), Y && (q.value = C()), Y && e.searchable && r.value ? r.value.focus() : Y && o.value && o.value.focus(), !Y && b.value && o.value && (b.value = !1, w.value = !0, requestAnimationFrame(() => {
+        if (Y || (t("on-close"), c.value = ""), Y && (t("on-open"), q.value = C()), Y && e.searchable && r.value ? r.value.focus() : Y && o.value && o.value.focus(), !Y && b.value && o.value && (b.value = !1, w.value = !0, requestAnimationFrame(() => {
           var se;
           (se = o.value) == null || se.focus();
         })), Y) {
@@ -16349,7 +16351,7 @@ function RC(e, t, n, o, a, r) {
                   (g(!0), E(de, null, Ee(e.selectedMax, (f) => (g(), B(s, {
                     key: f,
                     closeable: !0,
-                    onClose: (p) => e.removeSelected(p, f),
+                    onClose: () => e.removeSelected(f),
                     size: e.size
                   }, {
                     default: $(() => [

package/package.json

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

package/src/components/select/Select.vue

@@ -16,7 +16,7 @@
                     <div :class="selectComputedClasses">
                         <template v-if="multiple && Array.isArray(selected) && selected.length > 0">
                             <MTag v-for="value in selectedMax" :key="value" :closeable="true"
-                                @close="event => removeSelected(event, value)" :size="size">
+                                @close="() => removeSelected(value)" :size="size">
                                 {{ getSelectedLabel(value) }}
                             </MTag>
                             <template v-if="selectedCountNotShown > 0">
@@ -138,7 +138,9 @@ let shouldOpenNextFocusedSelect = false;
 export default defineComponent({
     name: 'MSelect',
     emits: {
-        ...useInput.emits()
+        ...useInput.emits(),
+        'on-open': () => true,
+        'on-close': () => true
     },
     props: {
         ...useInput.props(),
@@ -613,9 +615,7 @@ export default defineComponent({
             }
         }
 
-        function removeSelected(event: MouseEvent, value: string | number) {
-            event.preventDefault();
-            event.stopPropagation();
+        function removeSelected(value: string | number) {
             if (!props.multiple) {
                 return;
             }
@@ -827,10 +827,12 @@ export default defineComponent({
         watch(open, (value: boolean) => {
             nextTick(() => {
                 if (!value) {
+                    emit('on-close');
                     search.value = '';
                 }
 
                 if (value) {
+                    emit('on-open');
                     zIndex.value = nextZIndex();
                 }