@witchcraft/layout 0.4.4 → 0.5.1

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.
Files changed (99) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/FrameDragHandle.vue +3 -3
  3. package/dist/runtime/components/LayoutDragEdgeGrabbed.vue +3 -3
  4. package/dist/runtime/components/LayoutDragEdgeHandle.d.vue.ts +2 -2
  5. package/dist/runtime/components/LayoutDragEdgeHandle.vue +2 -2
  6. package/dist/runtime/components/LayoutDragEdgeHandle.vue.d.ts +2 -2
  7. package/dist/runtime/components/LayoutDragEdges.vue +5 -5
  8. package/dist/runtime/components/LayoutEdgesActiveFrame.vue +2 -2
  9. package/dist/runtime/components/LayoutFrame.vue +2 -2
  10. package/dist/runtime/components/LayoutIntersectionHandle.d.vue.ts +2 -2
  11. package/dist/runtime/components/LayoutIntersectionHandle.vue +2 -2
  12. package/dist/runtime/components/LayoutIntersectionHandle.vue.d.ts +2 -2
  13. package/dist/runtime/components/LayoutIntersections.vue +4 -4
  14. package/dist/runtime/components/LayoutWindow.d.vue.ts +44 -44
  15. package/dist/runtime/components/LayoutWindow.vue +27 -27
  16. package/dist/runtime/components/LayoutWindow.vue.d.ts +44 -44
  17. package/dist/runtime/composables/useFrames.d.ts +107 -109
  18. package/dist/runtime/composables/useFrames.js +107 -99
  19. package/dist/runtime/demo/App.vue +16 -16
  20. package/dist/runtime/demo/DemoControls.d.vue.ts +2 -2
  21. package/dist/runtime/demo/DemoControls.vue +4 -4
  22. package/dist/runtime/demo/DemoControls.vue.d.ts +2 -2
  23. package/dist/runtime/helpers/createZoneSideClipPath.d.ts +2 -2
  24. package/dist/runtime/helpers/{findFrameDraggableEdges.d.ts → findFrameMoveableEdges.d.ts} +2 -2
  25. package/dist/runtime/helpers/{findFrameDraggableEdges.js → findFrameMoveableEdges.js} +3 -3
  26. package/dist/runtime/helpers/{findDraggableEdge.d.ts → findMoveableEdge.d.ts} +1 -1
  27. package/dist/runtime/helpers/{findDraggableEdge.js → findMoveableEdge.js} +1 -1
  28. package/dist/runtime/helpers/index.d.ts +2 -2
  29. package/dist/runtime/helpers/index.js +2 -2
  30. package/dist/runtime/layout/createSplitDecoFromDrag.d.ts +1 -1
  31. package/dist/runtime/layout/createSplitDecoFromDrag.js +2 -2
  32. package/dist/runtime/layout/findSafeSplitEdge.d.ts +1 -1
  33. package/dist/runtime/layout/findSafeSplitEdge.js +2 -2
  34. package/dist/runtime/layout/getCloseFrameInfo.js +4 -4
  35. package/dist/runtime/layout/getFrameRearrangeInfo.d.ts +2 -2
  36. package/dist/runtime/layout/getFrameRearrangeInfo.js +8 -8
  37. package/dist/runtime/layout/getFrameSplitInfo.d.ts +1 -1
  38. package/dist/runtime/layout/getFrameSplitInfo.js +2 -2
  39. package/dist/runtime/layout/{getFrameDragZones.d.ts → getFrameZones.d.ts} +3 -3
  40. package/dist/runtime/layout/{getFrameDragZones.js → getFrameZones.js} +1 -1
  41. package/dist/runtime/layout/{getWindowDragZones.d.ts → getWindowZones.d.ts} +1 -1
  42. package/dist/runtime/layout/{getWindowDragZones.js → getWindowZones.js} +1 -1
  43. package/dist/runtime/layout/getZones.d.ts +8 -0
  44. package/dist/runtime/layout/getZones.js +32 -0
  45. package/dist/runtime/layout/index.d.ts +3 -3
  46. package/dist/runtime/layout/index.js +3 -3
  47. package/dist/runtime/{drag/DragActionHandler.d.ts → move/ActionHandler.d.ts} +19 -21
  48. package/dist/runtime/{drag/DragActionHandler.js → move/ActionHandler.js} +21 -18
  49. package/dist/runtime/{drag → move}/CloseAction.d.ts +9 -8
  50. package/dist/runtime/{drag → move}/CloseAction.js +31 -27
  51. package/dist/runtime/{drag → move}/FrameDragAction.d.ts +9 -8
  52. package/dist/runtime/{drag → move}/FrameDragAction.js +23 -22
  53. package/dist/runtime/{drag/DragDirectionStore.d.ts → move/MoveDirectionStore.d.ts} +4 -4
  54. package/dist/runtime/{drag/DragDirectionStore.js → move/MoveDirectionStore.js} +9 -9
  55. package/dist/runtime/{drag → move}/SplitAction.d.ts +10 -9
  56. package/dist/runtime/{drag → move}/SplitAction.js +53 -44
  57. package/dist/runtime/{drag → move}/createDefaultHandlers.d.ts +2 -2
  58. package/dist/runtime/types/index.d.ts +192 -171
  59. package/dist/runtime/types/index.js +2 -2
  60. package/dist/runtime/types/vue.d.ts +14 -16
  61. package/dist/runtime/types/vue.js +1 -1
  62. package/package.json +1 -1
  63. package/src/runtime/components/FrameDragHandle.vue +3 -3
  64. package/src/runtime/components/LayoutDragEdgeGrabbed.vue +3 -3
  65. package/src/runtime/components/LayoutDragEdgeHandle.vue +4 -4
  66. package/src/runtime/components/LayoutDragEdges.vue +5 -5
  67. package/src/runtime/components/LayoutEdgesActiveFrame.vue +2 -2
  68. package/src/runtime/components/LayoutFrame.vue +2 -2
  69. package/src/runtime/components/LayoutIntersectionHandle.vue +4 -4
  70. package/src/runtime/components/LayoutIntersections.vue +4 -4
  71. package/src/runtime/components/LayoutWindow.vue +32 -32
  72. package/src/runtime/composables/useFrames.ts +115 -104
  73. package/src/runtime/demo/App.vue +18 -18
  74. package/src/runtime/demo/DemoControls.vue +5 -5
  75. package/src/runtime/helpers/createZoneSideClipPath.ts +2 -2
  76. package/src/runtime/helpers/{findFrameDraggableEdges.ts → findFrameMoveableEdges.ts} +4 -4
  77. package/src/runtime/helpers/{findDraggableEdge.ts → findMoveableEdge.ts} +1 -1
  78. package/src/runtime/helpers/index.ts +2 -2
  79. package/src/runtime/layout/createSplitDecoFromDrag.ts +2 -2
  80. package/src/runtime/layout/findSafeSplitEdge.ts +4 -4
  81. package/src/runtime/layout/getCloseFrameInfo.ts +4 -4
  82. package/src/runtime/layout/getFrameRearrangeInfo.ts +10 -10
  83. package/src/runtime/layout/getFrameSplitInfo.ts +5 -5
  84. package/src/runtime/layout/{getFrameDragZones.ts → getFrameZones.ts} +4 -4
  85. package/src/runtime/layout/{getWindowDragZones.ts → getWindowZones.ts} +1 -1
  86. package/src/runtime/layout/getZones.ts +48 -0
  87. package/src/runtime/layout/index.ts +3 -3
  88. package/src/runtime/{drag/DragActionHandler.ts → move/ActionHandler.ts} +48 -41
  89. package/src/runtime/{drag → move}/CloseAction.ts +42 -37
  90. package/src/runtime/{drag → move}/FrameDragAction.ts +37 -36
  91. package/src/runtime/{drag/DragDirectionStore.ts → move/MoveDirectionStore.ts} +10 -10
  92. package/src/runtime/{drag → move}/SplitAction.ts +64 -54
  93. package/src/runtime/{drag → move}/createDefaultHandlers.ts +2 -2
  94. package/src/runtime/types/index.ts +90 -69
  95. package/src/runtime/types/vue.ts +14 -14
  96. package/dist/runtime/layout/getDragZones.d.ts +0 -8
  97. package/dist/runtime/layout/getDragZones.js +0 -32
  98. package/src/runtime/layout/getDragZones.ts +0 -48
  99. /package/dist/runtime/{drag → move}/createDefaultHandlers.js +0 -0
@@ -1,12 +1,12 @@
1
- import { DragActionHandler } from "../drag/DragActionHandler";
2
- import { type DragState, type IDragAction } from "../types/index.js";
1
+ import { ActionHandler } from "../move/ActionHandler";
2
+ import { type MoveState, type IAction } from "../types/index.js";
3
3
  import { getUpdateWindowSizeInfo } from "../layout/getUpdateWindowSizeInfo.js";
4
4
  import { type LayoutWindow } from "../types/index.js";
5
5
  type __VLS_Props = {
6
6
  /** If you really need it, you can provide your own drag action handler (remember to markRaw it), note the actionHandler's prop will no longer have any effect.*/
7
- dragActionHandler?: DragActionHandler<any, any>;
7
+ actionHandler?: ActionHandler<any, any>;
8
8
  /** Custom drag action handlers. Falls back to default split/close/frame handlers if not provided. */
9
- actionHandlers?: IDragAction[];
9
+ actionHandlers?: IAction[];
10
10
  textHints?: {
11
11
  text: string;
12
12
  classes?: string;
@@ -35,19 +35,19 @@ type __VLS_Slots = {} & {
35
35
  };
36
36
  declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
37
37
  state: import("vue").ComputedRef<{
38
- dragDirections: {
38
+ moveDirections: {
39
39
  horizontal: "up" | "down" | "left" | "right" | undefined;
40
40
  vertical: "up" | "down" | "left" | "right" | undefined;
41
41
  };
42
- dragPoint: {
42
+ movePoint: {
43
43
  x: number;
44
44
  y: number;
45
45
  } | undefined;
46
- dragDistance: number;
47
- isDragging: false | "edge" | "frame";
48
- showDragging: boolean;
49
- draggingFrameId: string | undefined;
50
- draggingEdges: {
46
+ moveDistance: number;
47
+ isMoving: false | "edge" | "frame";
48
+ showMoving: boolean;
49
+ movingFrameId: string | undefined;
50
+ movingEdges: {
51
51
  startX: number;
52
52
  startY: number;
53
53
  endX: number;
@@ -76,17 +76,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
76
76
  } | {
77
77
  frame: import("../types/index.js").LayoutFrame;
78
78
  } | {
79
- draggingFrameId: string;
79
+ movingFrameId: string;
80
80
  hoveredFrameId: string;
81
- zoneSide: import("../types/index.js").DragZone["side"];
81
+ zoneSide: import("../types/index.js").Zone["side"];
82
82
  } | {
83
- draggingFrameId: string;
83
+ movingFrameId: string;
84
84
  hoveredFrameId: string;
85
- zoneSide: import("../types/index.js").DragZone["side"];
85
+ zoneSide: import("../types/index.js").Zone["side"];
86
86
  } | {
87
- draggingFrameId: string;
87
+ movingFrameId: string;
88
88
  hoveredFrameId: string;
89
- zoneSide: import("../types/index.js").DragZone["side"];
89
+ zoneSide: import("../types/index.js").Zone["side"];
90
90
  } | {
91
91
  frame: import("../types/index.js").LayoutFrame;
92
92
  } | {
@@ -116,7 +116,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
116
116
  message: string;
117
117
  } | undefined;
118
118
  }[];
119
- draggingIntersection: {
119
+ movingIntersection: {
120
120
  point: {
121
121
  x: number;
122
122
  y: number;
@@ -153,17 +153,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
153
153
  } | {
154
154
  frame: import("../types/index.js").LayoutFrame;
155
155
  } | {
156
- draggingFrameId: string;
156
+ movingFrameId: string;
157
157
  hoveredFrameId: string;
158
- zoneSide: import("../types/index.js").DragZone["side"];
158
+ zoneSide: import("../types/index.js").Zone["side"];
159
159
  } | {
160
- draggingFrameId: string;
160
+ movingFrameId: string;
161
161
  hoveredFrameId: string;
162
- zoneSide: import("../types/index.js").DragZone["side"];
162
+ zoneSide: import("../types/index.js").Zone["side"];
163
163
  } | {
164
- draggingFrameId: string;
164
+ movingFrameId: string;
165
165
  hoveredFrameId: string;
166
- zoneSide: import("../types/index.js").DragZone["side"];
166
+ zoneSide: import("../types/index.js").Zone["side"];
167
167
  } | {
168
168
  frame: import("../types/index.js").LayoutFrame;
169
169
  } | {
@@ -222,17 +222,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
222
222
  } | {
223
223
  frame: import("../types/index.js").LayoutFrame;
224
224
  } | {
225
- draggingFrameId: string;
225
+ movingFrameId: string;
226
226
  hoveredFrameId: string;
227
- zoneSide: import("../types/index.js").DragZone["side"];
227
+ zoneSide: import("../types/index.js").Zone["side"];
228
228
  } | {
229
- draggingFrameId: string;
229
+ movingFrameId: string;
230
230
  hoveredFrameId: string;
231
- zoneSide: import("../types/index.js").DragZone["side"];
231
+ zoneSide: import("../types/index.js").Zone["side"];
232
232
  } | {
233
- draggingFrameId: string;
233
+ movingFrameId: string;
234
234
  hoveredFrameId: string;
235
- zoneSide: import("../types/index.js").DragZone["side"];
235
+ zoneSide: import("../types/index.js").Zone["side"];
236
236
  } | {
237
237
  frame: import("../types/index.js").LayoutFrame;
238
238
  } | {
@@ -294,17 +294,17 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
294
294
  } | {
295
295
  frame: import("../types/index.js").LayoutFrame;
296
296
  } | {
297
- draggingFrameId: string;
297
+ movingFrameId: string;
298
298
  hoveredFrameId: string;
299
- zoneSide: import("../types/index.js").DragZone["side"];
299
+ zoneSide: import("../types/index.js").Zone["side"];
300
300
  } | {
301
- draggingFrameId: string;
301
+ movingFrameId: string;
302
302
  hoveredFrameId: string;
303
- zoneSide: import("../types/index.js").DragZone["side"];
303
+ zoneSide: import("../types/index.js").Zone["side"];
304
304
  } | {
305
- draggingFrameId: string;
305
+ movingFrameId: string;
306
306
  hoveredFrameId: string;
307
- zoneSide: import("../types/index.js").DragZone["side"];
307
+ zoneSide: import("../types/index.js").Zone["side"];
308
308
  } | {
309
309
  frame: import("../types/index.js").LayoutFrame;
310
310
  } | {
@@ -337,26 +337,26 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
337
337
  touchingFrames: Record<string, import("../types/index.js").LayoutFrame>[];
338
338
  touchingFramesArrays: import("../types/index.js").LayoutFrame[][];
339
339
  frames: import("../types/index.js").LayoutFrames;
340
- dragHoveredFrame: import("../types/index.js").LayoutFrame | undefined;
340
+ moveHoveredFrame: import("../types/index.js").LayoutFrame | undefined;
341
341
  intersections: import("../types/index.js").IntersectionEntry[];
342
- isDraggingFromWindowEdge: boolean;
342
+ isMovingFromWindowEdge: boolean;
343
343
  eventContext: Record<string, unknown> | undefined;
344
344
  win: import("../types/index.js").BaseLayoutWindow;
345
345
  }>;
346
346
  win: import("vue").ModelRef<import("../types/index.js").BaseLayoutWindow, string, import("../types/index.js").BaseLayoutWindow, import("../types/index.js").BaseLayoutWindow>;
347
347
  getUpdateWindowSizeInfo: typeof getUpdateWindowSizeInfo;
348
- dragActionHandler: DragActionHandler<any, any>;
348
+ actionHandler: ActionHandler<any, any>;
349
349
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
350
350
  "update:win": (value: import("../types/index.js").BaseLayoutWindow) => any;
351
351
  } & {
352
- isShowingDrag: (value: boolean) => any;
353
- dragState: (value: DragState) => any;
352
+ isShowingMove: (value: boolean) => any;
353
+ moveState: (value: MoveState) => any;
354
354
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
355
- onIsShowingDrag?: ((value: boolean) => any) | undefined;
356
- onDragState?: ((value: DragState) => any) | undefined;
355
+ onIsShowingMove?: ((value: boolean) => any) | undefined;
356
+ onMoveState?: ((value: MoveState) => any) | undefined;
357
357
  "onUpdate:win"?: ((value: import("../types/index.js").BaseLayoutWindow) => any) | undefined;
358
358
  }>, {
359
- actionHandlers: IDragAction[];
359
+ actionHandlers: IAction[];
360
360
  textHints: {
361
361
  text: string;
362
362
  classes?: string;
@@ -1,32 +1,30 @@
1
1
  import type { Ref } from "vue";
2
- import type { ActionHandler, EdgeDragStartData, FrameDragStartData, IntersectionEntry, LayoutFrame, LayoutWindow } from "../types/index.js";
2
+ import type { ActionHandler, ActionHandlerApplyResult, EdgeMoveStartData, FrameMoveStartData, IntersectionEntry, LayoutFrame, LayoutWindow } from "../types/index.js";
3
3
  export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler): {
4
- dragStart: <T extends "edge" | "frame">(e: PointerEvent, type: T, data: T extends "edge" ? EdgeDragStartData : FrameDragStartData, { moveEvent, endEvent, context }?: {
4
+ moveStart: <T extends "edge" | "frame">(e: PointerEvent, type: T, data: T extends "edge" ? EdgeMoveStartData : FrameMoveStartData, { moveEvent, endEvent, context }?: {
5
5
  moveEvent?: string;
6
6
  endEvent?: string;
7
7
  context?: Record<string, unknown>;
8
8
  }) => Promise<any>;
9
- dragEnd: (e?: PointerEvent, { apply }?: {
10
- apply?: boolean;
11
- }) => void;
9
+ moveEnd: (e?: PointerEvent, { apply }?: Partial<Pick<ActionHandlerApplyResult, "apply">>) => void;
12
10
  cancel: () => void;
13
- dragMove: (e: PointerEvent) => void;
14
- dragDirections: Ref<{
11
+ onMove: (e: PointerEvent) => void;
12
+ moveDirections: Ref<{
15
13
  horizontal: "up" | "down" | "left" | "right" | undefined;
16
14
  vertical: "up" | "down" | "left" | "right" | undefined;
17
15
  }, Record<"horizontal" | "vertical", "up" | "down" | "left" | "right" | undefined> | {
18
16
  horizontal: "up" | "down" | "left" | "right" | undefined;
19
17
  vertical: "up" | "down" | "left" | "right" | undefined;
20
18
  }>;
21
- dragPoint: Ref<{
19
+ movePoint: Ref<{
22
20
  x: number;
23
21
  y: number;
24
22
  } | undefined, {
25
23
  x: number;
26
24
  y: number;
27
25
  } | undefined>;
28
- isDragging: Ref<false | "edge" | "frame", false | "edge" | "frame">;
29
- draggingEdges: Ref<{
26
+ isMoving: Ref<false | "edge" | "frame", false | "edge" | "frame">;
27
+ movingEdges: Ref<{
30
28
  startX: number;
31
29
  startY: number;
32
30
  endX: number;
@@ -55,17 +53,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
55
53
  } | {
56
54
  frame: LayoutFrame;
57
55
  } | {
58
- draggingFrameId: string;
56
+ movingFrameId: string;
59
57
  hoveredFrameId: string;
60
- zoneSide: import("../types/index.js").DragZone["side"];
58
+ zoneSide: import("../types/index.js").Zone["side"];
61
59
  } | {
62
- draggingFrameId: string;
60
+ movingFrameId: string;
63
61
  hoveredFrameId: string;
64
- zoneSide: import("../types/index.js").DragZone["side"];
62
+ zoneSide: import("../types/index.js").Zone["side"];
65
63
  } | {
66
- draggingFrameId: string;
64
+ movingFrameId: string;
67
65
  hoveredFrameId: string;
68
- zoneSide: import("../types/index.js").DragZone["side"];
66
+ zoneSide: import("../types/index.js").Zone["side"];
69
67
  } | {
70
68
  frame: LayoutFrame;
71
69
  } | {
@@ -123,17 +121,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
123
121
  } | {
124
122
  frame: LayoutFrame;
125
123
  } | {
126
- draggingFrameId: string;
124
+ movingFrameId: string;
127
125
  hoveredFrameId: string;
128
- zoneSide: import("../types/index.js").DragZone["side"];
126
+ zoneSide: import("../types/index.js").Zone["side"];
129
127
  } | {
130
- draggingFrameId: string;
128
+ movingFrameId: string;
131
129
  hoveredFrameId: string;
132
- zoneSide: import("../types/index.js").DragZone["side"];
130
+ zoneSide: import("../types/index.js").Zone["side"];
133
131
  } | {
134
- draggingFrameId: string;
132
+ movingFrameId: string;
135
133
  hoveredFrameId: string;
136
- zoneSide: import("../types/index.js").DragZone["side"];
134
+ zoneSide: import("../types/index.js").Zone["side"];
137
135
  } | {
138
136
  frame: LayoutFrame;
139
137
  } | {
@@ -191,17 +189,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
191
189
  } | {
192
190
  frame: LayoutFrame;
193
191
  } | {
194
- draggingFrameId: string;
192
+ movingFrameId: string;
195
193
  hoveredFrameId: string;
196
- zoneSide: import("../types/index.js").DragZone["side"];
194
+ zoneSide: import("../types/index.js").Zone["side"];
197
195
  } | {
198
- draggingFrameId: string;
196
+ movingFrameId: string;
199
197
  hoveredFrameId: string;
200
- zoneSide: import("../types/index.js").DragZone["side"];
198
+ zoneSide: import("../types/index.js").Zone["side"];
201
199
  } | {
202
- draggingFrameId: string;
200
+ movingFrameId: string;
203
201
  hoveredFrameId: string;
204
- zoneSide: import("../types/index.js").DragZone["side"];
202
+ zoneSide: import("../types/index.js").Zone["side"];
205
203
  } | {
206
204
  frame: LayoutFrame;
207
205
  } | {
@@ -231,7 +229,7 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
231
229
  message: string;
232
230
  } | undefined;
233
231
  }[]>;
234
- draggingIntersection: Ref<{
232
+ movingIntersection: Ref<{
235
233
  point: {
236
234
  x: number;
237
235
  y: number;
@@ -268,17 +266,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
268
266
  } | {
269
267
  frame: LayoutFrame;
270
268
  } | {
271
- draggingFrameId: string;
269
+ movingFrameId: string;
272
270
  hoveredFrameId: string;
273
- zoneSide: import("../types/index.js").DragZone["side"];
271
+ zoneSide: import("../types/index.js").Zone["side"];
274
272
  } | {
275
- draggingFrameId: string;
273
+ movingFrameId: string;
276
274
  hoveredFrameId: string;
277
- zoneSide: import("../types/index.js").DragZone["side"];
275
+ zoneSide: import("../types/index.js").Zone["side"];
278
276
  } | {
279
- draggingFrameId: string;
277
+ movingFrameId: string;
280
278
  hoveredFrameId: string;
281
- zoneSide: import("../types/index.js").DragZone["side"];
279
+ zoneSide: import("../types/index.js").Zone["side"];
282
280
  } | {
283
281
  frame: LayoutFrame;
284
282
  } | {
@@ -337,17 +335,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
337
335
  } | {
338
336
  frame: LayoutFrame;
339
337
  } | {
340
- draggingFrameId: string;
338
+ movingFrameId: string;
341
339
  hoveredFrameId: string;
342
- zoneSide: import("../types/index.js").DragZone["side"];
340
+ zoneSide: import("../types/index.js").Zone["side"];
343
341
  } | {
344
- draggingFrameId: string;
342
+ movingFrameId: string;
345
343
  hoveredFrameId: string;
346
- zoneSide: import("../types/index.js").DragZone["side"];
344
+ zoneSide: import("../types/index.js").Zone["side"];
347
345
  } | {
348
- draggingFrameId: string;
346
+ movingFrameId: string;
349
347
  hoveredFrameId: string;
350
- zoneSide: import("../types/index.js").DragZone["side"];
348
+ zoneSide: import("../types/index.js").Zone["side"];
351
349
  } | {
352
350
  frame: LayoutFrame;
353
351
  } | {
@@ -416,17 +414,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
416
414
  } | {
417
415
  frame: LayoutFrame;
418
416
  } | {
419
- draggingFrameId: string;
417
+ movingFrameId: string;
420
418
  hoveredFrameId: string;
421
- zoneSide: import("../types/index.js").DragZone["side"];
419
+ zoneSide: import("../types/index.js").Zone["side"];
422
420
  } | {
423
- draggingFrameId: string;
421
+ movingFrameId: string;
424
422
  hoveredFrameId: string;
425
- zoneSide: import("../types/index.js").DragZone["side"];
423
+ zoneSide: import("../types/index.js").Zone["side"];
426
424
  } | {
427
- draggingFrameId: string;
425
+ movingFrameId: string;
428
426
  hoveredFrameId: string;
429
- zoneSide: import("../types/index.js").DragZone["side"];
427
+ zoneSide: import("../types/index.js").Zone["side"];
430
428
  } | {
431
429
  frame: LayoutFrame;
432
430
  } | {
@@ -485,17 +483,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
485
483
  } | {
486
484
  frame: LayoutFrame;
487
485
  } | {
488
- draggingFrameId: string;
486
+ movingFrameId: string;
489
487
  hoveredFrameId: string;
490
- zoneSide: import("../types/index.js").DragZone["side"];
488
+ zoneSide: import("../types/index.js").Zone["side"];
491
489
  } | {
492
- draggingFrameId: string;
490
+ movingFrameId: string;
493
491
  hoveredFrameId: string;
494
- zoneSide: import("../types/index.js").DragZone["side"];
492
+ zoneSide: import("../types/index.js").Zone["side"];
495
493
  } | {
496
- draggingFrameId: string;
494
+ movingFrameId: string;
497
495
  hoveredFrameId: string;
498
- zoneSide: import("../types/index.js").DragZone["side"];
496
+ zoneSide: import("../types/index.js").Zone["side"];
499
497
  } | {
500
498
  frame: LayoutFrame;
501
499
  } | {
@@ -557,17 +555,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
557
555
  } | {
558
556
  frame: LayoutFrame;
559
557
  } | {
560
- draggingFrameId: string;
558
+ movingFrameId: string;
561
559
  hoveredFrameId: string;
562
- zoneSide: import("../types/index.js").DragZone["side"];
560
+ zoneSide: import("../types/index.js").Zone["side"];
563
561
  } | {
564
- draggingFrameId: string;
562
+ movingFrameId: string;
565
563
  hoveredFrameId: string;
566
- zoneSide: import("../types/index.js").DragZone["side"];
564
+ zoneSide: import("../types/index.js").Zone["side"];
567
565
  } | {
568
- draggingFrameId: string;
566
+ movingFrameId: string;
569
567
  hoveredFrameId: string;
570
- zoneSide: import("../types/index.js").DragZone["side"];
568
+ zoneSide: import("../types/index.js").Zone["side"];
571
569
  } | {
572
570
  frame: LayoutFrame;
573
571
  } | {
@@ -625,17 +623,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
625
623
  } | {
626
624
  frame: LayoutFrame;
627
625
  } | {
628
- draggingFrameId: string;
626
+ movingFrameId: string;
629
627
  hoveredFrameId: string;
630
- zoneSide: import("../types/index.js").DragZone["side"];
628
+ zoneSide: import("../types/index.js").Zone["side"];
631
629
  } | {
632
- draggingFrameId: string;
630
+ movingFrameId: string;
633
631
  hoveredFrameId: string;
634
- zoneSide: import("../types/index.js").DragZone["side"];
632
+ zoneSide: import("../types/index.js").Zone["side"];
635
633
  } | {
636
- draggingFrameId: string;
634
+ movingFrameId: string;
637
635
  hoveredFrameId: string;
638
- zoneSide: import("../types/index.js").DragZone["side"];
636
+ zoneSide: import("../types/index.js").Zone["side"];
639
637
  } | {
640
638
  frame: LayoutFrame;
641
639
  } | {
@@ -693,17 +691,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
693
691
  } | {
694
692
  frame: LayoutFrame;
695
693
  } | {
696
- draggingFrameId: string;
694
+ movingFrameId: string;
697
695
  hoveredFrameId: string;
698
- zoneSide: import("../types/index.js").DragZone["side"];
696
+ zoneSide: import("../types/index.js").Zone["side"];
699
697
  } | {
700
- draggingFrameId: string;
698
+ movingFrameId: string;
701
699
  hoveredFrameId: string;
702
- zoneSide: import("../types/index.js").DragZone["side"];
700
+ zoneSide: import("../types/index.js").Zone["side"];
703
701
  } | {
704
- draggingFrameId: string;
702
+ movingFrameId: string;
705
703
  hoveredFrameId: string;
706
- zoneSide: import("../types/index.js").DragZone["side"];
704
+ zoneSide: import("../types/index.js").Zone["side"];
707
705
  } | {
708
706
  frame: LayoutFrame;
709
707
  } | {
@@ -736,24 +734,24 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
736
734
  touchingFrames: Ref<Record<string, LayoutFrame>[], Record<string, LayoutFrame>[]>;
737
735
  touchingFramesArrays: import("vue").ComputedRef<LayoutFrame[][]>;
738
736
  frames: import("vue").ComputedRef<import("../types/index.js").LayoutFrames>;
739
- dragHoveredFrame: import("vue").ComputedRef<LayoutFrame | undefined>;
737
+ moveHoveredFrame: import("vue").ComputedRef<LayoutFrame | undefined>;
740
738
  intersections: import("vue").ComputedRef<IntersectionEntry[]>;
741
- isDraggingFromWindowEdge: Ref<boolean, boolean>;
739
+ isMovingFromWindowEdge: Ref<boolean, boolean>;
742
740
  forceRecalculateEdges: () => void;
743
741
  state: import("vue").ComputedRef<{
744
- dragDirections: {
742
+ moveDirections: {
745
743
  horizontal: "up" | "down" | "left" | "right" | undefined;
746
744
  vertical: "up" | "down" | "left" | "right" | undefined;
747
745
  };
748
- dragPoint: {
746
+ movePoint: {
749
747
  x: number;
750
748
  y: number;
751
749
  } | undefined;
752
- dragDistance: number;
753
- isDragging: false | "edge" | "frame";
754
- showDragging: boolean;
755
- draggingFrameId: string | undefined;
756
- draggingEdges: {
750
+ moveDistance: number;
751
+ isMoving: false | "edge" | "frame";
752
+ showMoving: boolean;
753
+ movingFrameId: string | undefined;
754
+ movingEdges: {
757
755
  startX: number;
758
756
  startY: number;
759
757
  endX: number;
@@ -782,17 +780,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
782
780
  } | {
783
781
  frame: LayoutFrame;
784
782
  } | {
785
- draggingFrameId: string;
783
+ movingFrameId: string;
786
784
  hoveredFrameId: string;
787
- zoneSide: import("../types/index.js").DragZone["side"];
785
+ zoneSide: import("../types/index.js").Zone["side"];
788
786
  } | {
789
- draggingFrameId: string;
787
+ movingFrameId: string;
790
788
  hoveredFrameId: string;
791
- zoneSide: import("../types/index.js").DragZone["side"];
789
+ zoneSide: import("../types/index.js").Zone["side"];
792
790
  } | {
793
- draggingFrameId: string;
791
+ movingFrameId: string;
794
792
  hoveredFrameId: string;
795
- zoneSide: import("../types/index.js").DragZone["side"];
793
+ zoneSide: import("../types/index.js").Zone["side"];
796
794
  } | {
797
795
  frame: LayoutFrame;
798
796
  } | {
@@ -822,7 +820,7 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
822
820
  message: string;
823
821
  } | undefined;
824
822
  }[];
825
- draggingIntersection: {
823
+ movingIntersection: {
826
824
  point: {
827
825
  x: number;
828
826
  y: number;
@@ -859,17 +857,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
859
857
  } | {
860
858
  frame: LayoutFrame;
861
859
  } | {
862
- draggingFrameId: string;
860
+ movingFrameId: string;
863
861
  hoveredFrameId: string;
864
- zoneSide: import("../types/index.js").DragZone["side"];
862
+ zoneSide: import("../types/index.js").Zone["side"];
865
863
  } | {
866
- draggingFrameId: string;
864
+ movingFrameId: string;
867
865
  hoveredFrameId: string;
868
- zoneSide: import("../types/index.js").DragZone["side"];
866
+ zoneSide: import("../types/index.js").Zone["side"];
869
867
  } | {
870
- draggingFrameId: string;
868
+ movingFrameId: string;
871
869
  hoveredFrameId: string;
872
- zoneSide: import("../types/index.js").DragZone["side"];
870
+ zoneSide: import("../types/index.js").Zone["side"];
873
871
  } | {
874
872
  frame: LayoutFrame;
875
873
  } | {
@@ -928,17 +926,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
928
926
  } | {
929
927
  frame: LayoutFrame;
930
928
  } | {
931
- draggingFrameId: string;
929
+ movingFrameId: string;
932
930
  hoveredFrameId: string;
933
- zoneSide: import("../types/index.js").DragZone["side"];
931
+ zoneSide: import("../types/index.js").Zone["side"];
934
932
  } | {
935
- draggingFrameId: string;
933
+ movingFrameId: string;
936
934
  hoveredFrameId: string;
937
- zoneSide: import("../types/index.js").DragZone["side"];
935
+ zoneSide: import("../types/index.js").Zone["side"];
938
936
  } | {
939
- draggingFrameId: string;
937
+ movingFrameId: string;
940
938
  hoveredFrameId: string;
941
- zoneSide: import("../types/index.js").DragZone["side"];
939
+ zoneSide: import("../types/index.js").Zone["side"];
942
940
  } | {
943
941
  frame: LayoutFrame;
944
942
  } | {
@@ -1000,17 +998,17 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
1000
998
  } | {
1001
999
  frame: LayoutFrame;
1002
1000
  } | {
1003
- draggingFrameId: string;
1001
+ movingFrameId: string;
1004
1002
  hoveredFrameId: string;
1005
- zoneSide: import("../types/index.js").DragZone["side"];
1003
+ zoneSide: import("../types/index.js").Zone["side"];
1006
1004
  } | {
1007
- draggingFrameId: string;
1005
+ movingFrameId: string;
1008
1006
  hoveredFrameId: string;
1009
- zoneSide: import("../types/index.js").DragZone["side"];
1007
+ zoneSide: import("../types/index.js").Zone["side"];
1010
1008
  } | {
1011
- draggingFrameId: string;
1009
+ movingFrameId: string;
1012
1010
  hoveredFrameId: string;
1013
- zoneSide: import("../types/index.js").DragZone["side"];
1011
+ zoneSide: import("../types/index.js").Zone["side"];
1014
1012
  } | {
1015
1013
  frame: LayoutFrame;
1016
1014
  } | {
@@ -1043,13 +1041,13 @@ export declare function useFrames(win: Ref<LayoutWindow>, handler: ActionHandler
1043
1041
  touchingFrames: Record<string, LayoutFrame>[];
1044
1042
  touchingFramesArrays: LayoutFrame[][];
1045
1043
  frames: import("../types/index.js").LayoutFrames;
1046
- dragHoveredFrame: LayoutFrame | undefined;
1044
+ moveHoveredFrame: LayoutFrame | undefined;
1047
1045
  intersections: IntersectionEntry[];
1048
- isDraggingFromWindowEdge: boolean;
1046
+ isMovingFromWindowEdge: boolean;
1049
1047
  eventContext: Record<string, unknown> | undefined;
1050
1048
  win: import("../types/index.js").BaseLayoutWindow;
1051
1049
  }>;
1052
- showDragging: Ref<boolean, boolean>;
1053
- frameDragFrameId: Ref<string | undefined, string | undefined>;
1050
+ showMoving: Ref<boolean, boolean>;
1051
+ movingFrameId: Ref<string | undefined, string | undefined>;
1054
1052
  actionHandler: ActionHandler;
1055
1053
  };