@maas/vue-equipment 0.21.4 → 0.21.5

package/dist/nuxt/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "0.21.3"
+  "version": "0.21.4"
 }

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerDrag.mjs

@@ -265,12 +265,14 @@ export function useDrawerDrag(args) {
     snappedY.value = 0;
     activeSnapPoint.value = void 0;
   }
-  function emitterCallback(event, payload) {
-    if (event === "afterLeave" && payload === toValue(id)) {
+  function afterLeaveCallback(payload) {
+    if (payload === toValue(id)) {
       resetDragged();
       resetSnapped();
     }
-    if (event === "snapTo" && typeof payload === "object" && payload.id === toValue(id)) {
+  }
+  function snapToCallback(payload) {
+    if (payload.id === toValue(id)) {
       if (!toValue(isActive)) {
         console.warn("Cannot snap to point when drawer is not open");
         return;
@@ -322,6 +324,11 @@ export function useDrawerDrag(args) {
           break;
       }
     }
+    useDrawerEmitter().emit("afterDrag", {
+      id: toValue(id),
+      x: draggedX.value,
+      y: draggedY.value
+    });
     resetStateAndListeners();
     resetScrollLock();
     if (hasDragged.value) {
@@ -344,12 +351,22 @@ export function useDrawerDrag(args) {
     checkMomentum({ x: e.screenX, y: e.screenY });
     setDragged({ x: e.screenX, y: e.screenY });
     checkPosition({ x: e.screenX, y: e.screenY });
+    useDrawerEmitter().emit("drag", {
+      id: toValue(id),
+      x: draggedX.value,
+      y: draggedY.value
+    });
   }
   function onPointerdown(e) {
     if (dragging.value) {
       return;
     } else {
       dragging.value = true;
+      useDrawerEmitter().emit("beforeDrag", {
+        id: toValue(id),
+        x: draggedX.value,
+        y: draggedY.value
+      });
     }
     lastDraggedX.value = draggedX.value;
     lastDraggedY.value = draggedY.value;
@@ -370,7 +387,8 @@ export function useDrawerDrag(args) {
   }
   onMounted(async () => {
     await getSizes();
-    useDrawerEmitter().on("*", emitterCallback);
+    useDrawerEmitter().on("snapTo", snapToCallback);
+    useDrawerEmitter().on("afterLeave", afterLeaveCallback);
   });
   watch(
     () => [unrefElement(elRef), unrefElement(wrapperRef)],
@@ -396,7 +414,8 @@ export function useDrawerDrag(args) {
     }, 100)();
   });
   onBeforeUnmount(() => {
-    useDrawerEmitter().off("*", emitterCallback);
+    useDrawerEmitter().off("snapTo", snapToCallback);
+    useDrawerEmitter().off("afterLeave", afterLeaveCallback);
   });
   return {
     style,

package/dist/plugins/MagicDrawer/src/types/index.d.ts

@@ -51,6 +51,21 @@ export type DrawerEvents = {
         id: string;
         snapPoint: SnapPoint;
     };
+    beforeDrag: {
+        id: string;
+        x: number;
+        y: number;
+    };
+    drag: {
+        id: string;
+        x: number;
+        y: number;
+    };
+    afterDrag: {
+        id: string;
+        x: number;
+        y: number;
+    };
 };
 export interface CustomMouseEvent extends MouseEvent {
     custom?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.21.4",
+  "version": "0.21.5",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "devDependencies": {
     "@antfu/ni": "^0.21.12",