@vue-dnd-kit/core 1.1.6 → 1.1.8

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 (6) hide show
  1. package/dist/index.d.ts +2 -509
  2. package/dist/vue-dnd-kit-core.cjs.js +1 -1
  3. package/dist/vue-dnd-kit-core.cjs.js.map +1 -1
  4. package/dist/vue-dnd-kit-core.es.js +458 -415
  5. package/dist/vue-dnd-kit-core.es.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1333,515 +1333,7 @@ export declare const useDnDStore: () => {
1333
1333
  onMove?: ((store: IDnDStore_2) => void) | undefined;
1334
1334
  };
1335
1335
  }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>)>;
1336
- selectedElementsMap: Ref<Map<HTMLElement | Element, {
1337
- id: string | number;
1338
- node: HTMLElement | Element | null;
1339
- groups: string[];
1340
- layer: FunctionalComponent<any, {}, any, {}> | {
1341
- new (...args: any[]): any;
1342
- __isFragment?: undefined;
1343
- __isTeleport?: undefined;
1344
- __isSuspense?: undefined;
1345
- } | {
1346
- [x: string]: any;
1347
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
1348
- attrs: {
1349
- [x: string]: unknown;
1350
- };
1351
- slots: Readonly<{
1352
- [name: string]: Slot<any> | undefined;
1353
- }>;
1354
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
1355
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
1356
- }) => any) | undefined;
1357
- name?: string | undefined;
1358
- template?: string | object | undefined;
1359
- render?: Function | undefined;
1360
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
1361
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
1362
- inheritAttrs?: boolean | undefined;
1363
- emits?: any;
1364
- slots?: {} | undefined;
1365
- expose?: string[] | undefined;
1366
- serverPrefetch?: (() => void | Promise<any>) | undefined;
1367
- compilerOptions?: {
1368
- isCustomElement?: ((tag: string) => boolean) | undefined;
1369
- whitespace?: "preserve" | "condense" | undefined;
1370
- comments?: boolean | undefined;
1371
- delimiters?: [string, string] | undefined;
1372
- } | undefined;
1373
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
1374
- __isFragment?: undefined;
1375
- __isTeleport?: undefined;
1376
- __isSuspense?: undefined;
1377
- __defaults?: {} | undefined;
1378
- compatConfig?: {
1379
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
1380
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
1381
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
1382
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
1383
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
1384
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
1385
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
1386
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
1387
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
1388
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
1389
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
1390
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
1391
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
1392
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
1393
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
1394
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
1395
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
1396
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
1397
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
1398
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
1399
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
1400
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
1401
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
1402
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
1403
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
1404
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
1405
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
1406
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
1407
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
1408
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
1409
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
1410
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
1411
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
1412
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
1413
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
1414
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
1415
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
1416
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
1417
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
1418
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
1419
- FILTERS?: boolean | "suppress-warning" | undefined;
1420
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
1421
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
1422
- } | undefined;
1423
- data?: ((this: any, vm: any) => any) | undefined;
1424
- computed?: ComputedOptions | undefined;
1425
- methods?: MethodOptions | undefined;
1426
- watch?: {
1427
- [x: string]: (string | WatchCallback<any, any> | ({
1428
- handler: string | WatchCallback<any, any>;
1429
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
1430
- handler: string | WatchCallback<any, any>;
1431
- } & WatchOptions<boolean>))[];
1432
- } | undefined;
1433
- provide?: ComponentProvideOptions | undefined;
1434
- inject?: {} | string[] | undefined;
1435
- filters?: Record<string, Function> | undefined;
1436
- mixins?: any[] | undefined;
1437
- extends?: any;
1438
- beforeCreate?: (() => void) | undefined;
1439
- created?: (() => void) | undefined;
1440
- beforeMount?: (() => void) | undefined;
1441
- mounted?: (() => void) | undefined;
1442
- beforeUpdate?: (() => void) | undefined;
1443
- updated?: (() => void) | undefined;
1444
- activated?: (() => void) | undefined;
1445
- deactivated?: (() => void) | undefined;
1446
- beforeDestroy?: (() => void) | undefined;
1447
- beforeUnmount?: (() => void) | undefined;
1448
- destroyed?: (() => void) | undefined;
1449
- unmounted?: (() => void) | undefined;
1450
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
1451
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
1452
- errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
1453
- delimiters?: [string, string] | undefined;
1454
- __differentiator?: string | number | symbol | undefined;
1455
- __isBuiltIn?: boolean | undefined;
1456
- __file?: string | undefined;
1457
- __name?: string | undefined;
1458
- } | null;
1459
- defaultLayer: FunctionalComponent<any, {}, any, {}> | {
1460
- new (...args: any[]): any;
1461
- __isFragment?: undefined;
1462
- __isTeleport?: undefined;
1463
- __isSuspense?: undefined;
1464
- } | {
1465
- [x: string]: any;
1466
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
1467
- attrs: {
1468
- [x: string]: unknown;
1469
- };
1470
- slots: Readonly<{
1471
- [name: string]: Slot<any> | undefined;
1472
- }>;
1473
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
1474
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
1475
- }) => any) | undefined;
1476
- name?: string | undefined;
1477
- template?: string | object | undefined;
1478
- render?: Function | undefined;
1479
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
1480
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
1481
- inheritAttrs?: boolean | undefined;
1482
- emits?: any;
1483
- slots?: {} | undefined;
1484
- expose?: string[] | undefined;
1485
- serverPrefetch?: (() => void | Promise<any>) | undefined;
1486
- compilerOptions?: {
1487
- isCustomElement?: ((tag: string) => boolean) | undefined;
1488
- whitespace?: "preserve" | "condense" | undefined;
1489
- comments?: boolean | undefined;
1490
- delimiters?: [string, string] | undefined;
1491
- } | undefined;
1492
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
1493
- __isFragment?: undefined;
1494
- __isTeleport?: undefined;
1495
- __isSuspense?: undefined;
1496
- __defaults?: {} | undefined;
1497
- compatConfig?: {
1498
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
1499
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
1500
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
1501
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
1502
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
1503
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
1504
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
1505
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
1506
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
1507
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
1508
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
1509
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
1510
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
1511
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
1512
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
1513
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
1514
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
1515
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
1516
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
1517
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
1518
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
1519
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
1520
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
1521
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
1522
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
1523
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
1524
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
1525
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
1526
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
1527
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
1528
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
1529
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
1530
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
1531
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
1532
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
1533
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
1534
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
1535
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
1536
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
1537
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
1538
- FILTERS?: boolean | "suppress-warning" | undefined;
1539
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
1540
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
1541
- } | undefined;
1542
- data?: ((this: any, vm: any) => any) | undefined;
1543
- computed?: ComputedOptions | undefined;
1544
- methods?: MethodOptions | undefined;
1545
- watch?: {
1546
- [x: string]: (string | WatchCallback<any, any> | ({
1547
- handler: string | WatchCallback<any, any>;
1548
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
1549
- handler: string | WatchCallback<any, any>;
1550
- } & WatchOptions<boolean>))[];
1551
- } | undefined;
1552
- provide?: ComponentProvideOptions | undefined;
1553
- inject?: {} | string[] | undefined;
1554
- filters?: Record<string, Function> | undefined;
1555
- mixins?: any[] | undefined;
1556
- extends?: any;
1557
- beforeCreate?: (() => void) | undefined;
1558
- created?: (() => void) | undefined;
1559
- beforeMount?: (() => void) | undefined;
1560
- mounted?: (() => void) | undefined;
1561
- beforeUpdate?: (() => void) | undefined;
1562
- updated?: (() => void) | undefined;
1563
- activated?: (() => void) | undefined;
1564
- deactivated?: (() => void) | undefined;
1565
- beforeDestroy?: (() => void) | undefined;
1566
- beforeUnmount?: (() => void) | undefined;
1567
- destroyed?: (() => void) | undefined;
1568
- unmounted?: (() => void) | undefined;
1569
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
1570
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
1571
- errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
1572
- delimiters?: [string, string] | undefined;
1573
- __differentiator?: string | number | symbol | undefined;
1574
- __isBuiltIn?: boolean | undefined;
1575
- __file?: string | undefined;
1576
- __name?: string | undefined;
1577
- } | null;
1578
- data: {
1579
- [x: string]: any;
1580
- source?: any[] | undefined;
1581
- index?: number | undefined;
1582
- } | null;
1583
- events: {
1584
- onHover?: ((store: IDnDStore_2) => void) | undefined;
1585
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
1586
- onEnd?: ((store: IDnDStore_2) => void) | undefined;
1587
- onStart?: ((store: IDnDStore_2) => void) | undefined;
1588
- onMove?: ((store: IDnDStore_2) => void) | undefined;
1589
- };
1590
- }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>, Map<HTMLElement | Element, IDragElement_2> | (Map<HTMLElement | Element, {
1591
- id: string | number;
1592
- node: HTMLElement | Element | null;
1593
- groups: string[];
1594
- layer: FunctionalComponent<any, {}, any, {}> | {
1595
- new (...args: any[]): any;
1596
- __isFragment?: undefined;
1597
- __isTeleport?: undefined;
1598
- __isSuspense?: undefined;
1599
- } | {
1600
- [x: string]: any;
1601
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
1602
- attrs: {
1603
- [x: string]: unknown;
1604
- };
1605
- slots: Readonly<{
1606
- [name: string]: Slot<any> | undefined;
1607
- }>;
1608
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
1609
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
1610
- }) => any) | undefined;
1611
- name?: string | undefined;
1612
- template?: string | object | undefined;
1613
- render?: Function | undefined;
1614
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
1615
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
1616
- inheritAttrs?: boolean | undefined;
1617
- emits?: any;
1618
- slots?: {} | undefined;
1619
- expose?: string[] | undefined;
1620
- serverPrefetch?: (() => void | Promise<any>) | undefined;
1621
- compilerOptions?: {
1622
- isCustomElement?: ((tag: string) => boolean) | undefined;
1623
- whitespace?: "preserve" | "condense" | undefined;
1624
- comments?: boolean | undefined;
1625
- delimiters?: [string, string] | undefined;
1626
- } | undefined;
1627
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
1628
- __isFragment?: undefined;
1629
- __isTeleport?: undefined;
1630
- __isSuspense?: undefined;
1631
- __defaults?: {} | undefined;
1632
- compatConfig?: {
1633
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
1634
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
1635
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
1636
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
1637
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
1638
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
1639
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
1640
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
1641
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
1642
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
1643
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
1644
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
1645
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
1646
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
1647
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
1648
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
1649
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
1650
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
1651
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
1652
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
1653
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
1654
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
1655
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
1656
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
1657
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
1658
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
1659
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
1660
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
1661
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
1662
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
1663
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
1664
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
1665
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
1666
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
1667
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
1668
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
1669
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
1670
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
1671
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
1672
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
1673
- FILTERS?: boolean | "suppress-warning" | undefined;
1674
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
1675
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
1676
- } | undefined;
1677
- data?: ((this: any, vm: any) => any) | undefined;
1678
- computed?: ComputedOptions | undefined;
1679
- methods?: MethodOptions | undefined;
1680
- watch?: {
1681
- [x: string]: (string | WatchCallback<any, any> | ({
1682
- handler: string | WatchCallback<any, any>;
1683
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
1684
- handler: string | WatchCallback<any, any>;
1685
- } & WatchOptions<boolean>))[];
1686
- } | undefined;
1687
- provide?: ComponentProvideOptions | undefined;
1688
- inject?: {} | string[] | undefined;
1689
- filters?: Record<string, Function> | undefined;
1690
- mixins?: any[] | undefined;
1691
- extends?: any;
1692
- beforeCreate?: (() => void) | undefined;
1693
- created?: (() => void) | undefined;
1694
- beforeMount?: (() => void) | undefined;
1695
- mounted?: (() => void) | undefined;
1696
- beforeUpdate?: (() => void) | undefined;
1697
- updated?: (() => void) | undefined;
1698
- activated?: (() => void) | undefined;
1699
- deactivated?: (() => void) | undefined;
1700
- beforeDestroy?: (() => void) | undefined;
1701
- beforeUnmount?: (() => void) | undefined;
1702
- destroyed?: (() => void) | undefined;
1703
- unmounted?: (() => void) | undefined;
1704
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
1705
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
1706
- errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
1707
- delimiters?: [string, string] | undefined;
1708
- __differentiator?: string | number | symbol | undefined;
1709
- __isBuiltIn?: boolean | undefined;
1710
- __file?: string | undefined;
1711
- __name?: string | undefined;
1712
- } | null;
1713
- defaultLayer: FunctionalComponent<any, {}, any, {}> | {
1714
- new (...args: any[]): any;
1715
- __isFragment?: undefined;
1716
- __isTeleport?: undefined;
1717
- __isSuspense?: undefined;
1718
- } | {
1719
- [x: string]: any;
1720
- setup?: ((this: void, props: LooseRequired<any>, ctx: {
1721
- attrs: {
1722
- [x: string]: unknown;
1723
- };
1724
- slots: Readonly<{
1725
- [name: string]: Slot<any> | undefined;
1726
- }>;
1727
- emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
1728
- expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed | undefined) => void;
1729
- }) => any) | undefined;
1730
- name?: string | undefined;
1731
- template?: string | object | undefined;
1732
- render?: Function | undefined;
1733
- components?: Record<string, Component<any, any, any, ComputedOptions, MethodOptions, {}, any>> | undefined;
1734
- directives?: Record<string, Directive<any, any, string, string>> | undefined;
1735
- inheritAttrs?: boolean | undefined;
1736
- emits?: any;
1737
- slots?: {} | undefined;
1738
- expose?: string[] | undefined;
1739
- serverPrefetch?: (() => void | Promise<any>) | undefined;
1740
- compilerOptions?: {
1741
- isCustomElement?: ((tag: string) => boolean) | undefined;
1742
- whitespace?: "preserve" | "condense" | undefined;
1743
- comments?: boolean | undefined;
1744
- delimiters?: [string, string] | undefined;
1745
- } | undefined;
1746
- call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
1747
- __isFragment?: undefined;
1748
- __isTeleport?: undefined;
1749
- __isSuspense?: undefined;
1750
- __defaults?: {} | undefined;
1751
- compatConfig?: {
1752
- GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
1753
- GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
1754
- GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
1755
- GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
1756
- GLOBAL_SET?: boolean | "suppress-warning" | undefined;
1757
- GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
1758
- GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
1759
- GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
1760
- CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
1761
- CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
1762
- CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
1763
- CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
1764
- CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
1765
- CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
1766
- CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
1767
- INSTANCE_SET?: boolean | "suppress-warning" | undefined;
1768
- INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
1769
- INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
1770
- INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
1771
- INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
1772
- INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
1773
- INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
1774
- INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
1775
- INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
1776
- OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
1777
- OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
1778
- OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
1779
- OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
1780
- WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
1781
- PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
1782
- V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
1783
- CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
1784
- ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
1785
- ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
1786
- TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
1787
- TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
1788
- COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
1789
- COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
1790
- COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
1791
- RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
1792
- FILTERS?: boolean | "suppress-warning" | undefined;
1793
- PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
1794
- MODE?: 2 | 3 | ((comp: Component<any, any, any, ComputedOptions, MethodOptions, {}, any> | null) => 2 | 3) | undefined;
1795
- } | undefined;
1796
- data?: ((this: any, vm: any) => any) | undefined;
1797
- computed?: ComputedOptions | undefined;
1798
- methods?: MethodOptions | undefined;
1799
- watch?: {
1800
- [x: string]: (string | WatchCallback<any, any> | ({
1801
- handler: string | WatchCallback<any, any>;
1802
- } & WatchOptions<boolean>)) | (string | WatchCallback<any, any> | ({
1803
- handler: string | WatchCallback<any, any>;
1804
- } & WatchOptions<boolean>))[];
1805
- } | undefined;
1806
- provide?: ComponentProvideOptions | undefined;
1807
- inject?: {} | string[] | undefined;
1808
- filters?: Record<string, Function> | undefined;
1809
- mixins?: any[] | undefined;
1810
- extends?: any;
1811
- beforeCreate?: (() => void) | undefined;
1812
- created?: (() => void) | undefined;
1813
- beforeMount?: (() => void) | undefined;
1814
- mounted?: (() => void) | undefined;
1815
- beforeUpdate?: (() => void) | undefined;
1816
- updated?: (() => void) | undefined;
1817
- activated?: (() => void) | undefined;
1818
- deactivated?: (() => void) | undefined;
1819
- beforeDestroy?: (() => void) | undefined;
1820
- beforeUnmount?: (() => void) | undefined;
1821
- destroyed?: (() => void) | undefined;
1822
- unmounted?: (() => void) | undefined;
1823
- renderTracked?: ((e: DebuggerEvent) => void) | undefined;
1824
- renderTriggered?: ((e: DebuggerEvent) => void) | undefined;
1825
- errorCaptured?: ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | undefined;
1826
- delimiters?: [string, string] | undefined;
1827
- __differentiator?: string | number | symbol | undefined;
1828
- __isBuiltIn?: boolean | undefined;
1829
- __file?: string | undefined;
1830
- __name?: string | undefined;
1831
- } | null;
1832
- data: {
1833
- [x: string]: any;
1834
- source?: any[] | undefined;
1835
- index?: number | undefined;
1836
- } | null;
1837
- events: {
1838
- onHover?: ((store: IDnDStore_2) => void) | undefined;
1839
- onLeave?: ((store: IDnDStore_2) => void) | undefined;
1840
- onEnd?: ((store: IDnDStore_2) => void) | undefined;
1841
- onStart?: ((store: IDnDStore_2) => void) | undefined;
1842
- onMove?: ((store: IDnDStore_2) => void) | undefined;
1843
- };
1844
- }> & Omit<Map<HTMLElement | Element, IDragElement_2>, keyof Map<any, any>>)>;
1336
+ selectedElements: Ref<Set<HTMLElement | Element> & Omit<Set<HTMLElement | Element>, keyof Set<any>>, Set<HTMLElement | Element> | (Set<HTMLElement | Element> & Omit<Set<HTMLElement | Element>, keyof Set<any>>)>;
1845
1337
  zonesMap: Ref<Map<HTMLElement | Element, {
1846
1338
  node: HTMLElement | Element | null;
1847
1339
  groups: string[];
@@ -2486,5 +1978,6 @@ declare module '@vue/runtime-core' {
2486
1978
  container: HTMLElement;
2487
1979
  vnode: any;
2488
1980
  };
1981
+ __VUE_DND_KIT_STORE__?: ReturnType<typeof useDnDStore>;
2489
1982
  }
2490
1983
  }
package/dist/vue-dnd-kit-core.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var ee=Object.defineProperty;var te=(n,e,t)=>e in n?ee(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var C=(n,e,t)=>te(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("vue"),H=require("@vueuse/core"),y=class y{};C(y,"remove",(e,t)=>{if(!e||t===void 0)return;const[r]=e.splice(t,1);return r}),C(y,"insert",(e,t,r)=>{!e||t===void 0||e.splice(t,0,r)}),C(y,"move",(e,t,r,a)=>{if(!e||!r||t===void 0||a===void 0)return;const s=y.remove(e,t);y.insert(r,a,s)}),C(y,"swap",(e,t,r,a)=>{if(!e||!r||t===void 0||a===void 0)return;const s=e[t],l=r[a];e[t]=l,r[a]=s}),C(y,"copy",(e,t,r,a)=>{if(!e||t===void 0||!r||a===void 0)return;const s=e[t];y.insert(r,a,s)}),C(y,"applyTransfer",e=>{const t=e.hovered.element.value,r=e.hovered.zone.value;t?e.draggingElements.value.forEach(a=>{var s,l,v,o,u,i;return y.move((s=a.data)==null?void 0:s.source,(l=a.data)==null?void 0:l.index,(o=(v=e.elementsMap.value.get(t))==null?void 0:v.data)==null?void 0:o.source,(i=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:i.index)}):r&&e.draggingElements.value.forEach(a=>{var s,l,v,o,u,i,f;return y.move((s=a.data)==null?void 0:s.source,(l=a.data)==null?void 0:l.index,(o=(v=e.zonesMap.value.get(r))==null?void 0:v.data)==null?void 0:o.source,(f=(i=(u=e.zonesMap.value.get(r))==null?void 0:u.data)==null?void 0:i.source)==null?void 0:f.length)})}),C(y,"applyCopy",e=>{const t=e.hovered.element.value,r=e.hovered.zone.value;t?e.draggingElements.value.forEach(a=>{var s,l,v,o,u,i;return y.copy((s=a.data)==null?void 0:s.source,(l=a.data)==null?void 0:l.index,(o=(v=e.elementsMap.value.get(t))==null?void 0:v.data)==null?void 0:o.source,(i=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:i.index)}):r&&e.draggingElements.value.forEach(a=>{var s,l,v,o,u,i,f;return y.copy((s=a.data)==null?void 0:s.source,(l=a.data)==null?void 0:l.index,(o=(v=e.zonesMap.value.get(r))==null?void 0:v.data)==null?void 0:o.source,(f=(i=(u=e.zonesMap.value.get(r))==null?void 0:u.data)==null?void 0:i.source)==null?void 0:f.length)})}),C(y,"applySwap",e=>{var a,s,l,v,o,u;const t=e.hovered.element.value,r=e.hovered.zone.value;if(t&&e.draggingElements.value.size===1){const i=e.draggingElements.value.values().next().value;y.swap((a=i==null?void 0:i.data)==null?void 0:a.source,(s=i==null?void 0:i.data)==null?void 0:s.index,(v=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:v.source,(u=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:u.index)}else r&&e.draggingElements.value.forEach(i=>{var f,d,g,h,p,L,P;return y.move((f=i.data)==null?void 0:f.source,(d=i.data)==null?void 0:d.index,(h=(g=e.zonesMap.value.get(r))==null?void 0:g.data)==null?void 0:h.source,(P=(L=(p=e.zonesMap.value.get(r))==null?void 0:p.data)==null?void 0:L.source)==null?void 0:P.length)})}),C(y,"applyRemove",e=>{e.draggingElements.value.forEach(t=>{var r,a;(r=t.data)!=null&&r.source&&((a=t.data)==null?void 0:a.index)!==void 0&&y.remove(t.data.source,t.data.index)})}),C(y,"applyInsert",(e,t)=>{const r=e.hovered.element.value,a=e.hovered.zone.value;r&&t.length>0?t.forEach(s=>{var l,v,o,u;y.insert((v=(l=e.elementsMap.value.get(r))==null?void 0:l.data)==null?void 0:v.source,(u=(o=e.elementsMap.value.get(r))==null?void 0:o.data)==null?void 0:u.index,s)}):a&&t.forEach(s=>{var l,v,o,u,i;y.insert((v=(l=e.zonesMap.value.get(a))==null?void 0:l.data)==null?void 0:v.source,(i=(u=(o=e.zonesMap.value.get(a))==null?void 0:o.data)==null?void 0:u.source)==null?void 0:i.length,s)})});let X=y;const A=H.createGlobalState(()=>{const n=c.ref(new Map),e=c.computed(()=>n.value.size>0),t={component:c.ref(null),ref:c.shallowRef(null)},r=c.ref(new Map),a=c.ref(new Map),s=c.ref(new Map),l=c.ref(new Set),v=c.ref(new Set),o=new IntersectionObserver(K=>{K.forEach(m=>v.value[m.isIntersecting?"add":"delete"](m.target))}),u=new IntersectionObserver(K=>{K.forEach(m=>l.value[m.isIntersecting?"add":"delete"](m.target))}),i=(K,m)=>{K==="add"?o.observe(m):(o.unobserve(m),v.value.delete(m))},f=(K,m)=>{K==="add"?u.observe(m):(u.unobserve(m),l.value.delete(m))},d={start:c.shallowRef(null),current:c.shallowRef(null),offset:{percent:c.shallowRef(null),pixel:c.shallowRef(null)}},{w:g,s:h,a:p,d:L,ctrl:P,shift:_,alt:x,meta:Z}=H.useMagicKeys(),Y={zone:c.shallowRef(null),element:c.shallowRef(null)};return{draggingElements:n,isDragging:e,activeContainer:t,elementsMap:r,selectedElementsMap:a,zonesMap:s,visibleZones:l,visibleElements:v,pointerPosition:d,keyboard:{w:g,s:h,a:p,d:L,ctrl:P,shift:_,alt:x,meta:Z},hovered:Y,handleDragElementIntersection:i,handleDropZoneIntersection:f}}),W=()=>{const n=c.ref(null),{draggingElements:e,pointerPosition:t,isDragging:r,activeContainer:a}=A();return c.onMounted(()=>{a.ref=n}),c.onBeforeUnmount(()=>{a.ref.value=null}),{elementRef:n,draggingElements:e,pointerPosition:t,isDragging:r}},ne=["innerHTML"],re=c.defineComponent({__name:"DefaultOverlay",setup(n){const{elementRef:e,pointerPosition:t,isDragging:r,draggingElements:a}=W(),s=c.computed(()=>{var l,v,o,u;return{transform:`translate3d(${(((l=t.current.value)==null?void 0:l.x)??0)-(((v=t.offset.pixel.value)==null?void 0:v.x)??0)}px, ${(((o=t.current.value)==null?void 0:o.y)??0)-(((u=t.offset.pixel.value)==null?void 0:u.y)??0)}px, 0)`,zIndex:1e3,position:"fixed",top:0,left:0,transition:"0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"}});return(l,v)=>c.unref(r)?(c.openBlock(),c.createElementBlock("div",{key:0,ref_key:"elementRef",ref:e,style:c.normalizeStyle(s.value)},[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(c.unref(a),([o,u])=>{var i,f;return c.openBlock(),c.createElementBlock("div",{key:u.id,innerHTML:u.initialHTML,style:c.normalizeStyle({width:`${(i=u.initialRect)==null?void 0:i.width}px`,height:`${(f=u.initialRect)==null?void 0:f.height}px`})},null,12,ne)}),128))],4)):c.createCommentVNode("",!0)}}),$=c.defineComponent({__name:"DragOverlay",setup(n){const{activeContainer:e}=A(),t=c.computed(()=>e.component.value??re);return(r,a)=>(c.openBlock(),c.createBlock(c.resolveDynamicComponent(t.value)))}}),ae={install(n){n.component("DragOverlay",$);const e=n.mount;n.mount=function(r){const a=e.call(this,r),s=typeof r=="string"?document.querySelector(r):r;if(s&&s instanceof Element&&!s.querySelector("#vue-dnd-kit-overlay")){const l=document.createElement("div");l.id="vue-dnd-kit-overlay",l.style.pointerEvents="none",s.appendChild(l);const v=c.createVNode($);c.render(v,l),n.__VUE_DND_KIT_OVERLAY__={container:l,vnode:v}}return a};const t=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(c.render(null,n.__VUE_DND_KIT_OVERLAY__.container),delete n.__VUE_DND_KIT_OVERLAY__),t.call(this)}}},G=(n,e)=>n.x<e.x+e.width&&n.x+n.width>e.x&&n.y<e.y+e.height&&n.y+n.height>e.y,T=n=>{if(!n)return{x:0,y:0,width:0,height:0,bottom:0,left:0,right:0,top:0};const e=n.getBoundingClientRect();return{bottom:e.bottom,left:e.left,right:e.right,top:e.top,x:e.x,y:e.y,width:e.width,height:e.height}},B=n=>({x:n.x+n.width/2,y:n.y+n.height/2}),le=(n,e)=>{const t=T(n);return{pixel:{x:e.x-t.x,y:e.y-t.y},percent:{x:(e.x-t.x)/t.width*100,y:(e.y-t.y)/t.height*100}}},j=(n,e)=>{const t=e.x-n.x,r=e.y-n.y;return Math.sqrt(t*t+r*r)},J=(n,e)=>{const t=Math.max(0,Math.min(n.x+n.width,e.x+e.width)-Math.max(n.x,e.x)),r=Math.max(0,Math.min(n.y+n.height,e.y+e.height)-Math.max(n.y,e.y)),a=t*r,s=n.width*n.height,l=e.width*e.height;return(a/s*100+a/l*100)/2},Q="data-vue-dnd-kit-draggable",D=n=>{n.preventDefault()},oe=n=>{const{elementsMap:e,draggingElements:t,hovered:r,selectedElementsMap:a,isDragging:s,visibleElements:l,handleDragElementIntersection:v}=A(),o=c.ref(null),u=c.computed(()=>l.value.has(o.value)&&r.element.value===o.value),i=c.shallowRef((n==null?void 0:n.id)||c.useId()),f=c.computed(()=>!o.value||!l.value.has(o.value)?!1:t.value.has(o.value)),d=c.computed(()=>{if(!o.value||!s.value||!l.value.has(o.value))return!1;const p=e.value.get(o.value);return p!=null&&p.groups.length?!Array.from(t.value.entries()).some(([L,P])=>P.groups.length?!P.groups.some(_=>p.groups.includes(_)):!1):!0});return{elementRef:o,registerElement:()=>{if(!o.value)throw new Error("ElementRef is not set");e.value.set(o.value,{node:o.value,groups:(n==null?void 0:n.groups)??[],layer:(n==null?void 0:n.layer)??null,defaultLayer:(n==null?void 0:n.layer)??null,events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??null,id:i.value}),v("add",o.value),o.value.addEventListener("dragstart",D),o.value.addEventListener("drag",D),o.value.setAttribute(Q,"true"),o.value.setAttribute("draggable","false")},unregisterElement:()=>{o.value&&(e.value.delete(o.value),a.value.delete(o.value),o.value.removeEventListener("dragstart",D),o.value.removeEventListener("drag",D),o.value.removeAttribute(Q),o.value.removeAttribute("draggable"))},isDragging:f,isOvered:u,isAllowed:d,id:i}},I=(n,e)=>n?e.contains(n):!1,se=n=>{var i,f;const e=T(n.activeContainer.ref.value),t=B(e),r=((i=n.pointerPosition.current.value)==null?void 0:i.x)??0,a=((f=n.pointerPosition.current.value)==null?void 0:f.y)??0,l=!(e&&r>=e.x&&r<=e.x+e.width&&a>=e.y&&a<=e.y+e.height),v=Array.from(n.draggingElements.value.keys()),o=Array.from(n.visibleElements.value.entries()).filter(([d,g])=>{if(!d)return!1;const h=T(d);return h&&e&&G(h,e)}).map(([d,g])=>{const h=T(d),p=B(h),L=r>=h.x&&r<=h.x+h.width&&a>=h.y&&a<=h.y+h.height,P=J(h,e),_=j(t,p);let x=0;for(const[Z,Y]of n.visibleElements.value.entries())Z!==d&&Z&&d&&I(d,Z)&&x++;return{element:g,node:d,isPointerInElement:L,overlapPercent:P,depth:x,centerDistance:_}}).sort((d,g)=>{if(!l){if(d.isPointerInElement&&g.isPointerInElement)return g.depth-d.depth;if(d.isPointerInElement!==g.isPointerInElement)return d.isPointerInElement?-1:1}return Math.abs(d.overlapPercent-g.overlapPercent)<=1?d.centerDistance-g.centerDistance:g.overlapPercent-d.overlapPercent}),u=Array.from(n.visibleZones.value.entries()).filter(([d,g])=>{if(!d||v.some(p=>p&&I(d,p)))return!1;const h=T(d);return h&&e&&G(h,e)}).map(([d,g])=>{const h=T(d),p=B(h),L=r>=h.x&&r<=h.x+h.width&&a>=h.y&&a<=h.y+h.height,P=J(h,e),_=j(t,p);let x=0;for(const[Z,Y]of n.visibleZones.value.entries())Z!==d&&Z&&d&&I(d,Z)&&x++;return{zone:g,node:d,isPointerInElement:L,overlapPercent:P,depth:x,centerDistance:_}}).sort((d,g)=>{if(!l){if(d.isPointerInElement&&g.isPointerInElement)return g.depth-d.depth;if(d.isPointerInElement!==g.isPointerInElement)return d.isPointerInElement?-1:1}return Math.abs(d.overlapPercent-g.overlapPercent)<=1?d.centerDistance-g.centerDistance:g.overlapPercent-d.overlapPercent});return[...o.map(d=>d.node),...u.map(d=>d.node)]},ue=(n,e)=>{const{pointerPosition:t,keyboard:r}=A(),a=(e==null?void 0:e.moveStep)||10;return{onKeyboardStart:o=>{var d;D(o);const u=T(n.value);(d=n.value)==null||d.blur();const i=u.x+u.width/2,f=u.y+u.height/2;t.start.value={x:i,y:f},t.current.value={x:i,y:f},t.offset.pixel.value={x:u.width/2,y:u.height/2},t.offset.percent.value={x:50,y:50}},onKeyboardMove:()=>{if(!t.current.value)return;const o=t.current.value.x,u=t.current.value.y;let i=o,f=u;r.w.value&&(f-=a),r.s.value&&(f+=a),r.a.value&&(i-=a),r.d.value&&(i+=a),t.current.value={x:i,y:f}},onKeyboardEnd:()=>{t.current.value=null,t.start.value=null,t.offset.pixel.value=null,t.offset.percent.value=null}}},ie=n=>{const e=A();return{onPointerStart:s=>{e.pointerPosition.start.value={x:s.clientX,y:s.clientY},e.pointerPosition.current.value={x:s.clientX,y:s.clientY};const{pixel:l,percent:v}=le(n.value,{x:s.clientX,y:s.clientY});e.pointerPosition.offset.pixel.value=l,e.pointerPosition.offset.percent.value=v},onPointerMove:s=>{e.pointerPosition.current.value={x:s.clientX,y:s.clientY}},onPointerEnd:()=>{e.pointerPosition.current.value=null,e.pointerPosition.start.value=null,e.pointerPosition.offset.pixel.value=null,e.pointerPosition.offset.percent.value=null}}},ce=(n,e)=>{var Y,K;const t=A(),{onPointerStart:r,onPointerMove:a,onPointerEnd:s}=ie(n),{onKeyboardStart:l,onKeyboardMove:v,onKeyboardEnd:o}=ue(n,e==null?void 0:e.keyboard);let u=null;const i=m=>{var b,w;if(!m)return new Map;const S=t.selectedElementsMap.value.has(m);if(t.selectedElementsMap.value.size>0&&S){const z=new Map;return Array.from(t.selectedElementsMap.value.entries()).forEach(([k,R])=>{var O,U;z.set(k,{...R,initialHTML:((O=R.node)==null?void 0:O.outerHTML)??"",initialRect:(U=R.node)==null?void 0:U.getBoundingClientRect()})}),z}t.selectedElementsMap.value.clear();const M=t.elementsMap.value.get(m);if(!M)return new Map;const E=new Map;return E.set(m,{...M,initialHTML:((b=M.node)==null?void 0:b.outerHTML)??"",initialRect:(w=M.node)==null?void 0:w.getBoundingClientRect()}),E},f=m=>{if(!m)return{element:null,zone:null};const S=Array.isArray(m)?m:[m],M=Array.from(t.draggingElements.value.keys()),E=S.find(w=>{if(!t.visibleZones.value.has(w))return!1;const z=t.zonesMap.value.get(w);return!(!z||M.some(k=>k&&(k===z.node||I(z.node,k)))||z.groups.length&&!!Array.from(t.draggingElements.value.values()).some(R=>R.groups.length?!R.groups.some(O=>z.groups.includes(O)):!1))});return E?{element:S.find(w=>t.visibleElements.value.has(w)&&t.elementsMap.value.has(w)&&!M.some(z=>z&&(z===w||I(w,z)||I(z,w)))&&(w===E||I(w,E)))||null,zone:E}:{element:null,zone:null}},d=((Y=e==null?void 0:e.sensor)==null?void 0:Y.setup)||se,g=m=>{var E,b,w,z,k,R,O,U,q,N,V,F;const S=t.hovered.element.value,M=t.hovered.zone.value;t.hovered.element.value=m.element,t.hovered.zone.value=m.zone,S&&t.hovered.element.value!==S&&((w=(b=(E=t.elementsMap.value.get(S))==null?void 0:E.events)==null?void 0:b.onLeave)==null||w.call(b,t),t.hovered.element.value&&((R=(k=(z=t.elementsMap.value.get(t.hovered.element.value))==null?void 0:z.events)==null?void 0:k.onHover)==null||R.call(k,t))),M&&t.hovered.zone.value!==M&&((q=(U=(O=t.zonesMap.value.get(M))==null?void 0:O.events)==null?void 0:U.onLeave)==null||q.call(U,t),t.hovered.zone.value&&((F=(V=(N=t.zonesMap.value.get(t.hovered.zone.value))==null?void 0:N.events)==null?void 0:V.onHover)==null||F.call(V,t)))},h=H.useThrottleFn(()=>{const m=d(t),S=f(m);g(S)},((K=e==null?void 0:e.sensor)==null?void 0:K.throttle)??0),p=()=>{h(),u=requestAnimationFrame(p)},L=()=>p(),P=()=>{u!==null&&(cancelAnimationFrame(u),u=null)};return{activate:m=>{t.draggingElements.value=i(n.value),t.draggingElements.value.forEach(S=>{var M,E;return(E=(M=S.events).onStart)==null?void 0:E.call(M,t)}),m instanceof PointerEvent?r(m):l(m),L()},track:m=>{t.draggingElements.value.forEach(S=>{var M,E;return(E=(M=S.events).onMove)==null?void 0:E.call(M,t)}),m instanceof KeyboardEvent?v():a(m)},deactivate:(m=!0)=>{var S,M;if(s(),o(),m){if(t.hovered.zone.value){const E=t.zonesMap.value.get(t.hovered.zone.value);(M=E==null?void 0:(S=E.events).onDrop)==null||M.call(S,t)}else t.draggingElements.value.forEach(E=>{var b,w;return(w=(b=E.events).onEnd)==null?void 0:w.call(b,t)});t.selectedElementsMap.value.clear()}t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,P()}}},ve=H.createGlobalState(()=>{let n="",e="",t="",r=null,a=null,s=null,l=null,v=null;const{activeContainer:o}=A(),u=()=>{const g=document.body;n=g.style.userSelect,g.style.userSelect="none",window.addEventListener("contextmenu",D),window.addEventListener("selectstart",D),window.addEventListener("touchstart",D),window.addEventListener("touchmove",D)},i=()=>{const g=document.body;g.style.userSelect=n,g.style.touchAction=e,g.style.overscrollBehavior=t,window.removeEventListener("contextmenu",D),window.removeEventListener("selectstart",D),window.removeEventListener("touchstart",D),window.removeEventListener("touchmove",D)},f=()=>{r&&(document.removeEventListener("pointermove",r),r=null),a&&(document.removeEventListener("pointerup",a),a=null),s&&(s=null),l&&(document.removeEventListener("wheel",l),l=null),v&&(document.removeEventListener("keydown",v),document.removeEventListener("keypress",v),document.removeEventListener("keyup",v),v=null)};return{handleDragStart:(g,h,p)=>{f(),g.target.blur(),p!=null&&p.container&&(o.component.value=c.markRaw(p.container));const{activate:L,track:P,deactivate:_}=ce(h,p);a=()=>{o.component.value=null,i(),_(!0),f()},s=()=>{o.component.value=null,i(),_(!1),f()},r=x=>P(x),l=x=>P(x),v=x=>{x.type==="keyup"&&(x.code==="Escape"&&(s==null||s()),x.code==="Enter"&&(a==null||a())),P(x)},u(),L(g),document.addEventListener("pointermove",r),document.addEventListener("pointerup",a),document.addEventListener("wheel",l),document.addEventListener("keydown",v),document.addEventListener("keypress",v),document.addEventListener("keyup",v)}}}),de=n=>{const{id:e,elementRef:t,isDragging:r,isOvered:a,isAllowed:s,registerElement:l,unregisterElement:v}=oe(n),{pointerPosition:o}=A(),{handleDragStart:u}=ve(),i=f=>u(f,t,n);return c.onMounted(l),c.onBeforeUnmount(v),{pointerPosition:o,elementRef:t,isDragging:r,isOvered:a,isAllowed:s,handleDragStart:i,id:e}},fe=n=>{const{zonesMap:e,hovered:t,draggingElements:r,isDragging:a,handleDropZoneIntersection:s}=A(),l=c.ref(null),v=c.computed(()=>t.zone.value===l.value),o=c.computed(()=>{if(!l.value||!a.value)return!1;const f=e.value.get(l.value);return f!=null&&f.groups.length?!Array.from(r.value.values()).some(d=>d.groups.length?!d.groups.some(g=>f.groups.includes(g)):!1):!0});return{elementRef:l,registerZone:()=>{if(!l.value)throw new Error("elementRef is not set");s("add",l.value),e.value.set(l.value,{node:l.value,groups:(n==null?void 0:n.groups)??[],events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??void 0}),l.value.setAttribute("data-dnd-droppable","true")},unregisterZone:()=>{l.value&&(s("remove",l.value),e.value.delete(l.value))},isOvered:v,isAllowed:o}},ge=n=>{const{elementRef:e,registerZone:t,unregisterZone:r,isOvered:a,isAllowed:s}=fe(n);return c.onMounted(t),c.onBeforeUnmount(r),{elementRef:e,isOvered:a,isAllowed:s}},me=n=>{const{selectedElementsMap:e,elementsMap:t}=A(),r=c.computed(()=>n.value?e.value.has(n.value):!1),a=c.computed(()=>{if(!n.value)return!1;for(const[u,i]of e.value.entries())if(u&&I(u,n.value))return!0;return!1}),s=c.computed(()=>{if(!n.value)return!1;for(const[u,i]of e.value.entries())if(u&&I(n.value,u))return!0;return!1}),l=()=>{n.value&&e.value.delete(n.value)},v=()=>{if(!n.value)return;const u=t.value.get(n.value);if(u){if(a.value)for(const[i,f]of[...e.value.entries()])i&&I(i,n.value)&&e.value.delete(i);if(s.value)for(const[i,f]of[...e.value.entries()])i&&I(n.value,i)&&e.value.delete(i);e.value.set(n.value,u)}};return{handleUnselect:l,handleSelect:v,handleToggleSelect:()=>{n.value&&(e.value.has(n.value)?l():v())},isSelected:r,isParentOfSelected:a}};exports.DnDOperations=X;exports.default=ae;exports.getBoundingBox=T;exports.useDnDStore=A;exports.useDragContainer=W;exports.useDraggable=de;exports.useDroppable=ge;exports.useSelection=me;
1
+ "use strict";var ee=Object.defineProperty;var te=(n,e,t)=>e in n?ee(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var A=(n,e,t)=>te(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),H=require("@vueuse/core"),w=class w{};A(w,"remove",(e,t)=>{if(!e||t===void 0)return;const[r]=e.splice(t,1);return r}),A(w,"insert",(e,t,r)=>{!e||t===void 0||e.splice(t,0,r)}),A(w,"move",(e,t,r,l)=>{if(!e||!r||t===void 0||l===void 0)return;const s=w.remove(e,t);w.insert(r,l,s)}),A(w,"swap",(e,t,r,l)=>{if(!e||!r||t===void 0||l===void 0)return;const s=e[t],o=r[l];e[t]=o,r[l]=s}),A(w,"copy",(e,t,r,l)=>{if(!e||t===void 0||!r||l===void 0)return;const s=e[t];w.insert(r,l,s)}),A(w,"applyTransfer",e=>{var l,s,o,m,u,v,f;const t=e.hovered.element.value,r=e.hovered.zone.value;if(t){const d=(s=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:s.source,a=(m=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:m.index,c=e.draggingElements.value.values().next().value,g=(u=c==null?void 0:c.data)==null?void 0:u.index,h=g!==void 0&&a!==void 0&&g>a?1:-1;Array.from(e.draggingElements.value.values()).sort((p,S)=>{var x,z;return h*((((x=p.data)==null?void 0:x.index)||0)-(((z=S.data)==null?void 0:z.index)||0))}).forEach(p=>{var S,x;return w.move((S=p.data)==null?void 0:S.source,(x=p.data)==null?void 0:x.index,d,a)})}else if(r){const d=(f=(v=e.zonesMap.value.get(r))==null?void 0:v.data)==null?void 0:f.source,a=d==null?void 0:d.length;Array.from(e.draggingElements.value.values()).sort((g,h)=>{var y,p;return(((y=h.data)==null?void 0:y.index)||0)-(((p=g.data)==null?void 0:p.index)||0)}).forEach(g=>{var h,y;return w.move((h=g.data)==null?void 0:h.source,(y=g.data)==null?void 0:y.index,d,a)})}}),A(w,"applyCopy",e=>{var l,s,o,m,u,v;const t=e.hovered.element.value,r=e.hovered.zone.value;if(t){const f=(s=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:s.source,d=(m=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:m.index;Array.from(e.draggingElements.value.values()).sort((c,g)=>{var h,y;return(((h=g.data)==null?void 0:h.index)||0)-(((y=c.data)==null?void 0:y.index)||0)}).forEach(c=>{var g,h;return w.copy((g=c.data)==null?void 0:g.source,(h=c.data)==null?void 0:h.index,f,d)})}else if(r){const f=(v=(u=e.zonesMap.value.get(r))==null?void 0:u.data)==null?void 0:v.source,d=f==null?void 0:f.length;Array.from(e.draggingElements.value.values()).sort((c,g)=>{var h,y;return(((h=g.data)==null?void 0:h.index)||0)-(((y=c.data)==null?void 0:y.index)||0)}).forEach(c=>{var g,h;return w.copy((g=c.data)==null?void 0:g.source,(h=c.data)==null?void 0:h.index,f,d)})}}),A(w,"applySwap",e=>{var l,s,o,m,u,v,f,d;const t=e.hovered.element.value,r=e.hovered.zone.value;if(t&&e.draggingElements.value.size===1){const a=e.draggingElements.value.values().next().value;w.swap((l=a==null?void 0:a.data)==null?void 0:l.source,(s=a==null?void 0:a.data)==null?void 0:s.index,(m=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:m.source,(v=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:v.index)}else if(r){const a=(d=(f=e.zonesMap.value.get(r))==null?void 0:f.data)==null?void 0:d.source,c=a==null?void 0:a.length;Array.from(e.draggingElements.value.values()).sort((h,y)=>{var p,S;return(((p=y.data)==null?void 0:p.index)||0)-(((S=h.data)==null?void 0:S.index)||0)}).forEach(h=>{var y,p;return w.move((y=h.data)==null?void 0:y.source,(p=h.data)==null?void 0:p.index,a,c)})}}),A(w,"applyRemove",e=>{Array.from(e.draggingElements.value.values()).sort((r,l)=>{var s,o;return(((s=l.data)==null?void 0:s.index)||0)-(((o=r.data)==null?void 0:o.index)||0)}).forEach(r=>{var l,s;(l=r.data)!=null&&l.source&&((s=r.data)==null?void 0:s.index)!==void 0&&w.remove(r.data.source,r.data.index)})}),A(w,"applyInsert",(e,t)=>{var s,o,m,u,v,f;const r=e.hovered.element.value,l=e.hovered.zone.value;if(r&&t.length>0){const d=(o=(s=e.elementsMap.value.get(r))==null?void 0:s.data)==null?void 0:o.source,a=(u=(m=e.elementsMap.value.get(r))==null?void 0:m.data)==null?void 0:u.index;t.forEach(c=>{w.insert(d,a,c)})}else if(l){const d=(f=(v=e.zonesMap.value.get(l))==null?void 0:v.data)==null?void 0:f.source,a=d==null?void 0:d.length;t.forEach(c=>{w.insert(d,a,c)})}});let X=w;const k=H.createGlobalState(()=>{const n=i.ref(new Map),e=i.computed(()=>n.value.size>0),t={component:i.ref(null),ref:i.shallowRef(null)},r=i.ref(new Map),l=i.ref(new Set),s=i.ref(new Map),o=i.ref(new Set),m=i.ref(new Set),u=new IntersectionObserver(T=>{T.forEach(E=>m.value[E.isIntersecting?"add":"delete"](E.target))}),v=new IntersectionObserver(T=>{T.forEach(E=>o.value[E.isIntersecting?"add":"delete"](E.target))}),f=(T,E)=>{T==="add"?u.observe(E):(u.unobserve(E),m.value.delete(E))},d=(T,E)=>{T==="add"?v.observe(E):(v.unobserve(E),o.value.delete(E))},a={start:i.shallowRef(null),current:i.shallowRef(null),offset:{percent:i.shallowRef(null),pixel:i.shallowRef(null)}},{w:c,s:g,a:h,d:y,ctrl:p,shift:S,alt:x,meta:z}=H.useMagicKeys(),V={zone:i.shallowRef(null),element:i.shallowRef(null)};return{draggingElements:n,isDragging:e,activeContainer:t,elementsMap:r,selectedElements:l,zonesMap:s,visibleZones:o,visibleElements:m,pointerPosition:a,keyboard:{w:c,s:g,a:h,d:y,ctrl:p,shift:S,alt:x,meta:z},hovered:V,handleDragElementIntersection:f,handleDropZoneIntersection:d}}),W=()=>{const n=i.ref(null),{draggingElements:e,pointerPosition:t,isDragging:r,activeContainer:l}=k();return i.onMounted(()=>{l.ref=n}),i.onBeforeUnmount(()=>{l.ref.value=null}),{elementRef:n,draggingElements:e,pointerPosition:t,isDragging:r}},ne=["innerHTML"],re=i.defineComponent({__name:"DefaultOverlay",setup(n){const{elementRef:e,pointerPosition:t,isDragging:r,draggingElements:l}=W(),s=i.computed(()=>{var o,m,u,v;return{transform:`translate3d(${(((o=t.current.value)==null?void 0:o.x)??0)-(((m=t.offset.pixel.value)==null?void 0:m.x)??0)}px, ${(((u=t.current.value)==null?void 0:u.y)??0)-(((v=t.offset.pixel.value)==null?void 0:v.y)??0)}px, 0)`,zIndex:1e3,position:"fixed",top:0,left:0,transition:"0.3s cubic-bezier(0.165, 0.84, 0.44, 1)"}});return(o,m)=>i.unref(r)?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"elementRef",ref:e,style:i.normalizeStyle(s.value)},[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(i.unref(l),([u,v])=>{var f,d;return i.openBlock(),i.createElementBlock("div",{key:v.id,innerHTML:v.initialHTML,style:i.normalizeStyle({width:`${(f=v.initialRect)==null?void 0:f.width}px`,height:`${(d=v.initialRect)==null?void 0:d.height}px`})},null,12,ne)}),128))],4)):i.createCommentVNode("",!0)}}),$=i.defineComponent({__name:"DragOverlay",setup(n){const{activeContainer:e}=k(),t=i.computed(()=>e.component.value??re);return(r,l)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.value)))}}),ae={install(n){n.component("DragOverlay",$);const e=n.mount;n.mount=function(r){const l=e.call(this,r),s=typeof r=="string"?document.querySelector(r):r;if(s&&s instanceof Element&&!s.querySelector("#vue-dnd-kit-overlay")){const o=document.createElement("div");o.id="vue-dnd-kit-overlay",o.style.pointerEvents="none",s.appendChild(o);const m=i.createVNode($);i.render(m,o),n.__VUE_DND_KIT_OVERLAY__={container:o,vnode:m};const u=k();n.__VUE_DND_KIT_STORE__=u}return l};const t=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(i.render(null,n.__VUE_DND_KIT_OVERLAY__.container),delete n.__VUE_DND_KIT_OVERLAY__),t.call(this)}}},G=(n,e)=>n.x<e.x+e.width&&n.x+n.width>e.x&&n.y<e.y+e.height&&n.y+n.height>e.y,R=n=>{if(!n)return{x:0,y:0,width:0,height:0,bottom:0,left:0,right:0,top:0};const e=n.getBoundingClientRect();return{bottom:e.bottom,left:e.left,right:e.right,top:e.top,x:e.x,y:e.y,width:e.width,height:e.height}},B=n=>({x:n.x+n.width/2,y:n.y+n.height/2}),le=(n,e)=>{const t=R(n);return{pixel:{x:e.x-t.x,y:e.y-t.y},percent:{x:(e.x-t.x)/t.width*100,y:(e.y-t.y)/t.height*100}}},j=(n,e)=>{const t=e.x-n.x,r=e.y-n.y;return Math.sqrt(t*t+r*r)},J=(n,e)=>{const t=Math.max(0,Math.min(n.x+n.width,e.x+e.width)-Math.max(n.x,e.x)),r=Math.max(0,Math.min(n.y+n.height,e.y+e.height)-Math.max(n.y,e.y)),l=t*r,s=n.width*n.height,o=e.width*e.height;return(l/s*100+l/o*100)/2},Q="data-vue-dnd-kit-draggable",I=n=>{n.preventDefault()},oe=n=>{const{elementsMap:e,draggingElements:t,hovered:r,selectedElementsMap:l,isDragging:s,visibleElements:o,handleDragElementIntersection:m}=k(),u=i.ref(null),v=i.computed(()=>o.value.has(u.value)&&r.element.value===u.value),f=i.shallowRef((n==null?void 0:n.id)||i.useId()),d=i.computed(()=>!u.value||!o.value.has(u.value)?!1:t.value.has(u.value)),a=i.computed(()=>{if(!u.value||!s.value||!o.value.has(u.value))return!1;const h=e.value.get(u.value);return h!=null&&h.groups.length?!Array.from(t.value.entries()).some(([y,p])=>p.groups.length?!p.groups.some(S=>h.groups.includes(S)):!1):!0});return{elementRef:u,registerElement:()=>{if(!u.value)throw new Error("ElementRef is not set");e.value.set(u.value,{node:u.value,groups:(n==null?void 0:n.groups)??[],layer:(n==null?void 0:n.layer)??null,defaultLayer:(n==null?void 0:n.layer)??null,events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??null,id:f.value}),m("add",u.value),u.value.addEventListener("dragstart",I),u.value.addEventListener("drag",I),u.value.setAttribute(Q,"true"),u.value.setAttribute("draggable","false")},unregisterElement:()=>{u.value&&(e.value.delete(u.value),l.value.delete(u.value),u.value.removeEventListener("dragstart",I),u.value.removeEventListener("drag",I),u.value.removeAttribute(Q),u.value.removeAttribute("draggable"))},isDragging:d,isOvered:v,isAllowed:a,id:f}},K=(n,e)=>n?e.contains(n):!1,se=n=>{var f,d;const e=R(n.activeContainer.ref.value),t=B(e),r=((f=n.pointerPosition.current.value)==null?void 0:f.x)??0,l=((d=n.pointerPosition.current.value)==null?void 0:d.y)??0,o=!(e&&r>=e.x&&r<=e.x+e.width&&l>=e.y&&l<=e.y+e.height),m=Array.from(n.draggingElements.value.keys()),u=Array.from(n.visibleElements.value.entries()).filter(([a,c])=>{if(!a)return!1;const g=R(a);return g&&e&&G(g,e)}).map(([a,c])=>{const g=R(a),h=B(g),y=r>=g.x&&r<=g.x+g.width&&l>=g.y&&l<=g.y+g.height,p=J(g,e),S=j(t,h);let x=0;for(const[z,V]of n.visibleElements.value.entries())z!==a&&z&&a&&K(a,z)&&x++;return{element:c,node:a,isPointerInElement:y,overlapPercent:p,depth:x,centerDistance:S}}).sort((a,c)=>{if(!o){if(a.isPointerInElement&&c.isPointerInElement)return c.depth-a.depth;if(a.isPointerInElement!==c.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-c.overlapPercent)<=1?a.centerDistance-c.centerDistance:c.overlapPercent-a.overlapPercent}),v=Array.from(n.visibleZones.value.entries()).filter(([a,c])=>{if(!a||m.some(h=>h&&K(a,h)))return!1;const g=R(a);return g&&e&&G(g,e)}).map(([a,c])=>{const g=R(a),h=B(g),y=r>=g.x&&r<=g.x+g.width&&l>=g.y&&l<=g.y+g.height,p=J(g,e),S=j(t,h);let x=0;for(const[z,V]of n.visibleZones.value.entries())z!==a&&z&&a&&K(a,z)&&x++;return{zone:c,node:a,isPointerInElement:y,overlapPercent:p,depth:x,centerDistance:S}}).sort((a,c)=>{if(!o){if(a.isPointerInElement&&c.isPointerInElement)return c.depth-a.depth;if(a.isPointerInElement!==c.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-c.overlapPercent)<=1?a.centerDistance-c.centerDistance:c.overlapPercent-a.overlapPercent});return[...u.map(a=>a.node),...v.map(a=>a.node)]},ue=(n,e)=>{const{pointerPosition:t,keyboard:r}=k(),l=(e==null?void 0:e.moveStep)||10;return{onKeyboardStart:u=>{var a;I(u);const v=R(n.value);(a=n.value)==null||a.blur();const f=v.x+v.width/2,d=v.y+v.height/2;t.start.value={x:f,y:d},t.current.value={x:f,y:d},t.offset.pixel.value={x:v.width/2,y:v.height/2},t.offset.percent.value={x:50,y:50}},onKeyboardMove:()=>{if(!t.current.value)return;const u=t.current.value.x,v=t.current.value.y;let f=u,d=v;r.w.value&&(d-=l),r.s.value&&(d+=l),r.a.value&&(f-=l),r.d.value&&(f+=l),t.current.value={x:f,y:d}},onKeyboardEnd:()=>{t.current.value=null,t.start.value=null,t.offset.pixel.value=null,t.offset.percent.value=null}}},ie=n=>{const e=k();return{onPointerStart:s=>{e.pointerPosition.start.value={x:s.clientX,y:s.clientY},e.pointerPosition.current.value={x:s.clientX,y:s.clientY};const{pixel:o,percent:m}=le(n.value,{x:s.clientX,y:s.clientY});e.pointerPosition.offset.pixel.value=o,e.pointerPosition.offset.percent.value=m},onPointerMove:s=>{e.pointerPosition.current.value={x:s.clientX,y:s.clientY}},onPointerEnd:()=>{e.pointerPosition.current.value=null,e.pointerPosition.start.value=null,e.pointerPosition.offset.pixel.value=null,e.pointerPosition.offset.percent.value=null}}},ce=(n,e)=>{var V,T;const t=k(),{onPointerStart:r,onPointerMove:l,onPointerEnd:s}=ie(n),{onKeyboardStart:o,onKeyboardMove:m,onKeyboardEnd:u}=ue(n,e==null?void 0:e.keyboard);let v=null;const f=E=>{var C,D;if(!E)return new Map;const L=t.selectedElements.value.has(E);if(t.selectedElements.value.size>0&&L){const _=new Map;return t.selectedElements.value.forEach(b=>{var O,U;const Z=t.elementsMap.value.get(b);Z&&_.set(b,{...Z,initialHTML:((O=Z.node)==null?void 0:O.outerHTML)??"",initialRect:(U=Z.node)==null?void 0:U.getBoundingClientRect()})}),_}t.selectedElements.value.clear();const P=t.elementsMap.value.get(E);if(!P)return new Map;const M=new Map;return M.set(E,{...P,initialHTML:((C=P.node)==null?void 0:C.outerHTML)??"",initialRect:(D=P.node)==null?void 0:D.getBoundingClientRect()}),M},d=E=>{if(!E)return{element:null,zone:null};const L=Array.isArray(E)?E:[E],P=Array.from(t.draggingElements.value.keys()),M=L.find(D=>{if(!t.visibleZones.value.has(D))return!1;const _=t.zonesMap.value.get(D);return!(!_||P.some(b=>b&&(b===_.node||K(_.node,b)))||_.groups.length&&!!Array.from(t.draggingElements.value.values()).some(Z=>Z.groups.length?!Z.groups.some(O=>_.groups.includes(O)):!1))});return M?{element:L.find(D=>t.visibleElements.value.has(D)&&t.elementsMap.value.has(D)&&!P.some(_=>_&&(_===D||K(D,_)||K(_,D)))&&(D===M||K(D,M)))||null,zone:M}:{element:null,zone:null}},a=((V=e==null?void 0:e.sensor)==null?void 0:V.setup)||se,c=E=>{var M,C,D,_,b,Z,O,U,N,q,Y,F;const L=t.hovered.element.value,P=t.hovered.zone.value;t.hovered.element.value=E.element,t.hovered.zone.value=E.zone,L&&t.hovered.element.value!==L&&((D=(C=(M=t.elementsMap.value.get(L))==null?void 0:M.events)==null?void 0:C.onLeave)==null||D.call(C,t),t.hovered.element.value&&((Z=(b=(_=t.elementsMap.value.get(t.hovered.element.value))==null?void 0:_.events)==null?void 0:b.onHover)==null||Z.call(b,t))),P&&t.hovered.zone.value!==P&&((N=(U=(O=t.zonesMap.value.get(P))==null?void 0:O.events)==null?void 0:U.onLeave)==null||N.call(U,t),t.hovered.zone.value&&((F=(Y=(q=t.zonesMap.value.get(t.hovered.zone.value))==null?void 0:q.events)==null?void 0:Y.onHover)==null||F.call(Y,t)))},g=H.useThrottleFn(()=>{const E=a(t),L=d(E);c(L)},((T=e==null?void 0:e.sensor)==null?void 0:T.throttle)??0),h=()=>{g(),v=requestAnimationFrame(h)},y=()=>h(),p=()=>{v!==null&&(cancelAnimationFrame(v),v=null)};return{activate:E=>{t.draggingElements.value=f(n.value),t.draggingElements.value.forEach(L=>{var P,M;return(M=(P=L.events).onStart)==null?void 0:M.call(P,t)}),E instanceof PointerEvent?r(E):o(E),y()},track:E=>{t.draggingElements.value.forEach(L=>{var P,M;return(M=(P=L.events).onMove)==null?void 0:M.call(P,t)}),E instanceof KeyboardEvent?m():l(E)},deactivate:(E=!0)=>{var L,P;if(s(),u(),E){if(t.hovered.zone.value){const M=t.zonesMap.value.get(t.hovered.zone.value);(P=M==null?void 0:(L=M.events).onDrop)==null||P.call(L,t)}else t.draggingElements.value.forEach(M=>{var C,D;return(D=(C=M.events).onEnd)==null?void 0:D.call(C,t)});t.selectedElements.value.clear()}t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,p()}}},ve=H.createGlobalState(()=>{let n="",e="",t="",r=null,l=null,s=null,o=null,m=null;const{activeContainer:u}=k(),v=()=>{const c=document.body;n=c.style.userSelect,c.style.userSelect="none",window.addEventListener("contextmenu",I),window.addEventListener("selectstart",I),window.addEventListener("touchstart",I),window.addEventListener("touchmove",I)},f=()=>{const c=document.body;c.style.userSelect=n,c.style.touchAction=e,c.style.overscrollBehavior=t,window.removeEventListener("contextmenu",I),window.removeEventListener("selectstart",I),window.removeEventListener("touchstart",I),window.removeEventListener("touchmove",I)},d=()=>{r&&(document.removeEventListener("pointermove",r),r=null),l&&(document.removeEventListener("pointerup",l),l=null),s&&(s=null),o&&(document.removeEventListener("wheel",o),o=null),m&&(document.removeEventListener("keydown",m),document.removeEventListener("keypress",m),document.removeEventListener("keyup",m),m=null)};return{handleDragStart:(c,g,h)=>{d(),c.target.blur(),h!=null&&h.container&&(u.component.value=i.markRaw(h.container));const{activate:y,track:p,deactivate:S}=ce(g,h);l=()=>{u.component.value=null,f(),S(!0),d()},s=()=>{u.component.value=null,f(),S(!1),d()},r=x=>p(x),o=x=>p(x),m=x=>{x.type==="keyup"&&(x.code==="Escape"&&(s==null||s()),x.code==="Enter"&&(l==null||l())),p(x)},v(),y(c),document.addEventListener("pointermove",r),document.addEventListener("pointerup",l),document.addEventListener("wheel",o),document.addEventListener("keydown",m),document.addEventListener("keypress",m),document.addEventListener("keyup",m)}}}),de=n=>{const{id:e,elementRef:t,isDragging:r,isOvered:l,isAllowed:s,registerElement:o,unregisterElement:m}=oe(n),{pointerPosition:u}=k(),{handleDragStart:v}=ve(),f=d=>v(d,t,n);return i.onMounted(o),i.onBeforeUnmount(m),{pointerPosition:u,elementRef:t,isDragging:r,isOvered:l,isAllowed:s,handleDragStart:f,id:e}},fe=n=>{const{zonesMap:e,hovered:t,draggingElements:r,isDragging:l,handleDropZoneIntersection:s}=k(),o=i.ref(null),m=i.computed(()=>t.zone.value===o.value),u=i.computed(()=>{if(!o.value||!l.value)return!1;const d=e.value.get(o.value);return d!=null&&d.groups.length?!Array.from(r.value.values()).some(a=>a.groups.length?!a.groups.some(c=>d.groups.includes(c)):!1):!0});return{elementRef:o,registerZone:()=>{if(!o.value)throw new Error("elementRef is not set");s("add",o.value),e.value.set(o.value,{node:o.value,groups:(n==null?void 0:n.groups)??[],events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??void 0}),o.value.setAttribute("data-dnd-droppable","true")},unregisterZone:()=>{o.value&&(s("remove",o.value),e.value.delete(o.value))},isOvered:m,isAllowed:u}},ge=n=>{const{elementRef:e,registerZone:t,unregisterZone:r,isOvered:l,isAllowed:s}=fe(n);return i.onMounted(t),i.onBeforeUnmount(r),{elementRef:e,isOvered:l,isAllowed:s}},me=n=>{const{selectedElements:e,elementsMap:t}=k(),r=i.computed(()=>n.value?e.value.has(n.value):!1),l=i.computed(()=>{if(!n.value)return!1;for(const v of e.value)if(v&&K(v,n.value))return!0;return!1}),s=i.computed(()=>{if(!n.value)return!1;for(const v of e.value)if(v&&K(n.value,v))return!0;return!1}),o=()=>{n.value&&e.value.delete(n.value)},m=()=>{if(!(!n.value||!t.value.get(n.value))){if(l.value)for(const f of e.value)f&&K(f,n.value)&&e.value.delete(f);if(s.value)for(const f of e.value)f&&K(n.value,f)&&e.value.delete(f);e.value.add(n.value)}};return{handleUnselect:o,handleSelect:m,handleToggleSelect:()=>{n.value&&(e.value.has(n.value)?o():m())},isSelected:r,isParentOfSelected:l}};exports.DnDOperations=X;exports.default=ae;exports.getBoundingBox=R;exports.useDnDStore=k;exports.useDragContainer=W;exports.useDraggable=de;exports.useDroppable=ge;exports.useSelection=me;
2
2
  //# sourceMappingURL=vue-dnd-kit-core.cjs.js.map