@vue-dnd-kit/core 1.1.7 → 1.1.9

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 +302 -307
  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 A=(n,e,t)=>te(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("vue"),H=require("@vueuse/core"),x=class x{};A(x,"remove",(e,t)=>{if(!e||t===void 0)return;const[r]=e.splice(t,1);return r}),A(x,"insert",(e,t,r)=>{!e||t===void 0||e.splice(t,0,r)}),A(x,"move",(e,t,r,l)=>{if(!e||!r||t===void 0||l===void 0)return;const s=x.remove(e,t);x.insert(r,l,s)}),A(x,"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(x,"copy",(e,t,r,l)=>{if(!e||t===void 0||!r||l===void 0)return;const s=e[t];x.insert(r,l,s)}),A(x,"applyTransfer",e=>{var l,s,o,f,i,v,g;const t=e.hovered.element.value,r=e.hovered.zone.value;if(t){const c=(s=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:s.source,a=(f=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:f.index,d=e.draggingElements.value.values().next().value,m=(i=d==null?void 0:d.data)==null?void 0:i.index,h=m!==void 0&&a!==void 0&&m>a?1:-1;Array.from(e.draggingElements.value.values()).sort((y,w)=>{var M,z;return h*((((M=y.data)==null?void 0:M.index)||0)-(((z=w.data)==null?void 0:z.index)||0))}).forEach(y=>{var w,M;return x.move((w=y.data)==null?void 0:w.source,(M=y.data)==null?void 0:M.index,c,a)})}else if(r){const c=(g=(v=e.zonesMap.value.get(r))==null?void 0:v.data)==null?void 0:g.source,a=c==null?void 0:c.length;Array.from(e.draggingElements.value.values()).sort((m,h)=>{var p,y;return(((p=h.data)==null?void 0:p.index)||0)-(((y=m.data)==null?void 0:y.index)||0)}).forEach(m=>{var h,p;return x.move((h=m.data)==null?void 0:h.source,(p=m.data)==null?void 0:p.index,c,a)})}}),A(x,"applyCopy",e=>{var l,s,o,f,i,v,g;const t=e.hovered.element.value,r=e.hovered.zone.value;if(t){const c=(s=(l=e.elementsMap.value.get(t))==null?void 0:l.data)==null?void 0:s.source,a=(f=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:f.index,d=e.draggingElements.value.values().next().value,m=(i=d==null?void 0:d.data)==null?void 0:i.index,h=m!==void 0&&a!==void 0&&m>a?1:-1;Array.from(e.draggingElements.value.values()).sort((y,w)=>{var M,z;return h*((((M=y.data)==null?void 0:M.index)||0)-(((z=w.data)==null?void 0:z.index)||0))}).forEach(y=>{var w,M;return x.copy((w=y.data)==null?void 0:w.source,(M=y.data)==null?void 0:M.index,c,a)})}else if(r){const c=(g=(v=e.zonesMap.value.get(r))==null?void 0:v.data)==null?void 0:g.source,a=c==null?void 0:c.length;Array.from(e.draggingElements.value.values()).sort((m,h)=>{var p,y;return(((p=h.data)==null?void 0:p.index)||0)-(((y=m.data)==null?void 0:y.index)||0)}).forEach(m=>{var h,p;return x.copy((h=m.data)==null?void 0:h.source,(p=m.data)==null?void 0:p.index,c,a)})}}),A(x,"applySwap",e=>{var l,s,o,f,i,v,g,c;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;x.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,(f=(o=e.elementsMap.value.get(t))==null?void 0:o.data)==null?void 0:f.source,(v=(i=e.elementsMap.value.get(t))==null?void 0:i.data)==null?void 0:v.index)}else if(r){const a=(c=(g=e.zonesMap.value.get(r))==null?void 0:g.data)==null?void 0:c.source,d=a==null?void 0:a.length;Array.from(e.draggingElements.value.values()).sort((h,p)=>{var y,w;return(((y=p.data)==null?void 0:y.index)||0)-(((w=h.data)==null?void 0:w.index)||0)}).forEach(h=>{var p,y;return x.move((p=h.data)==null?void 0:p.source,(y=h.data)==null?void 0:y.index,a,d)})}}),A(x,"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&&x.remove(r.data.source,r.data.index)})}),A(x,"applyInsert",(e,t)=>{var s,o,f,i,v,g;const r=e.hovered.element.value,l=e.hovered.zone.value;if(r&&t.length>0){const c=(o=(s=e.elementsMap.value.get(r))==null?void 0:s.data)==null?void 0:o.source,a=(i=(f=e.elementsMap.value.get(r))==null?void 0:f.data)==null?void 0:i.index;t.forEach(d=>{x.insert(c,a,d)})}else if(l){const c=(g=(v=e.zonesMap.value.get(l))==null?void 0:v.data)==null?void 0:g.source,a=c==null?void 0:c.length;t.forEach(d=>{x.insert(c,a,d)})}});let X=x;const Z=H.createGlobalState(()=>{const n=u.ref(new Map),e=u.computed(()=>n.value.size>0),t={component:u.ref(null),ref:u.shallowRef(null)},r=u.ref(new Map),l=u.ref(new Map),s=u.ref(new Map),o=u.ref(new Set),f=u.ref(new Set),i=new IntersectionObserver(K=>{K.forEach(E=>f.value[E.isIntersecting?"add":"delete"](E.target))}),v=new IntersectionObserver(K=>{K.forEach(E=>o.value[E.isIntersecting?"add":"delete"](E.target))}),g=(K,E)=>{K==="add"?i.observe(E):(i.unobserve(E),f.value.delete(E))},c=(K,E)=>{K==="add"?v.observe(E):(v.unobserve(E),o.value.delete(E))},a={start:u.shallowRef(null),current:u.shallowRef(null),offset:{percent:u.shallowRef(null),pixel:u.shallowRef(null)}},{w:d,s:m,a:h,d:p,ctrl:y,shift:w,alt:M,meta:z}=H.useMagicKeys(),Y={zone:u.shallowRef(null),element:u.shallowRef(null)};return{draggingElements:n,isDragging:e,activeContainer:t,elementsMap:r,selectedElementsMap:l,zonesMap:s,visibleZones:o,visibleElements:f,pointerPosition:a,keyboard:{w:d,s:m,a:h,d:p,ctrl:y,shift:w,alt:M,meta:z},hovered:Y,handleDragElementIntersection:g,handleDropZoneIntersection:c}}),W=()=>{const n=u.ref(null),{draggingElements:e,pointerPosition:t,isDragging:r,activeContainer:l}=Z();return u.onMounted(()=>{l.ref=n}),u.onBeforeUnmount(()=>{l.ref.value=null}),{elementRef:n,draggingElements:e,pointerPosition:t,isDragging:r}},ne=["innerHTML"],re=u.defineComponent({__name:"DefaultOverlay",setup(n){const{elementRef:e,pointerPosition:t,isDragging:r,draggingElements:l}=W(),s=u.computed(()=>{var o,f,i,v;return{transform:`translate3d(${(((o=t.current.value)==null?void 0:o.x)??0)-(((f=t.offset.pixel.value)==null?void 0:f.x)??0)}px, ${(((i=t.current.value)==null?void 0:i.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,f)=>u.unref(r)?(u.openBlock(),u.createElementBlock("div",{key:0,ref_key:"elementRef",ref:e,style:u.normalizeStyle(s.value)},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(u.unref(l),([i,v])=>{var g,c;return u.openBlock(),u.createElementBlock("div",{key:v.id,innerHTML:v.initialHTML,style:u.normalizeStyle({width:`${(g=v.initialRect)==null?void 0:g.width}px`,height:`${(c=v.initialRect)==null?void 0:c.height}px`})},null,12,ne)}),128))],4)):u.createCommentVNode("",!0)}}),$=u.defineComponent({__name:"DragOverlay",setup(n){const{activeContainer:e}=Z(),t=u.computed(()=>e.component.value??re);return(r,l)=>(u.openBlock(),u.createBlock(u.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 f=u.createVNode($);u.render(f,o),n.__VUE_DND_KIT_OVERLAY__={container:o,vnode:f}}return l};const t=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(u.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)),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",_=n=>{n.preventDefault()},oe=n=>{const{elementsMap:e,draggingElements:t,hovered:r,selectedElementsMap:l,isDragging:s,visibleElements:o,handleDragElementIntersection:f}=Z(),i=u.ref(null),v=u.computed(()=>o.value.has(i.value)&&r.element.value===i.value),g=u.shallowRef((n==null?void 0:n.id)||u.useId()),c=u.computed(()=>!i.value||!o.value.has(i.value)?!1:t.value.has(i.value)),a=u.computed(()=>{if(!i.value||!s.value||!o.value.has(i.value))return!1;const h=e.value.get(i.value);return h!=null&&h.groups.length?!Array.from(t.value.entries()).some(([p,y])=>y.groups.length?!y.groups.some(w=>h.groups.includes(w)):!1):!0});return{elementRef:i,registerElement:()=>{if(!i.value)throw new Error("ElementRef is not set");e.value.set(i.value,{node:i.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:g.value}),f("add",i.value),i.value.addEventListener("dragstart",_),i.value.addEventListener("drag",_),i.value.setAttribute(Q,"true"),i.value.setAttribute("draggable","false")},unregisterElement:()=>{i.value&&(e.value.delete(i.value),l.value.delete(i.value),i.value.removeEventListener("dragstart",_),i.value.removeEventListener("drag",_),i.value.removeAttribute(Q),i.value.removeAttribute("draggable"))},isDragging:c,isOvered:v,isAllowed:a,id:g}},C=(n,e)=>n?e.contains(n):!1,se=n=>{var g,c;const e=T(n.activeContainer.ref.value),t=B(e),r=((g=n.pointerPosition.current.value)==null?void 0:g.x)??0,l=((c=n.pointerPosition.current.value)==null?void 0:c.y)??0,o=!(e&&r>=e.x&&r<=e.x+e.width&&l>=e.y&&l<=e.y+e.height),f=Array.from(n.draggingElements.value.keys()),i=Array.from(n.visibleElements.value.entries()).filter(([a,d])=>{if(!a)return!1;const m=T(a);return m&&e&&G(m,e)}).map(([a,d])=>{const m=T(a),h=B(m),p=r>=m.x&&r<=m.x+m.width&&l>=m.y&&l<=m.y+m.height,y=J(m,e),w=j(t,h);let M=0;for(const[z,Y]of n.visibleElements.value.entries())z!==a&&z&&a&&C(a,z)&&M++;return{element:d,node:a,isPointerInElement:p,overlapPercent:y,depth:M,centerDistance:w}}).sort((a,d)=>{if(!o){if(a.isPointerInElement&&d.isPointerInElement)return d.depth-a.depth;if(a.isPointerInElement!==d.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-d.overlapPercent)<=1?a.centerDistance-d.centerDistance:d.overlapPercent-a.overlapPercent}),v=Array.from(n.visibleZones.value.entries()).filter(([a,d])=>{if(!a||f.some(h=>h&&C(a,h)))return!1;const m=T(a);return m&&e&&G(m,e)}).map(([a,d])=>{const m=T(a),h=B(m),p=r>=m.x&&r<=m.x+m.width&&l>=m.y&&l<=m.y+m.height,y=J(m,e),w=j(t,h);let M=0;for(const[z,Y]of n.visibleZones.value.entries())z!==a&&z&&a&&C(a,z)&&M++;return{zone:d,node:a,isPointerInElement:p,overlapPercent:y,depth:M,centerDistance:w}}).sort((a,d)=>{if(!o){if(a.isPointerInElement&&d.isPointerInElement)return d.depth-a.depth;if(a.isPointerInElement!==d.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-d.overlapPercent)<=1?a.centerDistance-d.centerDistance:d.overlapPercent-a.overlapPercent});return[...i.map(a=>a.node),...v.map(a=>a.node)]},ie=(n,e)=>{const{pointerPosition:t,keyboard:r}=Z(),l=(e==null?void 0:e.moveStep)||10;return{onKeyboardStart:i=>{var a;_(i);const v=T(n.value);(a=n.value)==null||a.blur();const g=v.x+v.width/2,c=v.y+v.height/2;t.start.value={x:g,y:c},t.current.value={x:g,y:c},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 i=t.current.value.x,v=t.current.value.y;let g=i,c=v;r.w.value&&(c-=l),r.s.value&&(c+=l),r.a.value&&(g-=l),r.d.value&&(g+=l),t.current.value={x:g,y:c}},onKeyboardEnd:()=>{t.current.value=null,t.start.value=null,t.offset.pixel.value=null,t.offset.percent.value=null}}},ue=n=>{const e=Z();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:f}=le(n.value,{x:s.clientX,y:s.clientY});e.pointerPosition.offset.pixel.value=o,e.pointerPosition.offset.percent.value=f},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=Z(),{onPointerStart:r,onPointerMove:l,onPointerEnd:s}=ue(n),{onKeyboardStart:o,onKeyboardMove:f,onKeyboardEnd:i}=ie(n,e==null?void 0:e.keyboard);let v=null;const g=E=>{var b,L;if(!E)return new Map;const D=t.selectedElementsMap.value.has(E);if(t.selectedElementsMap.value.size>0&&D){const I=new Map;return Array.from(t.selectedElementsMap.value.entries()).forEach(([k,R])=>{var O,U;I.set(k,{...R,initialHTML:((O=R.node)==null?void 0:O.outerHTML)??"",initialRect:(U=R.node)==null?void 0:U.getBoundingClientRect()})}),I}t.selectedElementsMap.value.clear();const S=t.elementsMap.value.get(E);if(!S)return new Map;const P=new Map;return P.set(E,{...S,initialHTML:((b=S.node)==null?void 0:b.outerHTML)??"",initialRect:(L=S.node)==null?void 0:L.getBoundingClientRect()}),P},c=E=>{if(!E)return{element:null,zone:null};const D=Array.isArray(E)?E:[E],S=Array.from(t.draggingElements.value.keys()),P=D.find(L=>{if(!t.visibleZones.value.has(L))return!1;const I=t.zonesMap.value.get(L);return!(!I||S.some(k=>k&&(k===I.node||C(I.node,k)))||I.groups.length&&!!Array.from(t.draggingElements.value.values()).some(R=>R.groups.length?!R.groups.some(O=>I.groups.includes(O)):!1))});return P?{element:D.find(L=>t.visibleElements.value.has(L)&&t.elementsMap.value.has(L)&&!S.some(I=>I&&(I===L||C(L,I)||C(I,L)))&&(L===P||C(L,P)))||null,zone:P}:{element:null,zone:null}},a=((Y=e==null?void 0:e.sensor)==null?void 0:Y.setup)||se,d=E=>{var P,b,L,I,k,R,O,U,q,N,V,F;const D=t.hovered.element.value,S=t.hovered.zone.value;t.hovered.element.value=E.element,t.hovered.zone.value=E.zone,D&&t.hovered.element.value!==D&&((L=(b=(P=t.elementsMap.value.get(D))==null?void 0:P.events)==null?void 0:b.onLeave)==null||L.call(b,t),t.hovered.element.value&&((R=(k=(I=t.elementsMap.value.get(t.hovered.element.value))==null?void 0:I.events)==null?void 0:k.onHover)==null||R.call(k,t))),S&&t.hovered.zone.value!==S&&((q=(U=(O=t.zonesMap.value.get(S))==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)))},m=H.useThrottleFn(()=>{const E=a(t),D=c(E);d(D)},((K=e==null?void 0:e.sensor)==null?void 0:K.throttle)??0),h=()=>{m(),v=requestAnimationFrame(h)},p=()=>h(),y=()=>{v!==null&&(cancelAnimationFrame(v),v=null)};return{activate:E=>{t.draggingElements.value=g(n.value),t.draggingElements.value.forEach(D=>{var S,P;return(P=(S=D.events).onStart)==null?void 0:P.call(S,t)}),E instanceof PointerEvent?r(E):o(E),p()},track:E=>{t.draggingElements.value.forEach(D=>{var S,P;return(P=(S=D.events).onMove)==null?void 0:P.call(S,t)}),E instanceof KeyboardEvent?f():l(E)},deactivate:(E=!0)=>{var D,S;if(s(),i(),E){if(t.hovered.zone.value){const P=t.zonesMap.value.get(t.hovered.zone.value);(S=P==null?void 0:(D=P.events).onDrop)==null||S.call(D,t)}else t.draggingElements.value.forEach(P=>{var b,L;return(L=(b=P.events).onEnd)==null?void 0:L.call(b,t)});t.selectedElementsMap.value.clear()}t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,y()}}},ve=H.createGlobalState(()=>{let n="",e="",t="",r=null,l=null,s=null,o=null,f=null;const{activeContainer:i}=Z(),v=()=>{const d=document.body;n=d.style.userSelect,d.style.userSelect="none",window.addEventListener("contextmenu",_),window.addEventListener("selectstart",_),window.addEventListener("touchstart",_),window.addEventListener("touchmove",_)},g=()=>{const d=document.body;d.style.userSelect=n,d.style.touchAction=e,d.style.overscrollBehavior=t,window.removeEventListener("contextmenu",_),window.removeEventListener("selectstart",_),window.removeEventListener("touchstart",_),window.removeEventListener("touchmove",_)},c=()=>{r&&(document.removeEventListener("pointermove",r),r=null),l&&(document.removeEventListener("pointerup",l),l=null),s&&(s=null),o&&(document.removeEventListener("wheel",o),o=null),f&&(document.removeEventListener("keydown",f),document.removeEventListener("keypress",f),document.removeEventListener("keyup",f),f=null)};return{handleDragStart:(d,m,h)=>{c(),d.target.blur(),h!=null&&h.container&&(i.component.value=u.markRaw(h.container));const{activate:p,track:y,deactivate:w}=ce(m,h);l=()=>{i.component.value=null,g(),w(!0),c()},s=()=>{i.component.value=null,g(),w(!1),c()},r=M=>y(M),o=M=>y(M),f=M=>{M.type==="keyup"&&(M.code==="Escape"&&(s==null||s()),M.code==="Enter"&&(l==null||l())),y(M)},v(),p(d),document.addEventListener("pointermove",r),document.addEventListener("pointerup",l),document.addEventListener("wheel",o),document.addEventListener("keydown",f),document.addEventListener("keypress",f),document.addEventListener("keyup",f)}}}),de=n=>{const{id:e,elementRef:t,isDragging:r,isOvered:l,isAllowed:s,registerElement:o,unregisterElement:f}=oe(n),{pointerPosition:i}=Z(),{handleDragStart:v}=ve(),g=c=>v(c,t,n);return u.onMounted(o),u.onBeforeUnmount(f),{pointerPosition:i,elementRef:t,isDragging:r,isOvered:l,isAllowed:s,handleDragStart:g,id:e}},fe=n=>{const{zonesMap:e,hovered:t,draggingElements:r,isDragging:l,handleDropZoneIntersection:s}=Z(),o=u.ref(null),f=u.computed(()=>t.zone.value===o.value),i=u.computed(()=>{if(!o.value||!l.value)return!1;const c=e.value.get(o.value);return c!=null&&c.groups.length?!Array.from(r.value.values()).some(a=>a.groups.length?!a.groups.some(d=>c.groups.includes(d)):!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:f,isAllowed:i}},ge=n=>{const{elementRef:e,registerZone:t,unregisterZone:r,isOvered:l,isAllowed:s}=fe(n);return u.onMounted(t),u.onBeforeUnmount(r),{elementRef:e,isOvered:l,isAllowed:s}},me=n=>{const{selectedElementsMap:e,elementsMap:t}=Z(),r=u.computed(()=>n.value?e.value.has(n.value):!1),l=u.computed(()=>{if(!n.value)return!1;for(const[v,g]of e.value.entries())if(v&&C(v,n.value))return!0;return!1}),s=u.computed(()=>{if(!n.value)return!1;for(const[v,g]of e.value.entries())if(v&&C(n.value,v))return!0;return!1}),o=()=>{n.value&&e.value.delete(n.value)},f=()=>{if(!n.value)return;const v=t.value.get(n.value);if(v){if(l.value)for(const[g,c]of[...e.value.entries()])g&&C(g,n.value)&&e.value.delete(g);if(s.value)for(const[g,c]of[...e.value.entries()])g&&C(n.value,g)&&e.value.delete(g);e.value.set(n.value,v)}};return{handleUnselect:o,handleSelect:f,handleToggleSelect:()=>{n.value&&(e.value.has(n.value)?o():f())},isSelected:r,isParentOfSelected:l}};exports.DnDOperations=X;exports.default=ae;exports.getBoundingBox=T;exports.useDnDStore=Z;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,selectedElements: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