@maas/vue-equipment 0.16.2 → 0.16.4

package/dist/nuxt/module.json

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

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

@@ -26,7 +26,13 @@ export function useDrawerDrag(args) {
   } = args;
   const elRect = ref(void 0);
   const wrapperRect = ref(void 0);
-  const { findClosestSnapPoint, mapSnapPoint, drawerHeight, drawerWidth } = useDrawerSnap({
+  const {
+    findClosestSnapPoint,
+    mapSnapPoint,
+    snapPointsMap,
+    drawerHeight,
+    drawerWidth
+  } = useDrawerSnap({
     wrapperRect,
     snapPoints,
     canClose,
@@ -269,6 +275,8 @@ export function useDrawerDrag(args) {
     }
   }
   async function interpolateDragged(target) {
+    const snapPoint2 = snapPointsMap.value[target];
+    useDrawerEmitter().emit("beforeSnap", { id: toValue(id), snapPoint: snapPoint2 });
     switch (position) {
       case "bottom":
       case "top":
@@ -279,6 +287,12 @@ export function useDrawerDrag(args) {
           duration: 300,
           callback: (value) => {
             draggedY.value = value;
+            if (draggedY.value === target) {
+              useDrawerEmitter().emit("afterSnap", {
+                id: toValue(id),
+                snapPoint: snapPoint2
+              });
+            }
           }
         });
         break;
@@ -291,6 +305,12 @@ export function useDrawerDrag(args) {
           duration: 300,
           callback: (value) => {
             draggedX.value = value;
+            if (draggedX.value === target) {
+              useDrawerEmitter().emit("afterSnap", {
+                id: toValue(id),
+                snapPoint: snapPoint2
+              });
+            }
           }
         });
         break;

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerSnap.d.ts

@@ -16,6 +16,7 @@ type FindClosestSnapPointArgs = {
 export declare function useDrawerSnap(args: UseDrawerSnapArgs): {
     findClosestSnapPoint: (args: FindClosestSnapPointArgs) => Promise<number | undefined>;
     mapSnapPoint: (snapPoint: SnapPoint) => number | undefined;
+    snapPointsMap: import("vue").ComputedRef<Record<number, SnapPoint>>;
     drawerHeight: import("vue").ComputedRef<number>;
     drawerWidth: import("vue").ComputedRef<number>;
 };

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

@@ -12,6 +12,17 @@ export function useDrawerSnap(args) {
     ).sort((a, b) => a - b);
     return filtered;
   });
+  const snapPointsMap = computed(() => {
+    const extended = toValue(canClose) ? [...toValue(snapPoints), 0] : toValue(snapPoints);
+    const mapped = extended.reduce((acc, current) => {
+      const key = mapSnapPoint(current);
+      if (key || key === 0) {
+        acc[key] = current;
+      }
+      return acc;
+    }, {});
+    return mapped;
+  });
   const drawerHeight = computed(() => {
     if (toValue(wrapperRect) === void 0) {
       return 0;
@@ -134,5 +145,11 @@ export function useDrawerSnap(args) {
     }
     return closest;
   }
-  return { findClosestSnapPoint, mapSnapPoint, drawerHeight, drawerWidth };
+  return {
+    findClosestSnapPoint,
+    mapSnapPoint,
+    snapPointsMap,
+    drawerHeight,
+    drawerWidth
+  };
 }

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

@@ -34,4 +34,12 @@ export type DrawerEvents = {
     beforeLeave: string;
     leave: string;
     afterLeave: string;
+    beforeSnap: {
+        id: string;
+        snapPoint: SnapPoint;
+    };
+    afterSnap: {
+        id: string;
+        snapPoint: SnapPoint;
+    };
 };

package/package.json

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