@maas/vue-equipment 0.24.6 → 0.24.8

package/dist/nuxt/module.json

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

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue

@@ -268,7 +268,7 @@ function guardedClick(event: PointerEvent) {
 }
 
 function guardedClose() {
-  if (canClose && !disabled) {
+  if (canClose && !disabled.value) {
     close()
   }
 }

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

@@ -283,7 +283,7 @@ export function useDrawerDrag(args) {
         snapTo({
           snapPoint: payload.snapPoint,
           interpolate: true,
-          duration: duration.value
+          duration: payload.duration || duration.value
         });
       }
     }

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

@@ -148,7 +148,7 @@ export function useDrawerSnap(args) {
     }
   }
   async function snapTo(args2) {
-    const { snapPoint, interpolate: interpolate2, duration = 200 } = args2;
+    const { snapPoint, interpolate: interpolate2, duration } = args2;
     await nextTick();
     switch (position) {
       case "top":
@@ -189,7 +189,7 @@ export function useDrawerSnap(args) {
     }
   }
   async function interpolateDragged(args2) {
-    const { to, duration = 200 } = args2;
+    const { to, duration = toValue(snap).duration } = args2;
     const snapPoint = snapPointsMap.value[to];
     useDrawerEmitter().emit("beforeSnap", { id: toValue(id), snapPoint });
     switch (position) {

package/dist/plugins/MagicDrawer/src/composables/useDrawerApi.d.ts

@@ -13,7 +13,7 @@ export declare function useDrawerApi(id?: MaybeRef<string>, options?: UseDrawerA
     }>;
     open: () => void;
     close: () => void;
-    snapTo: (snapPoint: SnapPoint) => void;
+    snapTo: (snapPoint: SnapPoint, duration?: number) => void;
     trapFocus: () => void;
     releaseFocus: () => void;
     lockScroll: () => void;

package/dist/plugins/MagicDrawer/src/composables/useDrawerApi.mjs

@@ -37,8 +37,12 @@ export function useDrawerApi(id, options) {
   function close() {
     removeInstance(mappedId.value);
   }
-  function snapTo(snapPoint) {
-    useDrawerEmitter().emit("snapTo", { id: mappedId.value, snapPoint });
+  function snapTo(snapPoint, duration) {
+    useDrawerEmitter().emit("snapTo", {
+      id: mappedId.value,
+      snapPoint,
+      duration
+    });
   }
   function trapFocus() {
     if (focusTrap) {

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

@@ -48,6 +48,7 @@ export type DrawerEvents = {
     snapTo: {
         id: string;
         snapPoint: SnapPoint;
+        duration?: number;
     };
     afterSnap: {
         id: string;

package/dist/plugins/MagicDrawer/src/utils/defaultOptions.mjs

@@ -3,7 +3,8 @@ const defaultOptions = {
   backdrop: true,
   focusTrap: {
     initialFocus: false,
-    setReturnFocus: false
+    setReturnFocus: false,
+    allowOutsideClick: true
   },
   scrollLock: true,
   scrollLockPadding: true,

package/dist/plugins/MagicModal/src/utils/defaultOptions.mjs

@@ -2,7 +2,8 @@ const defaultOptions = {
   backdrop: true,
   focusTrap: {
     initialFocus: false,
-    setReturnFocus: false
+    setReturnFocus: false,
+    allowOutsideClick: true
   },
   scrollLock: true,
   scrollLockPadding: true,

package/package.json

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