@vue-dnd-kit/core 0.0.26-beta → 0.0.27-beta

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 (8) hide show
  1. package/dist/composables/useDnDStore.d.ts +2324 -64
  2. package/dist/composables/useDragContainer.d.ts +554 -3
  3. package/dist/composables/useDraggable.d.ts +32 -1
  4. package/dist/managers/useElementManager.d.ts +2 -0
  5. package/dist/types/index.d.ts +3 -3
  6. package/dist/vue-dnd-kit-core.cjs.js +1 -1
  7. package/dist/vue-dnd-kit-core.es.js +253 -265
  8. package/package.json +1 -1
package/dist/composables/useDragContainer.d.ts CHANGED
@@ -67,7 +67,558 @@
67
67
  */
68
68
  export declare const useDragContainer: () => {
69
69
  elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
70
- draggingElements: import('vue').Ref<import('..').IDraggingElement[], import('..').IDraggingElement[]>;
71
- pointerPosition: import('..').IPointerPosition;
72
- isDragging: import('vue').Ref<boolean, boolean>;
70
+ draggingElements: import('vue').Ref<{
71
+ initialHTML: string;
72
+ initialRect?: {
73
+ height: number;
74
+ width: number;
75
+ x: number;
76
+ y: number;
77
+ readonly bottom: number;
78
+ readonly left: number;
79
+ readonly right: number;
80
+ readonly top: number;
81
+ toJSON: () => any;
82
+ } | undefined;
83
+ node: Element | HTMLElement | null;
84
+ groups: string[];
85
+ layer: import('vue').FunctionalComponent<any, {}, any, {}> | {
86
+ new (...args: any[]): any;
87
+ __isFragment?: undefined;
88
+ __isTeleport?: undefined;
89
+ __isSuspense?: undefined;
90
+ } | {
91
+ [x: string]: any;
92
+ setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
93
+ attrs: {
94
+ [x: string]: unknown;
95
+ };
96
+ slots: Readonly<{
97
+ [name: string]: import('vue').Slot<any> | undefined;
98
+ }>;
99
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
100
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
101
+ }) => any) | undefined;
102
+ name?: string | undefined;
103
+ template?: string | object | undefined;
104
+ render?: Function | undefined;
105
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
106
+ directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
107
+ inheritAttrs?: boolean | undefined;
108
+ emits?: any;
109
+ slots?: {} | undefined;
110
+ expose?: string[] | undefined;
111
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
112
+ compilerOptions?: {
113
+ isCustomElement?: ((tag: string) => boolean) | undefined;
114
+ whitespace?: "preserve" | "condense" | undefined;
115
+ comments?: boolean | undefined;
116
+ delimiters?: [string, string] | undefined;
117
+ } | undefined;
118
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
119
+ __isFragment?: undefined;
120
+ __isTeleport?: undefined;
121
+ __isSuspense?: undefined;
122
+ __defaults?: {} | undefined;
123
+ compatConfig?: {
124
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
125
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
126
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
127
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
128
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
129
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
130
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
131
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
132
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
133
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
134
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
135
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
136
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
137
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
138
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
139
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
140
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
141
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
142
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
143
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
144
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
145
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
146
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
147
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
148
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
149
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
150
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
151
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
152
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
153
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
154
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
155
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
156
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
157
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
158
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
159
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
160
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
161
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
162
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
163
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
164
+ FILTERS?: boolean | "suppress-warning" | undefined;
165
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
166
+ MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
167
+ } | undefined;
168
+ data?: ((this: any, vm: any) => any) | undefined;
169
+ computed?: import('vue').ComputedOptions | undefined;
170
+ methods?: import('vue').MethodOptions | undefined;
171
+ watch?: {
172
+ [x: string]: (string | import('vue').WatchCallback<any, any> | ({
173
+ handler: string | import('vue').WatchCallback<any, any>;
174
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
175
+ handler: string | import('vue').WatchCallback<any, any>;
176
+ } & import('vue').WatchOptions<boolean>))[];
177
+ } | undefined;
178
+ provide?: import('vue').ComponentProvideOptions | undefined;
179
+ inject?: {} | string[] | undefined;
180
+ filters?: Record<string, Function> | undefined;
181
+ mixins?: any[] | undefined;
182
+ extends?: any;
183
+ beforeCreate?: (() => void) | undefined;
184
+ created?: (() => void) | undefined;
185
+ beforeMount?: (() => void) | undefined;
186
+ mounted?: (() => void) | undefined;
187
+ beforeUpdate?: (() => void) | undefined;
188
+ updated?: (() => void) | undefined;
189
+ activated?: (() => void) | undefined;
190
+ deactivated?: (() => void) | undefined;
191
+ beforeDestroy?: (() => void) | undefined;
192
+ beforeUnmount?: (() => void) | undefined;
193
+ destroyed?: (() => void) | undefined;
194
+ unmounted?: (() => void) | undefined;
195
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
196
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
197
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
198
+ delimiters?: [string, string] | undefined;
199
+ __differentiator?: string | number | symbol | undefined;
200
+ __isBuiltIn?: boolean | undefined;
201
+ __file?: string | undefined;
202
+ __name?: string | undefined;
203
+ } | null;
204
+ defaultLayer: import('vue').FunctionalComponent<any, {}, any, {}> | {
205
+ new (...args: any[]): any;
206
+ __isFragment?: undefined;
207
+ __isTeleport?: undefined;
208
+ __isSuspense?: undefined;
209
+ } | {
210
+ [x: string]: any;
211
+ setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
212
+ attrs: {
213
+ [x: string]: unknown;
214
+ };
215
+ slots: Readonly<{
216
+ [name: string]: import('vue').Slot<any> | undefined;
217
+ }>;
218
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
219
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
220
+ }) => any) | undefined;
221
+ name?: string | undefined;
222
+ template?: string | object | undefined;
223
+ render?: Function | undefined;
224
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
225
+ directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
226
+ inheritAttrs?: boolean | undefined;
227
+ emits?: any;
228
+ slots?: {} | undefined;
229
+ expose?: string[] | undefined;
230
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
231
+ compilerOptions?: {
232
+ isCustomElement?: ((tag: string) => boolean) | undefined;
233
+ whitespace?: "preserve" | "condense" | undefined;
234
+ comments?: boolean | undefined;
235
+ delimiters?: [string, string] | undefined;
236
+ } | undefined;
237
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
238
+ __isFragment?: undefined;
239
+ __isTeleport?: undefined;
240
+ __isSuspense?: undefined;
241
+ __defaults?: {} | undefined;
242
+ compatConfig?: {
243
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
244
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
245
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
246
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
247
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
248
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
249
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
250
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
251
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
252
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
253
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
254
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
255
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
256
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
257
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
258
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
259
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
260
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
261
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
262
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
263
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
264
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
265
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
266
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
267
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
268
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
269
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
270
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
271
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
272
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
273
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
274
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
275
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
276
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
277
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
278
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
279
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
280
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
281
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
282
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
283
+ FILTERS?: boolean | "suppress-warning" | undefined;
284
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
285
+ MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
286
+ } | undefined;
287
+ data?: ((this: any, vm: any) => any) | undefined;
288
+ computed?: import('vue').ComputedOptions | undefined;
289
+ methods?: import('vue').MethodOptions | undefined;
290
+ watch?: {
291
+ [x: string]: (string | import('vue').WatchCallback<any, any> | ({
292
+ handler: string | import('vue').WatchCallback<any, any>;
293
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
294
+ handler: string | import('vue').WatchCallback<any, any>;
295
+ } & import('vue').WatchOptions<boolean>))[];
296
+ } | undefined;
297
+ provide?: import('vue').ComponentProvideOptions | undefined;
298
+ inject?: {} | string[] | undefined;
299
+ filters?: Record<string, Function> | undefined;
300
+ mixins?: any[] | undefined;
301
+ extends?: any;
302
+ beforeCreate?: (() => void) | undefined;
303
+ created?: (() => void) | undefined;
304
+ beforeMount?: (() => void) | undefined;
305
+ mounted?: (() => void) | undefined;
306
+ beforeUpdate?: (() => void) | undefined;
307
+ updated?: (() => void) | undefined;
308
+ activated?: (() => void) | undefined;
309
+ deactivated?: (() => void) | undefined;
310
+ beforeDestroy?: (() => void) | undefined;
311
+ beforeUnmount?: (() => void) | undefined;
312
+ destroyed?: (() => void) | undefined;
313
+ unmounted?: (() => void) | undefined;
314
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
315
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
316
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
317
+ delimiters?: [string, string] | undefined;
318
+ __differentiator?: string | number | symbol | undefined;
319
+ __isBuiltIn?: boolean | undefined;
320
+ __file?: string | undefined;
321
+ __name?: string | undefined;
322
+ } | null;
323
+ isVisible: boolean;
324
+ data: any;
325
+ events: {
326
+ onHover?: ((store: import('..').IDnDStore) => void) | undefined;
327
+ onLeave?: ((store: import('..').IDnDStore) => void) | undefined;
328
+ onEnd?: ((store: import('..').IDnDStore) => void) | undefined;
329
+ };
330
+ }[], import('..').IDraggingElement[] | {
331
+ initialHTML: string;
332
+ initialRect?: {
333
+ height: number;
334
+ width: number;
335
+ x: number;
336
+ y: number;
337
+ readonly bottom: number;
338
+ readonly left: number;
339
+ readonly right: number;
340
+ readonly top: number;
341
+ toJSON: () => any;
342
+ } | undefined;
343
+ node: Element | HTMLElement | null;
344
+ groups: string[];
345
+ layer: import('vue').FunctionalComponent<any, {}, any, {}> | {
346
+ new (...args: any[]): any;
347
+ __isFragment?: undefined;
348
+ __isTeleport?: undefined;
349
+ __isSuspense?: undefined;
350
+ } | {
351
+ [x: string]: any;
352
+ setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
353
+ attrs: {
354
+ [x: string]: unknown;
355
+ };
356
+ slots: Readonly<{
357
+ [name: string]: import('vue').Slot<any> | undefined;
358
+ }>;
359
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
360
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
361
+ }) => any) | undefined;
362
+ name?: string | undefined;
363
+ template?: string | object | undefined;
364
+ render?: Function | undefined;
365
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
366
+ directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
367
+ inheritAttrs?: boolean | undefined;
368
+ emits?: any;
369
+ slots?: {} | undefined;
370
+ expose?: string[] | undefined;
371
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
372
+ compilerOptions?: {
373
+ isCustomElement?: ((tag: string) => boolean) | undefined;
374
+ whitespace?: "preserve" | "condense" | undefined;
375
+ comments?: boolean | undefined;
376
+ delimiters?: [string, string] | undefined;
377
+ } | undefined;
378
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
379
+ __isFragment?: undefined;
380
+ __isTeleport?: undefined;
381
+ __isSuspense?: undefined;
382
+ __defaults?: {} | undefined;
383
+ compatConfig?: {
384
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
385
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
386
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
387
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
388
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
389
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
390
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
391
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
392
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
393
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
394
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
395
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
396
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
397
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
398
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
399
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
400
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
401
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
402
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
403
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
404
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
405
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
406
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
407
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
408
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
409
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
410
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
411
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
412
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
413
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
414
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
415
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
416
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
417
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
418
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
419
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
420
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
421
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
422
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
423
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
424
+ FILTERS?: boolean | "suppress-warning" | undefined;
425
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
426
+ MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
427
+ } | undefined;
428
+ data?: ((this: any, vm: any) => any) | undefined;
429
+ computed?: import('vue').ComputedOptions | undefined;
430
+ methods?: import('vue').MethodOptions | undefined;
431
+ watch?: {
432
+ [x: string]: (string | import('vue').WatchCallback<any, any> | ({
433
+ handler: string | import('vue').WatchCallback<any, any>;
434
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
435
+ handler: string | import('vue').WatchCallback<any, any>;
436
+ } & import('vue').WatchOptions<boolean>))[];
437
+ } | undefined;
438
+ provide?: import('vue').ComponentProvideOptions | undefined;
439
+ inject?: {} | string[] | undefined;
440
+ filters?: Record<string, Function> | undefined;
441
+ mixins?: any[] | undefined;
442
+ extends?: any;
443
+ beforeCreate?: (() => void) | undefined;
444
+ created?: (() => void) | undefined;
445
+ beforeMount?: (() => void) | undefined;
446
+ mounted?: (() => void) | undefined;
447
+ beforeUpdate?: (() => void) | undefined;
448
+ updated?: (() => void) | undefined;
449
+ activated?: (() => void) | undefined;
450
+ deactivated?: (() => void) | undefined;
451
+ beforeDestroy?: (() => void) | undefined;
452
+ beforeUnmount?: (() => void) | undefined;
453
+ destroyed?: (() => void) | undefined;
454
+ unmounted?: (() => void) | undefined;
455
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
456
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
457
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
458
+ delimiters?: [string, string] | undefined;
459
+ __differentiator?: string | number | symbol | undefined;
460
+ __isBuiltIn?: boolean | undefined;
461
+ __file?: string | undefined;
462
+ __name?: string | undefined;
463
+ } | null;
464
+ defaultLayer: import('vue').FunctionalComponent<any, {}, any, {}> | {
465
+ new (...args: any[]): any;
466
+ __isFragment?: undefined;
467
+ __isTeleport?: undefined;
468
+ __isSuspense?: undefined;
469
+ } | {
470
+ [x: string]: any;
471
+ setup?: ((this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
472
+ attrs: {
473
+ [x: string]: unknown;
474
+ };
475
+ slots: Readonly<{
476
+ [name: string]: import('vue').Slot<any> | undefined;
477
+ }>;
478
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
479
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
480
+ }) => any) | undefined;
481
+ name?: string | undefined;
482
+ template?: string | object | undefined;
483
+ render?: Function | undefined;
484
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>> | undefined;
485
+ directives?: Record<string, import('vue').Directive<any, any, string, string>> | undefined;
486
+ inheritAttrs?: boolean | undefined;
487
+ emits?: any;
488
+ slots?: {} | undefined;
489
+ expose?: string[] | undefined;
490
+ serverPrefetch?: (() => void | Promise<any>) | undefined;
491
+ compilerOptions?: {
492
+ isCustomElement?: ((tag: string) => boolean) | undefined;
493
+ whitespace?: "preserve" | "condense" | undefined;
494
+ comments?: boolean | undefined;
495
+ delimiters?: [string, string] | undefined;
496
+ } | undefined;
497
+ call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
498
+ __isFragment?: undefined;
499
+ __isTeleport?: undefined;
500
+ __isSuspense?: undefined;
501
+ __defaults?: {} | undefined;
502
+ compatConfig?: {
503
+ GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
504
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
505
+ GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
506
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
507
+ GLOBAL_SET?: boolean | "suppress-warning" | undefined;
508
+ GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
509
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
510
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
511
+ CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
512
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
513
+ CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
514
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
515
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
516
+ CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
517
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
518
+ INSTANCE_SET?: boolean | "suppress-warning" | undefined;
519
+ INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
520
+ INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
521
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
522
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
523
+ INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
524
+ INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
525
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
526
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
527
+ OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
528
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
529
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
530
+ OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
531
+ WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
532
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
533
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
534
+ CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
535
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
536
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
537
+ TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
538
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
539
+ COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
540
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
541
+ COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
542
+ RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
543
+ FILTERS?: boolean | "suppress-warning" | undefined;
544
+ PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
545
+ MODE?: 2 | 3 | ((comp: import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any> | null) => 2 | 3) | undefined;
546
+ } | undefined;
547
+ data?: ((this: any, vm: any) => any) | undefined;
548
+ computed?: import('vue').ComputedOptions | undefined;
549
+ methods?: import('vue').MethodOptions | undefined;
550
+ watch?: {
551
+ [x: string]: (string | import('vue').WatchCallback<any, any> | ({
552
+ handler: string | import('vue').WatchCallback<any, any>;
553
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback<any, any> | ({
554
+ handler: string | import('vue').WatchCallback<any, any>;
555
+ } & import('vue').WatchOptions<boolean>))[];
556
+ } | undefined;
557
+ provide?: import('vue').ComponentProvideOptions | undefined;
558
+ inject?: {} | string[] | undefined;
559
+ filters?: Record<string, Function> | undefined;
560
+ mixins?: any[] | undefined;
561
+ extends?: any;
562
+ beforeCreate?: (() => void) | undefined;
563
+ created?: (() => void) | undefined;
564
+ beforeMount?: (() => void) | undefined;
565
+ mounted?: (() => void) | undefined;
566
+ beforeUpdate?: (() => void) | undefined;
567
+ updated?: (() => void) | undefined;
568
+ activated?: (() => void) | undefined;
569
+ deactivated?: (() => void) | undefined;
570
+ beforeDestroy?: (() => void) | undefined;
571
+ beforeUnmount?: (() => void) | undefined;
572
+ destroyed?: (() => void) | undefined;
573
+ unmounted?: (() => void) | undefined;
574
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | undefined;
575
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | undefined;
576
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
577
+ delimiters?: [string, string] | undefined;
578
+ __differentiator?: string | number | symbol | undefined;
579
+ __isBuiltIn?: boolean | undefined;
580
+ __file?: string | undefined;
581
+ __name?: string | undefined;
582
+ } | null;
583
+ isVisible: boolean;
584
+ data: any;
585
+ events: {
586
+ onHover?: ((store: import('..').IDnDStore) => void) | undefined;
587
+ onLeave?: ((store: import('..').IDnDStore) => void) | undefined;
588
+ onEnd?: ((store: import('..').IDnDStore) => void) | undefined;
589
+ };
590
+ }[]>;
591
+ pointerPosition: {
592
+ current: import('vue').Ref<{
593
+ x: number;
594
+ y: number;
595
+ } | null, import('..').IPoint | {
596
+ x: number;
597
+ y: number;
598
+ } | null>;
599
+ start: import('vue').Ref<{
600
+ x: number;
601
+ y: number;
602
+ } | null, import('..').IPoint | {
603
+ x: number;
604
+ y: number;
605
+ } | null>;
606
+ offset: {
607
+ percent: import('vue').Ref<{
608
+ x: number;
609
+ y: number;
610
+ } | null, import('..').IPoint | {
611
+ x: number;
612
+ y: number;
613
+ } | null>;
614
+ pixel: import('vue').Ref<{
615
+ x: number;
616
+ y: number;
617
+ } | null, import('..').IPoint | {
618
+ x: number;
619
+ y: number;
620
+ } | null>;
621
+ };
622
+ };
623
+ isDragging: import('vue').ComputedRef<boolean>;
73
624
  };
package/dist/composables/useDraggable.d.ts CHANGED
@@ -41,7 +41,38 @@ import { IUseDragOptions } from "../types";
41
41
  * ```
42
42
  */
43
43
  export declare const useDraggable: (options?: IUseDragOptions) => {
44
- pointerPosition: import('../types').IPointerPosition;
44
+ pointerPosition: {
45
+ current: import('vue').Ref<{
46
+ x: number;
47
+ y: number;
48
+ } | null, import('../types').IPoint | {
49
+ x: number;
50
+ y: number;
51
+ } | null>;
52
+ start: import('vue').Ref<{
53
+ x: number;
54
+ y: number;
55
+ } | null, import('../types').IPoint | {
56
+ x: number;
57
+ y: number;
58
+ } | null>;
59
+ offset: {
60
+ percent: import('vue').Ref<{
61
+ x: number;
62
+ y: number;
63
+ } | null, import('../types').IPoint | {
64
+ x: number;
65
+ y: number;
66
+ } | null>;
67
+ pixel: import('vue').Ref<{
68
+ x: number;
69
+ y: number;
70
+ } | null, import('../types').IPoint | {
71
+ x: number;
72
+ y: number;
73
+ } | null>;
74
+ };
75
+ };
45
76
  elementRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
46
77
  isDragging: import('vue').ComputedRef<boolean>;
47
78
  isOvered: import('vue').ComputedRef<boolean>;
package/dist/managers/useElementManager.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { ShallowRef } from 'vue';
1
2
  import { IUseDragOptions } from "../types";
2
3
  /**
3
4
  * Hook for managing draggable elements and their interactions.
@@ -14,4 +15,5 @@ export declare const useElementManager: (options?: IUseDragOptions) => {
14
15
  isDragging: import('vue').ComputedRef<boolean>;
15
16
  isOvered: import('vue').ComputedRef<boolean>;
16
17
  isAllowed: import('vue').ComputedRef<boolean>;
18
+ isVisible: ShallowRef<boolean, boolean>;
17
19
  };
package/dist/types/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Component, Ref, ShallowRef } from 'vue';
1
+ import { Component, ComputedRef, Ref, ShallowRef } from 'vue';
2
2
  /** Main drag and drop state store */
3
3
  export interface IDnDStore {
4
4
  /** Flag indicating if dragging is in progress */
@@ -57,6 +57,8 @@ export interface IDragElement {
57
57
  layer: Component | null;
58
58
  /** Default layer component */
59
59
  defaultLayer: Component | null;
60
+ /** Visibility state of the element */
61
+ isVisible: boolean;
60
62
  /** Custom data associated with element */
61
63
  data: any;
62
64
  /** Event handlers */
@@ -68,8 +70,6 @@ export interface IDragElement {
68
70
  /** Called when drag ends */
69
71
  onEnd?: (store: IDnDStore) => void;
70
72
  };
71
-
72
- isVisible: boolean;
73
73
  }
74
74
 
75
75
  /** Element being dragged */