@maas/vue-equipment 0.27.0 → 0.27.2

package/dist/nuxt/module.json

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

package/dist/nuxt/module.mjs

@@ -18,7 +18,7 @@ const functions$1 = [
 	{
 		name: "MagicDraggable",
 		"package": "plugins",
-		lastUpdated: 1712936178000,
+		lastUpdated: 1714995800000,
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicDraggable/",
 		description: "draggable"
 	},

package/dist/plugins/MagicDraggable/index.d.ts

@@ -1,5 +1,7 @@
 import type { Plugin } from 'vue';
 import MagicDraggable from './src/components/MagicDraggable.vue.js';
 import { useDraggableApi } from './src/composables/useDraggableApi.js';
+import type { DraggableOptions } from './src/types.js';
 declare const MagicDraggablePlugin: Plugin;
 export { MagicDraggablePlugin, MagicDraggable, useDraggableApi };
+export type { DraggableOptions };

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableDrag.mjs

@@ -276,6 +276,7 @@ export function useDraggableDrag(args) {
     }
     await nextTick();
     if (toValue(initial).snapPoint) {
+      activeSnapPoint.value = toValue(initial).snapPoint;
       const mappedSnapPoint = mapSnapPoint(toValue(initial).snapPoint);
       if (mappedSnapPoint) {
         draggedX.value = mappedSnapPoint.x;
@@ -292,6 +293,15 @@ export function useDraggableDrag(args) {
       }
     }, 100)();
   });
+  useResizeObserver(elRef, async () => {
+    useThrottleFn(async () => {
+      await getSizes();
+      if (activeSnapPoint.value) {
+        await snapTo({ snapPoint: activeSnapPoint.value, interpolate: false });
+        snapPointsMap.trigger();
+      }
+    }, 100)();
+  });
   const { idle } = useIdle(toValue(threshold).idle);
   watch(idle, (value) => {
     if (value && dragging.value) {

package/dist/plugins/MagicDraggable/src/composables/private/useDraggableSnap.d.ts

@@ -22,7 +22,7 @@ type SnapToArgs = {
 };
 export declare function useDraggableSnap(args: UseDraggableSnapArgs): {
     mappedSnapPoints: import("@vueuse/core").ComputedRefWithControl<Coordinates[]>;
-    activeSnapPoint: Ref<("center" | "top-center" | "bottom-center" | "top-left" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-right") | ["center" | "top-center" | "bottom-center" | "top-left" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-right", offset?: {
+    activeSnapPoint: Ref<("center" | "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right") | ["center" | "top-left" | "top-center" | "top-right" | "center-left" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right", offset?: {
         x?: number | undefined;
         y?: number | undefined;
     } | undefined] | undefined>;

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

@@ -26,7 +26,7 @@ export interface DraggableOptions {
     initial?: {
         snapPoint?: SnapPoint;
     };
-    snapPoints: SnapPoint[];
+    snapPoints?: SnapPoint[];
     disabled?: boolean;
 }
 export interface DraggableState {

package/package.json

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