@maas/vue-equipment 1.0.0-beta.55 → 1.0.0-beta.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@maas/vue-equipment/nuxt",
3
3
  "configKey": "vueEquipment",
4
- "version": "1.0.0-beta.54",
4
+ "version": "1.0.0-beta.56",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "unknown"
@@ -213,30 +213,31 @@ export function useDrawerDrag(args) {
213
213
  }
214
214
  }
215
215
  function setDragged({ x, y }) {
216
+ const os = toValue(overshoot);
216
217
  switch (position) {
217
218
  case "bottom": {
218
- const newDraggedB = clamp(y - originY.value, 0, toValue(overshoot) * -1);
219
+ const newDraggedB = clamp(y - originY.value, 0, os * -1, false);
219
220
  if (newDraggedB === draggedY.value) break;
220
221
  relDirectionY.value = newDraggedB < draggedY.value ? "below" : "above";
221
222
  draggedY.value = newDraggedB;
222
223
  break;
223
224
  }
224
225
  case "top": {
225
- const newDraggedT = clamp(y - originY.value, 0, toValue(overshoot));
226
+ const newDraggedT = clamp(y - originY.value, 0, os, true);
226
227
  if (newDraggedT === draggedY.value) break;
227
228
  relDirectionY.value = newDraggedT < draggedY.value ? "below" : "above";
228
229
  draggedY.value = newDraggedT;
229
230
  break;
230
231
  }
231
232
  case "right": {
232
- const newDraggedR = clamp(x - originX.value, 0, toValue(overshoot) * -1);
233
+ const newDraggedR = clamp(x - originX.value, 0, os * -1, false);
233
234
  if (newDraggedR === draggedX.value) break;
234
235
  relDirectionX.value = newDraggedR < draggedX.value ? "below" : "above";
235
236
  draggedX.value = newDraggedR;
236
237
  break;
237
238
  }
238
239
  case "left": {
239
- const newDraggedL = clamp(x - originX.value, 0, toValue(overshoot));
240
+ const newDraggedL = clamp(x - originX.value, 0, os, true);
240
241
  if (newDraggedL === draggedX.value) break;
241
242
  relDirectionX.value = newDraggedL < draggedX.value ? "below" : "above";
242
243
  draggedX.value = newDraggedL;
@@ -58,7 +58,7 @@ export function useDrawerProgress(args) {
58
58
  rawY = mapValue(
59
59
  elRect.top.value * -1,
60
60
  drawerRect.height.value,
61
- maxX.value,
61
+ maxY.value,
62
62
  0,
63
63
  1
64
64
  );
@@ -82,6 +82,8 @@ export function useDrawerProgress(args) {
82
82
  );
83
83
  break;
84
84
  }
85
+ rawX = rawX === -0 ? 0 : rawX;
86
+ rawY = rawY === -0 ? 0 : rawY;
85
87
  const x = clampValue(rawX, 0, 1);
86
88
  const y = clampValue(rawY, 0, 1);
87
89
  progress.value = { x, y };
@@ -1,3 +1,3 @@
1
1
  export declare function useDrawerUtils(): {
2
- clamp: (value: number, from: number, to: number) => number;
2
+ clamp: (value: number, from: number, to: number, flip: boolean) => number;
3
3
  };
@@ -1,5 +1,5 @@
1
1
  export function useDrawerUtils() {
2
- function clamp(value, from, to) {
2
+ function clamp(value, from, to, flip) {
3
3
  if (from > to) {
4
4
  if (value > from) {
5
5
  return value;
@@ -19,10 +19,13 @@ export function useDrawerUtils() {
19
19
  return value;
20
20
  }
21
21
  } else {
22
- if (value < to) {
23
- return to;
24
- } else {
25
- return value;
22
+ switch (flip) {
23
+ case true:
24
+ return value > to ? to : value;
25
+ case false:
26
+ return value < to ? to : value;
27
+ default:
28
+ return value < to ? to : value;
26
29
  }
27
30
  }
28
31
  }
@@ -8,7 +8,7 @@ interface MagicMenuContentProps {
8
8
  transition?: string;
9
9
  referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
10
10
  teleport?: {
11
- to: string | RendererElement;
11
+ to?: string | RendererElement;
12
12
  disabled?: boolean;
13
13
  };
14
14
  }
@@ -8,7 +8,7 @@ interface MagicMenuContentProps {
8
8
  transition?: string;
9
9
  referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
10
10
  teleport?: {
11
- to: string | RendererElement;
11
+ to?: string | RendererElement;
12
12
  disabled?: boolean;
13
13
  };
14
14
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@maas/vue-equipment",
3
3
  "description": "Our Frontend Toolkit, Free and Open Source",
4
- "version": "1.0.0-beta.55",
4
+ "version": "1.0.0-beta.57",
5
5
  "contributors": [
6
6
  {
7
7
  "name": "Robin Scholz",