@vue-dnd-kit/core 2.0.5 → 2.0.6

package/dist/external/composables/makeDraggable.d.ts

@@ -7,6 +7,7 @@ interface IMakeDraggableOptions extends IBaseOptions {
     dragHandle?: string | Ref<string>;
     activation?: IDragActivationOptions;
     placementMargins?: IPlacementMargins;
+    data?: () => unknown;
 }
 interface IMakeDraggableReturnType {
     selected: WritableComputedRef<boolean>;

package/dist/external/composables/makeDroppable.d.ts

@@ -2,6 +2,7 @@ import { IBaseOptions, IDroppableEvents, IPlacement, TDnDNodeRef, TDroppablePayl
 import { ComputedRef } from 'vue';
 interface IMakeDroppableOptions extends IBaseOptions {
     events?: IDroppableEvents;
+    data?: () => unknown;
 }
 interface IMakeDroppableReturnType {
     isAllowed: ComputedRef<boolean>;

package/dist/external/types/entities.d.ts

@@ -4,46 +4,33 @@ import { IDragEvent } from './provider';
 export type TDnDNode = HTMLElement | ComponentPublicInstance | null;
 export type TDnDNodeRef = Readonly<Ref<TDnDNode>>;
 export type TDragAxis = 'x' | 'y' | 'both';
-/** Factory registered on a draggable: returns [index, items, dropData?] */
-export type TDraggablePayload<T = any, D = any> = () => [number, T[], D?];
+/** Factory registered on a draggable: returns [index, items] */
+export type TDraggablePayload<T = any> = () => [number, T[]];
 
-/** Factory registered on a droppable zone: returns [items, userData?] */
-export type TDroppablePayload<T = any, U = any> = () => [T[], U?];
-
-// ─── Internal resolved types (used by entity system) ──────────────────────────
-
-/** @internal */
-export interface IDragPayload<T = unknown, D = unknown> {
-  index: number;
-  items: T[];
-  dropData?: D;
-}
-
-/** @internal */
-export interface IDropZonePayload<T = unknown, U = unknown> {
-  items: T[];
-  userData?: U;
-}
+/** Factory registered on a droppable zone: returns items array */
+export type TDroppablePayload<T = any> = () => T[];
 
 // ─── Public event types ────────────────────────────────────────────────────────
 
 /** One dragged item — always carries its source array and position */
-export interface IDragItem<T = unknown, D = unknown> {
+export interface IDragItem<T = unknown> {
   /** Index of this item in `items` */
   index: number;
   /** The actual object: `items[index]` */
   item: T;
   /** Source array (same reference as passed to the draggable payload factory) */
   items: T[];
-  dropData?: D;
+  /** Custom data from the `data` option (reactive, always up-to-date) */
+  data?: unknown;
 }
 
 /** Drop zone context — present in onEnter / onDrop / onLeave */
-export interface IDropZoneContext<T = unknown, U = unknown> {
+export interface IDropZoneContext<T = unknown> {
   items: T[];
-  userData?: U;
   /** Cursor position relative to the zone boundary */
   placement: IPlacement | undefined;
+  /** Custom data from the `data` option (reactive, always up-to-date) */
+  data?: unknown;
 }
 
 export interface IBaseOptions {
@@ -163,6 +150,7 @@ export interface IDraggableEntity extends IBaseEntity {
   render?: Component;
   events?: IDraggableEvents;
   payload?: TDraggablePayload;
+  data?: () => unknown;
   modifier?: IModifier;
   dragHandle?: string;
   activation?: IDragActivation;
@@ -180,5 +168,6 @@ export interface IDraggingEntity extends IDraggableEntity {
 export interface IDroppableEntity extends IBaseEntity {
   events?: IDroppableEvents;
   payload?: TDroppablePayload;
+  data?: () => unknown;
   hoveredPlacement: IPlacement | undefined;
 }

package/dist/external/types/operations.d.ts

@@ -60,7 +60,7 @@ export interface ISuggestRemoveResult<T = unknown> {
 }
 
 /** Draggable element currently under the cursor (inside the drop zone). */
-export interface IHoveredDraggableContext<T = unknown, D = unknown> {
+export interface IHoveredDraggableContext<T = unknown> {
   element: HTMLElement;
   /** Cursor position relative to this element. */
   placement: IPlacement;
@@ -68,7 +68,8 @@ export interface IHoveredDraggableContext<T = unknown, D = unknown> {
   /** The actual object: items[index]. */
   item: T;
   items: T[];
-  dropData?: D;
+  /** Custom data from the `data` option (reactive, always up-to-date) */
+  data?: unknown;
 }
 
 /** Placement helpers: interpret placement flags by list orientation. */

package/dist/external/types/provider.d.ts

@@ -4,16 +4,11 @@ import { IAutoScrollOptions } from './placement';
 import { IHelpers, IHoveredDraggableContext } from './operations';
 import { Component, ComputedRef, CSSProperties, Reactive, Ref, ShallowRef, VNode, VueElement, WritableComputedRef } from 'vue';
 /** Event object passed to all drag/drop handlers */
-export interface IDragEvent<
-  DragT = unknown,
-  DragD = unknown,
-  ZoneT = unknown,
-  ZoneU = unknown,
-> {
+export interface IDragEvent<DragT = unknown, ZoneT = unknown> {
   /** All dragged items sorted by index. Length > 1 means multi-drag. */
-  draggedItems: IDragItem<DragT, DragD>[];
+  draggedItems: IDragItem<DragT>[];
   /** Drop zone context — present in onEnter / onDrop / onLeave. */
-  dropZone: IDropZoneContext<ZoneT, ZoneU> | undefined;
+  dropZone: IDropZoneContext<ZoneT> | undefined;
   /** Draggable element under cursor inside the zone — use for insert-before/after. */
   hoveredDraggable: IHoveredDraggableContext | undefined;
   provider: IDnDProviderExternal;

package/dist/internal/logic/operations.d.ts

@@ -6,12 +6,12 @@ export interface IDropEventContext {
         index: number;
         item: unknown;
         items: unknown[];
-        dropData?: unknown;
+        data?: unknown;
     }>;
     dropZone?: {
         items: unknown[];
-        userData?: unknown;
         placement: IPlacement | undefined;
+        data?: unknown;
     };
     hoveredDraggable?: {
         element: HTMLElement;
@@ -19,7 +19,7 @@ export interface IDropEventContext {
         index: number;
         item: unknown;
         items: unknown[];
-        dropData?: unknown;
+        data?: unknown;
     };
 }
 export declare function insertAt<T>(items: T[], index: number, toInsert: T[]): T[];

package/dist/vue-dnd-kit-core.cjs.js

@@ -1,2 +1,2 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".dnd-kit-default-overlay{transform:translate3d(var(--position-x),var(--position-y),0)}.dnd-kit-overlay-container{position:fixed;top:0;left:0;pointer-events:none;cursor:grabbing;z-index:9999}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),I={SELECT_AREA:"data-dnd-kit-select-area",DRAGGABLE:"data-dnd-kit-draggable",DROPPABLE:"data-dnd-kit-droppable",CONSTRAINT_AREA:"data-dnd-kit-constraint-area"},z={SELECT_AREA:`[${I.SELECT_AREA}]`,DRAGGABLE:`[${I.DRAGGABLE}]`,CONSTRAINT_AREA:`[${I.CONSTRAINT_AREA}]`},le="VueDnDKitProvider",de=(e,t,s,n)=>{const o=new Set;return t.forEach(i=>{const r=e.get(i),a=n?n(i):r?.disabled;if(!r||a)return;const g=r.modifier?.keys,l=r.modifier?.method;if(!g||!l||g.length===0){o.add(i);return}g[l](c=>s.value.has(c))&&o.add(i)}),o};let Me="",Be="",ze="";const v=e=>e.value?e.value instanceof HTMLElement?e.value:e.value.$el:null,_=(e,t)=>e!==t&&e.contains(t),Oe=(e,t)=>!(e.right<t.left||e.left>t.right||e.bottom<t.top||e.top>t.bottom),ne=()=>{const e=document.body;Me=e.style.userSelect,e.style.userSelect="none",window.addEventListener("contextmenu",w),window.addEventListener("selectstart",w),window.addEventListener("touchstart",w),window.addEventListener("touchmove",w)},se=()=>{const e=document.body;e.style.userSelect=Me,e.style.touchAction=Be,e.style.overscrollBehavior=ze,window.removeEventListener("contextmenu",w),window.removeEventListener("selectstart",w),window.removeEventListener("touchstart",w),window.removeEventListener("touchmove",w)},w=e=>e.preventDefault(),ce=(e,t)=>{if(t.entities.draggableMap.get(e)?.disabled)return!0;for(const n of t.entities.visibleDraggableSet)if(t.entities.draggableMap.get(n)?.disabled&&_(n,e))return!0;return!1},O=(e,t)=>{if(t.entities.droppableMap.get(e)?.disabled)return!0;for(const n of t.entities.visibleDroppableSet)if(t.entities.droppableMap.get(n)?.disabled&&_(n,e))return!0;return!1},ue=(e,t)=>{if(!e.length||!t.length)return!0;const s=new Set(t);return e.some(n=>s.has(n))};function Fe(e,t,s,n){const o=new Set;for(const a of t.keys()){const g=s.get(a);for(const l of g?.groups??[])o.add(l)}const i=[...o],r=new Set;for(const a of e){const l=n.get(a)?.groups??[];ue(i,l)&&r.add(a)}return r}function _e(e,t,s){const n=new Set;for(const r of t.keys()){const a=s.get(r);for(const g of a?.groups??[])n.add(g)}const o=[...n],i=new Set;for(const r of e){const g=s.get(r)?.groups??[];ue(o,g)&&i.add(r)}return i}const Q=e=>{const t=new IntersectionObserver(s=>{s.forEach(n=>{const o=n.target;e[n.isIntersecting?"add":"delete"](o)})});return{observe:s=>t.observe(s),unobserve:s=>t.unobserve(s),disconnect:()=>t.disconnect()}},Ge=e=>{const t=new ResizeObserver(s=>{const n=s[0];if(!n)return;const{width:o,height:i}=n.contentRect;e.value={width:o,height:i}});return{observe:s=>t.observe(s),unobserve:s=>t.unobserve(s),disconnect:()=>t.disconnect()}},He=e=>{const t=u.ref(null),s=Ge(t),n=u.watch(e,i=>{s.disconnect(),i&&s.observe(i)},{immediate:!0});return{overlaySize:t,overlaySizeObserver:{disconnect:()=>{n(),s.disconnect()}}}};function oe(e,t=0,s=0){return{start:{x:e.clientX,y:e.clientY},current:{x:e.clientX,y:e.clientY},offset:{x:t,y:s}}}function ve(e,t){const s=t.getBoundingClientRect(),n=s.width>0?(e.clientX-s.left)/s.width:.5,o=s.height>0?(e.clientY-s.top)/s.height:.5;return{x:n,y:o}}function we(e,t){return{...t,initialHTML:e.innerHTML,initialRect:e.getBoundingClientRect(),initialOuterHTML:e.outerHTML}}function Ke(e,t,s){e.forEach(n=>{const o=t.get(n);s.set(n,we(n,o))}),e.clear()}function Ne(e,t,s){s.clear();const n=t.get(e);s.set(e,we(e,n))}function Y(e){e.entities.initiatingDraggable&&(e.state.value="dragging",Ze(e.entities.initiatingDraggable,e.entities.selectedSet,e.entities.draggableMap,e.entities.draggingMap))}function Ze(e,t,s,n){t.has(e)?Ke(t,s,n):(t.clear(),Ne(e,s,n))}function xe(e,t,s,n){if(n||!s)return!0;const o=e.closest(s);return o?t.contains(o):!1}function Ue(e,t){if(!e||!t)return 1;const s=Math.abs(e.current.x-e.start.x),n=Math.abs(e.current.y-e.start.y);if(typeof t=="number"){const l=Math.sqrt(s*s+n*n);return Math.min(l/t,1)}const{x:o=0,y:i=0,condition:r="any"}=t;if(o===0&&i===0)return 1;const a=o>0?Math.min(s/o,1):1,g=i>0?Math.min(n/i,1):1;return r==="both"?Math.min(a,g):Math.max(a,g)}function Ae(e,t,s){if(!s)return!0;const n=s.distance!=null,o=s.delay!=null;return!n&&!o?!0:n&&!o?e>=1:!n&&o?t>=1:(s.condition??"both")==="both"?e>=1&&t>=1:e>=1||t>=1}function Ye(e){if(e.state.value!=="activating"||!e.entities.initiatingDraggable)return!1;const t=e.entities.draggableMap.get(e.entities.initiatingDraggable);return Ae(e.distanceProgress.value,e.delay.progress,t?.activation)?(Y(e),!0):!1}function Xe(e,t){let s=null;const n=()=>{if(e.state.value!=="activating"||!e.entities.initiatingDraggable){s=null;return}const o=e.entities.draggableMap.get(e.entities.initiatingDraggable),i=o?.activation?.delay;if(!i){s=null;return}e.delay.progress=Math.min((Date.now()-e.delay.startTime)/(i*1e3),1),Ae(e.distanceProgress.value,e.delay.progress,o?.activation)?(t(),s=null):s=requestAnimationFrame(n)};return s=requestAnimationFrame(n),{cancel:()=>{s!==null&&(cancelAnimationFrame(s),s=null)}}}function Ve(e,t){const s=e.closest(z.CONSTRAINT_AREA);return!s||!t.has(s)?null:{element:s,entity:t.get(s)}}function $e(e,t,s,n){return s==="x"?{x:e,y:n.top}:s==="y"?{x:n.left,y:t}:{x:e,y:t}}function qe(e,t,s,n,o){let i=e,r=t;return s!=="y"&&(i=Math.max(n.left,Math.min(n.right-o.width,e))),s!=="x"&&(r=Math.max(n.top,Math.min(n.bottom-o.height,t))),{x:i,y:r}}function je(e,t,s,n,o){if(!e||!t)return{x:0,y:0};const i=t.getBoundingClientRect(),r=i.width||o?.width||0,a=i.height||o?.height||0;let g=e.current.x-r*e.offset.x,l=e.current.y-a*e.offset.y;if(!s)return{x:g,y:l};const f=Ve(s,n);if(!f)return{x:g,y:l};const{element:c,entity:d}=f,m=c.getBoundingClientRect(),h=s.getBoundingClientRect(),b=$e(g,l,d.axis||"both",h);return d.restrictToArea?qe(b.x,b.y,d.axis||"both",m,i):b}const H={forDrag:["Enter","Space"],forCancel:["Escape"],forDrop:["Enter","Space"],forMove:["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","KeyW","KeyA","KeyS","KeyD"],forMoveFaster:["ShiftLeft","ShiftRight"]};function We(e,t){const s=u.shallowRef(),n=u.ref(),i={keys:{pressedKeys:u.ref(new Set),forDrag:[...H.forDrag],forCancel:[...H.forCancel],forDrop:[...H.forDrop],forMove:[...H.forMove],forMoveFaster:[...H.forMoveFaster]},step:8,moveFaster:4},r=u.reactive({draggableMap:new Map,droppableMap:new Map,selectableAreaMap:new Map,constraintsAreaMap:new Map,initiatingDraggable:void 0,selectingArea:void 0,draggingMap:new Map,selectedSet:new Set,allowedDroppableSet:u.computed(()=>s.value?Fe(r.visibleDroppableSet,r.draggingMap,r.draggableMap,r.droppableMap):new Set),allowedDraggableSet:u.computed(()=>s.value?_e(r.visibleDraggableSet,r.draggingMap,r.draggableMap):new Set),modifiersSelectableAreaSet:u.computed(()=>de(r.selectableAreaMap,r.visibleSelectableAreaSet,i.keys.pressedKeys)),modifiersDraggableSet:u.computed(()=>de(r.draggableMap,r.visibleDraggableSet,i.keys.pressedKeys,x=>ce(x,{entities:r}))),visibleDraggableSet:new Set,visibleDroppableSet:new Set,visibleSelectableAreaSet:new Set}),a=u.reactive({draggable:new Map,droppable:new Map}),g={throttle:u.shallowRef(0)},l=u.reactive({x:window.scrollX,y:window.scrollY}),f=u.reactive({progress:0,startTime:0}),c=u.computed(()=>{if(!n.value||!r.initiatingDraggable)return 0;const x=r.draggableMap.get(r.initiatingDraggable)?.activation?.distance;return x?Ue(n.value,x):1}),d=Q(r.visibleDraggableSet),m=Q(r.visibleDroppableSet),h=Q(r.visibleSelectableAreaSet),{overlaySize:b,overlaySizeObserver:p}=He(e),y=u.ref(),M=u.computed(()=>{const D=r.initiatingDraggable;return je(n.value,e.value,D||null,r.constraintsAreaMap,b.value)}),S=u.computed({get:()=>t?.overlayTo,set:D=>S.value=D}),N=u.computed(()=>t?.autoScrollViewport);return{state:s,pointer:n,entities:r,keyboard:i,scrollPosition:l,delay:f,distanceProgress:c,hovered:a,collision:g,overlay:{size:b,position:M,render:y,ref:e,to:S},lib:{draggableObserver:d,droppableObserver:m,selectableAreaObserver:h,overlaySizeObserver:p,rectCache:new Map},autoScrollViewport:N}}const X=e=>{const t=e.hovered.draggable.keys().next().value;if(t){const n=e.entities.draggableMap.get(t);n&&(n.hoveredPlacement=void 0)}const s=e.hovered.droppable.keys().next().value;if(s){const n=e.entities.droppableMap.get(s);n&&(n.hoveredPlacement=void 0)}e.lib.rectCache.clear(),e.pointer.value=void 0,e.state.value=void 0,e.entities.selectingArea=void 0,e.entities.initiatingDraggable=void 0,e.delay.progress=0,e.delay.startTime=0,e.entities.draggingMap.clear(),e.hovered.draggable.clear(),e.hovered.droppable.clear()};function L(e,t,s){const n=Math.max(0,Math.min(t,e.length));return[...e.slice(0,n),...s,...e.slice(n)]}function ge(e,t,s=1){const n=Math.max(0,Math.min(t,e.length-1)),o=Math.max(0,Math.min(s,e.length-n));return[...e.slice(0,n),...e.slice(n+o)]}function F(e,t){const s=[...new Set(t)].filter(o=>o>=0&&o<e.length).sort((o,i)=>i-o);let n=e;for(const o of s)n=ge(n,o,1);return n}function Ee(e,t,s){if(t===s||t<0||s<0||t>=e.length||s>=e.length)return e;const n=[...e];return[n[t],n[s]]=[n[s],n[t]],n}const k={getInsertSide(e,t){return e?t==="vertical"?e.top&&!e.bottom?"before":e.bottom&&!e.top?"after":e.top?"before":null:e.left&&!e.right?"before":e.right&&!e.left?"after":e.left?"before":null:null},isAtZoneStart(e,t){return k.getInsertSide(e,t)==="before"&&!e?.center},isAtZoneEnd(e,t){return k.getInsertSide(e,t)==="after"&&!e?.center}};function Ce(e,t){const{draggedItems:s,dropZone:n,hoveredDraggable:o}=e;if(!s.length)return null;const i=o?.placement.center===!0&&n!=null&&n.items!==o.items,r=i?n.items:o?.items??n?.items;if(!r)return null;const a=s[0].items,g=s.map(d=>d.index),l=r.length;let f,c;if(o&&!i){const d=o.items===a&&g.includes(o.index);if(d&&s.length===1){const m=k.isAtZoneStart(n?.placement,t);f=m?0:l,c=m?"prepend":"append"}else{if(d)return null;{const m=k.getInsertSide(o.placement,t),h=o.index;m==="before"?(f=Math.max(0,h),c="insert"):m==="after"?(f=Math.min(l,h+1),c="insert"):(f=l,c="append")}}}else{if(!n)return null;const d=k.isAtZoneStart(n.placement,t);f=d?0:l,c=d?"prepend":"append"}return{targetIndex:f,mode:c,targetArr:r}}function Je(e,t="vertical"){const{draggedItems:s}=e;if(!s.length)return null;const n=Ce(e,t);if(!n)return null;const{targetArr:o,mode:i}=n;let{targetIndex:r}=n;const a=s.map(c=>c.index),g=s.map(c=>c.item),l=s[0].items;if(l===o){const c=a.filter(m=>m<r).length;r=Math.max(0,r-c);const d=L(F(l,a),r,g);return{sourceItems:d,targetItems:d,draggedItems:g,sourceIndexes:a,targetIndex:r,mode:i,sameList:!0}}else{const c=F(l,a),d=L(o,r,g);return{sourceItems:c,targetItems:d,draggedItems:g,sourceIndexes:a,targetIndex:r,mode:i,sameList:!1}}}function Qe(e){const{draggedItems:t,hoveredDraggable:s}=e;if(!t.length||!s)return null;const n=t.map(f=>f.index),o=s.index,i=t.map(f=>f.item),r=s.item,a=t[0].items,g=s.items,l=a===g;if(l&&n.includes(o))return null;if(t.length===1){const f=n[0];if(l){const c=Ee(a,f,o);return{sourceItems:c,targetItems:c,sourceIndexes:n,targetIndex:o,sameList:!0}}else{const c=[...a],d=[...g];return c[f]=g[o],d[o]=a[f],{sourceItems:c,targetItems:d,sourceIndexes:n,targetIndex:o,sameList:!1}}}else{const f=Math.min(...n);if(l){const c=n.filter(y=>y<o).length,d=Math.max(0,o-c),m=n.filter(y=>y<f).length,h=Math.max(0,f-m);let b=F(a,n);b=L(b,d,i);const p=h>=d?h+i.length:h;return b=L(b,p,[r]),{sourceItems:b,targetItems:b,sourceIndexes:n,targetIndex:d,sameList:!0}}else{const c=n.filter(b=>b<f).length,d=Math.max(0,f-c);let m=F(a,n);m=L(m,d,[r]);let h=ge(g,o);return h=L(h,o,i),{sourceItems:m,targetItems:h,sourceIndexes:n,targetIndex:o,sameList:!1}}}}function et(e,t="vertical"){const{draggedItems:s}=e;if(!s.length)return null;const n=Ce(e,t);if(!n)return null;const{targetArr:o,targetIndex:i,mode:r}=n,a=s.map(l=>l.item);return{targetItems:L(o,i,a),copiedItems:a,targetIndex:i,mode:r}}function tt(e){const{draggedItems:t}=e;if(!t.length)return null;const s=t.map(r=>r.index),n=t.map(r=>r.item),o=t[0].items;return{sourceItems:F(o,s),removedItems:n,sourceIndexes:s}}function nt(e){return{insertAt:L,removeAt:ge,removeIndexes:F,swapAt:Ee,getInsertSide:(t,s)=>k.getInsertSide(t,s),isAtZoneStart:(t,s)=>k.isAtZoneStart(t,s),isAtZoneEnd:(t,s)=>k.isAtZoneEnd(t,s),suggestSort:t=>Je(e,t),suggestSwap:()=>Qe(e),suggestCopy:t=>et(e,t),suggestRemove:()=>tt(e)}}const R=e=>e.keys().next().value,st=e=>e.target.closest(z.DRAGGABLE);function ot(e){const t=e.entities.initiatingDraggable;if(!t)return[];const n=(e.entities.draggingMap.get(t)??e.entities.draggableMap.get(t))?.payload;if(!n)return[];const o=n();if(!Array.isArray(o)||o.length<2)return[];const[i,r,a]=o,g=Number(i),l=r,f=new Map;return f.set(g,{index:g,item:l[g],items:l,dropData:a}),e.entities.draggingMap.forEach((c,d)=>{const h=e.entities.draggableMap.get(d)?.payload;if(!h)return;const b=h();if(!Array.isArray(b)||b.length<2)return;const[p,y,M]=b;if(y!==l)return;const S=Number(p);f.has(S)||f.set(S,{index:S,item:y[S],items:l,dropData:M})}),[...f.values()].sort((c,d)=>c.index-d.index)}const E=(e,t)=>{const s=ot(e);let n,o;if(t){const r=e.entities.droppableMap.get(t)?.payload;if(r){const l=r();Array.isArray(l)&&l.length>=1&&(n={items:Array.isArray(l[0])?l[0]:[],userData:l[1],placement:e.hovered.droppable.get(t)})}const a=R(e.hovered.draggable);if(a&&(a===t||t.contains(a))&&a){const f=e.entities.draggableMap.get(a)?.payload,c=e.hovered.draggable.get(a);if(f){const d=f();if(Array.isArray(d)&&d.length>=2){const[m,h,b]=d,p=Number(m);o={element:a,placement:c??{top:!1,right:!1,bottom:!1,left:!1,center:!1},index:p,item:h[p],items:h,dropData:b}}}}}return{draggedItems:s,dropZone:n,hoveredDraggable:o,provider:e,helpers:nt({draggedItems:s,dropZone:n,hoveredDraggable:o})}},B=(e,t,s)=>{if(!t)return;const n=e.entities.draggingMap.get(t)??e.entities.draggableMap.get(t);!n||n.disabled||n.events?.[s]?.(E(e))},A=(e,t)=>{const s=E(e);e.entities.draggingMap.forEach(n=>{n.disabled||n.events?.[t]?.(s)})},rt=(e,t,s)=>{if(t!==s){if(t&&!O(t,e)){const n=E(e,t);e.entities.droppableMap.get(t)?.events?.onLeave?.(n)}if(s&&!O(s,e)){const n=E(e,s);e.entities.droppableMap.get(s)?.events?.onEnter?.(n)}}},at=(e,t,s)=>{if(t!==s){const n=E(e);if(t){const o=e.entities.draggableMap.get(t);o&&!o.disabled&&o.events?.onLeave?.(n)}if(s){const o=e.entities.draggableMap.get(s);o&&!o.disabled&&o.events?.onHover?.(n)}}},ee=(e,t,s)=>{const n=st(t);!n||!e.entities.draggingMap.has(n)||e.entities.draggingMap.get(n)?.events?.[s]?.(E(e))},it=(e,t)=>{const s=R(t.droppable);s&&!O(s,e)&&e.entities.droppableMap.get(s)?.events?.onLeave?.(E(e,s))},Le=(e,t)=>{const s=R(t.droppable);s&&!O(s,e)&&e.entities.droppableMap.get(s)?.events?.onLeave?.(E(e,s))};function lt(e){return e.parentElement?.closest(z.SELECT_AREA)??null}const ct=(e,t,s)=>{if(!s)return{};const n=s.getBoundingClientRect(),o=Math.max(n.left,Math.min(e.x,t.x)),i=Math.max(n.top,Math.min(e.y,t.y)),r=Math.min(n.right,Math.max(e.x,t.x)),a=Math.min(n.bottom,Math.max(e.y,t.y)),g=Math.max(0,r-o),l=Math.max(0,a-i);return{left:`${o}px`,top:`${i}px`,width:`${g}px`,height:`${l}px`,position:"fixed",pointerEvents:"none",border:"1px solid #3b82f6",backgroundColor:"#3b82f61a"}},ut=e=>{if(!e.pointer.value||!e.entities.selectingArea)return;const{selectingArea:t}=e.entities,s=gt(e.pointer.value.start,e.pointer.value.current),n=e.entities.selectableAreaMap.get(t)?.groups??[],o=e.lib.rectCache;e.entities.visibleDraggableSet.forEach(i=>{if(i===t||!t.contains(i))return;const r=lt(i);if(r&&r!==t){e.entities.selectedSet.delete(i);return}if(ce(i,e)){e.entities.selectedSet.delete(i);return}const g=e.entities.draggableMap.get(i)?.groups??[];if(!ue(n,g)){e.entities.selectedSet.delete(i);return}let l=o.get(i);l||(l=i.getBoundingClientRect(),o.set(i,l)),Oe(s,l)?e.entities.selectedSet.add(i):e.entities.selectedSet.delete(i)})},gt=(e,t)=>{const s=Math.min(e.x,t.x),n=Math.min(e.y,t.y),o=Math.max(e.x,t.x),i=Math.max(e.y,t.y),r=o-s,a=i-n;return new DOMRect(s,n,r,a)},ft=(e,t,s=5)=>{const n=s/2;return{left:e-n,top:t-n,width:s,height:s}},dt=e=>{const t=e.pointer.value?.current,s=t?.x??0,n=t?.y??0;return ft(s,n,5)},T=(e,t,s)=>{const n=e.left+e.width/2,o=e.top+e.height/2;if(s){const a=s.top??0,g=s.right??0,l=s.bottom??0,f=s.left??0,c=t.left+f,d=t.right-g,m=t.top+a,h=t.bottom-l;if(c<d&&m<h&&n>=c&&n<=d&&o>=m&&o<=h)return{top:!1,right:!1,bottom:!1,left:!1,center:!0}}const i=t.left+t.width/2,r=t.top+t.height/2;return{top:o<=r,bottom:o>r,left:n<=i,right:n>i,center:!1}},mt=e=>({x:e.left+e.width/2,y:e.top+e.height/2}),me=(e,t)=>{const s=mt(t);return Math.hypot(e.x-s.x,e.y-s.y)};function ht(e,t){return e===t?!0:!e||!t?!1:e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left&&e.center===t.center}function Z(e,t){ht(e.hoveredPlacement,t)||(e.hoveredPlacement=t)}const bt=(e,t)=>e.find(s=>s!==t&&_(t,s)),V=(e,t,s)=>{const n=R(t.droppable),o=R(t.draggable);o&&t.draggable.delete(o),n&&t.droppable.delete(n);const i=dt(e),r=s.zones[0],a=s.elements[0];if(r&&a&&r===a&&e.entities.droppableMap.has(r)&&r){const c=r.getBoundingClientRect(),d=e.entities.draggableMap.get(r)?.placementMargins,m=T(i,c,d);if(m.center){t.droppable.set(r,m);const h=bt(s.elements,r);if(h){const b=h.getBoundingClientRect();t.draggable.set(h,T(i,b,void 0))}}else t.draggable.set(a,m)}else{if(r){const c=r.getBoundingClientRect();t.droppable.set(r,T(i,c))}if(a)if(r)if(_(r,a)){const c=a.getBoundingClientRect(),d=e.entities.draggableMap.get(a)?.placementMargins;t.draggable.set(a,T(i,c,d))}else{const c=e.pointer.value?.current??{x:0,y:0},d=r.getBoundingClientRect(),m=a.getBoundingClientRect(),h=me(c,d);if(me(c,m)<h){t.droppable.clear();const p=e.entities.draggableMap.get(a)?.placementMargins;t.draggable.set(a,T(i,m,p))}}else{const c=a.getBoundingClientRect(),d=e.entities.draggableMap.get(a)?.placementMargins;t.draggable.set(a,T(i,c,d))}}const l=R(t.droppable),f=R(t.draggable);if(o&&o!==f){const c=e.entities.draggableMap.get(o);c&&Z(c,void 0)}if(n&&n!==l){const c=e.entities.droppableMap.get(n);c&&Z(c,void 0)}if(f){const c=e.entities.draggableMap.get(f);c&&Z(c,t.draggable.get(f))}if(l){const c=e.entities.droppableMap.get(l);c&&Z(c,t.droppable.get(l))}rt(e,n,l),at(e,o,f)},he=(e,t)=>e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y,$=e=>{if(!e)return{x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0};const t=e.getBoundingClientRect();return{x:t.x,y:t.y,width:t.width,height:t.height,top:t.top,left:t.left,right:t.right,bottom:t.bottom}},K=e=>({x:e.x+e.width/2,y:e.y+e.height/2}),yt=(e,t)=>Math.hypot(t.x-e.x,t.y-e.y),re=(e,t)=>{const s=Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x)),n=Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y)),o=s*n,i=e.width*e.height,r=t.width*t.height;return i===0||r===0?0:(o/i*100+o/r*100)/2},pt=(e,t,s)=>t>=e.x&&t<=e.x+e.width&&s>=e.y&&s<=e.y+e.height,St=e=>e.overlay.ref?.value??null,Dt=e=>{const t=e.overlay.position?.value??{x:0,y:0},{x:s,y:n}=t,o=e.overlay.size?.value;let i,r;if(o)i=o.width,r=o.height;else{const a=e.overlay.ref?.value?.getBoundingClientRect();i=a?.width??0,r=a?.height??0}return{x:s,y:n,width:i,height:r,top:n,left:s,right:s+i,bottom:n+r}},ke=e=>e.entities.allowedDraggableSet,Re=e=>e.entities.allowedDroppableSet,Mt=(e,t)=>!t.entities.draggingMap.has(e),vt=(e,t)=>![...t.entities.draggingMap.keys()].some(s=>_(s,e)),wt=(e,t)=>t.entities.draggableMap.has(e)?!ce(e,t):t.entities.droppableMap.has(e)?!O(e,t):!0,ae=(e,t)=>Mt(e,t)&&vt(e,t)&&wt(e,t),be=10;function U(e,t){return Math.hypot(t.x-(e.x+e.width/2),t.y-(e.y+e.height/2))}function xt(e){const t=e.pointer.value?.current??{x:0,y:0},s=document.elementsFromPoint(t.x,t.y),n=ke(e),o=Re(e),i=[],r=[];for(const a of s){const g=n.has(a),l=o.has(a);!g&&!l||ae(a,e)&&(g&&i.push(a),l&&r.push(a))}return i.length===0&&r.length===0?null:{elements:i,zones:r}}const q=e=>{if(!St(e))return{elements:[],zones:[]};const s=xt(e);if(s)return s;const n=Dt(e),o=e.pointer.value?.current??{x:0,y:0},i=[...ke(e)].filter(l=>ae(l,e)),r=[...Re(e)].filter(l=>ae(l,e)),a=i.map(l=>({n:l,box:$(l)})).filter(({box:l})=>he(l,n)&&re(l,n)>=be).sort((l,f)=>U(l.box,o)-U(f.box,o)).map(({n:l})=>l),g=r.map(l=>({n:l,box:$(l)})).filter(({box:l})=>he(l,n)&&re(l,n)>=be).sort((l,f)=>U(l.box,o)-U(f.box,o)).map(({n:l})=>l);return{elements:a,zones:g}};function ie(e){if(e.collision?.run){const s=e.collision.run(e);V(e,e.hovered,s);return}const t=q(e);V(e,e.hovered,t)}function At(e,t){const s=e.collision?.throttle?.value??0;if(s<=0){ie(e);return}const n=Date.now();n-t.value>=s&&(t.value=n,ie(e))}async function Ie(e){const t=e.hovered.droppable.keys().next().value;if(!t||O(t,e))return"accept";const s=e.entities.droppableMap.get(t),n=E(e,t),o=s?.events?.onDrop?.(n);if(o!=null&&typeof o.then=="function"){e.state.value="pending";let r;try{r=await o}catch{const a=e.entities.initiatingDraggable;return B(e,a,"onSelfDragCancel"),A(e,"onDragCancel"),Le(e,e.hovered),"cancel"}return r===!1?(e.state.value="dragging","decline"):"accept"}return o===!1?"decline":"accept"}function Pe(e){const t=e.entities.initiatingDraggable;B(e,t,"onSelfDragEnd"),A(e,"onDragEnd"),it(e,e.hovered)}function Et(e){const t=e.entities.selectingArea;if(!t)return;const s=e.entities.selectableAreaMap.get(t),n=[...e.entities.selectedSet];s?.events?.onSelected?.(n)}const Ct=e=>{const t={current:null},s={value:0},n=async()=>{se(),t.current?.cancel(),t.current=null;const a=e.state.value;if(a==="dragging"){const g=await Ie(e);if(g==="accept"&&Pe(e),g==="accept"||g==="cancel"){X(e),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o);return}return}else a==="selecting"&&Et(e);X(e),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o)},o=a=>{if(e.pointer.value){if(e.pointer.value.current={x:a.clientX,y:a.clientY},Ye(e)){ee(e,a,"onSelfDragStart"),A(e,"onDragStart");return}if(e.state.value==="dragging"){At(e,s);const g=e.entities.initiatingDraggable;B(e,g,"onSelfDragMove"),A(e,"onDragMove")}e.state.value==="selecting"&&ut(e)}};return{pointerDown:a=>{document.addEventListener("pointerup",n),document.addEventListener("pointermove",o);const g=a.target,l=g.closest(z.SELECT_AREA),f=g.closest(z.DRAGGABLE);if(e.entities.modifiersSelectableAreaSet.size>0&&e.entities.modifiersSelectableAreaSet.has(l)){ne(),e.pointer.value=oe(a),e.state.value="selecting",e.entities.selectingArea=l;return}if(e.entities.modifiersDraggableSet.size>0&&e.entities.modifiersDraggableSet.has(f)){const c=e.entities.draggableMap.get(f);if(!xe(g,f,c?.dragHandle))return;ne(),e.entities.initiatingDraggable=f;const d=ve(a,f);e.pointer.value=oe(a,d.x,d.y),c?.activation?.distance||c?.activation?.delay?(e.state.value="activating",c?.activation?.delay&&(e.delay.startTime=Date.now(),t.current=Xe(e,()=>{Y(e),ee(e,a,"onSelfDragStart"),A(e,"onDragStart")}))):(Y(e),ee(e,a,"onSelfDragStart"),A(e,"onDragStart"))}},pointerUp:n,pointerMove:o,cleanup:()=>{t.current?.cancel(),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o),e.lib.draggableObserver.disconnect(),e.lib.droppableObserver.disconnect(),e.lib.selectableAreaObserver.disconnect(),e.lib.overlaySizeObserver.disconnect()}}},Lt={ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1},ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},KeyW:{dx:0,dy:-1},KeyA:{dx:-1,dy:0},KeyS:{dx:0,dy:1},KeyD:{dx:1,dy:0}},kt=e=>t=>{const{keys:s}=e.keyboard;if(s.pressedKeys.value.add(t.code),e.state.value==="dragging"){if(s.forCancel.includes(t.code)){t.preventDefault(),se(),B(e,e.entities.initiatingDraggable,"onSelfDragCancel"),A(e,"onDragCancel"),Le(e,e.hovered),X(e);return}if(s.forDrop.includes(t.code)){t.preventDefault(),(async()=>(await Ie(e)&&Pe(e),se(),X(e)))();return}const o=Lt[t.code];if(o&&s.forMove.includes(t.code)&&e.pointer.value){t.preventDefault();const i=s.forMoveFaster.some(l=>s.pressedKeys.value.has(l)),r=e.keyboard.step*(i?e.keyboard.moveFaster:1);e.pointer.value.current={x:e.pointer.value.current.x+o.dx*r,y:e.pointer.value.current.y+o.dy*r};const g=(e.collision?.run??q)(e);V(e,e.hovered,g),B(e,e.entities.initiatingDraggable,"onSelfDragMove"),A(e,"onDragMove");return}return}if(s.forDrag.includes(t.code)){const o=document.activeElement;if(!o)return;const i=o.closest(z.DRAGGABLE);if(!i||e.entities.modifiersDraggableSet.size===0||!e.entities.modifiersDraggableSet.has(i))return;const r=e.entities.draggableMap.get(i);if(!xe(o,i,r?.dragHandle,!0))return;t.preventDefault(),ne();const a=i.getBoundingClientRect(),g=a.left+a.width/2,l=a.top+a.height/2,f={clientX:g,clientY:l};e.entities.initiatingDraggable=i;const c=ve(f,i);e.pointer.value=oe(f,c.x,c.y),Y(e);const m=(e.collision?.run??q)(e);V(e,e.hovered,m),B(e,i,"onSelfDragStart"),A(e,"onDragStart")}},Rt=e=>t=>{e.keyboard.keys.pressedKeys.value.delete(t.code)},It=e=>()=>{e.keyboard.keys.pressedKeys.value.clear()},te={keyDown:kt,keyUp:Rt,clear:It},Pt=e=>()=>{e.state.value&&(e.scrollPosition.x=window.scrollX,e.scrollPosition.y=window.scrollY,e.lib.rectCache.clear(),e.state.value==="dragging"&&ie(e))},C=50,Tt=144,ye=1e3/Tt;function Bt(e){return e==null?{top:C,right:C,bottom:C,left:C}:typeof e=="number"?{top:e,right:e,bottom:e,left:e}:{top:e.top??C,right:e.right??C,bottom:e.bottom??C,left:e.left??C}}const zt={getScrollState(e){return{scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}},setScroll(e,t,s){e.scrollTop=t,e.scrollLeft=s}};function Te(e,t,s,n=zt,o){const{speed:i=10,disabled:r=!1}=t,a=Bt(t.threshold);let g=null,l=null,f=null,c=0,d=0;const m=y=>{o&&(o.value=y)},h=y=>{const M=e.value,S=s();if(!M||!S||r){m(!1);return}l||(l=y);const N=y-l;if(N<ye){g=requestAnimationFrame(h);return}const D=i*(N/ye);l=y;const{scrollTop:x,scrollLeft:G}=n.getScrollState(M);(!f||c!==x||d!==G)&&(f=n.getRect?n.getRect(M):M.getBoundingClientRect(),c=x,d=G);let P=!1,W=x,J=G;a.top>0&&S.y-f.top<a.top?(W=x-D,P=!0):a.bottom>0&&f.bottom-S.y<a.bottom&&(W=x+D,P=!0),a.left>0&&S.x-f.left<a.left?(J=G-D,P=!0):a.right>0&&f.right-S.x<a.right&&(J=G+D,P=!0),P&&n.setScroll(M,W,J),m(P),g=requestAnimationFrame(h)};return{run:()=>{l=null,g=requestAnimationFrame(h)},stop:()=>{g&&(cancelAnimationFrame(g),g=null),f=null,c=0,d=0,l=null,m(!1)}}}const Ot={getScrollState(){return{scrollTop:window.scrollY??document.documentElement.scrollTop,scrollLeft:window.scrollX??document.documentElement.scrollLeft}},setScroll(e,t,s){window.scrollTo(s,t)},getRect(){return new DOMRect(0,0,window.innerWidth,window.innerHeight)}},Ft={get value(){return typeof document<"u"?document.documentElement:null}};function _t(e,t){const s=u.shallowRef(!1),o=Te(Ft,t??{},()=>{if(e.state.value!=="dragging")return null;const a=e.overlay.position.value,g=e.overlay.size.value;return a?g?.width&&g?.height?{x:a.x+g.width/2,y:a.y+g.height/2}:a:null},Ot,s),i=u.watch(()=>e.state.value,a=>{a==="dragging"?o.run():o.stop()}),r=()=>{i(),o.stop()};return u.onScopeDispose(r),{isScrolling:s,stop:r}}const Gt=e=>{const t=Ct(e),s=te.keyDown(e),n=te.keyUp(e),o=te.clear(e),i=Pt(e);let r=null;u.watch(e.autoScrollViewport,a=>{r?.(),r=null,(a===!0||a&&typeof a=="object")&&(r=_t(e,a===!0?{}:a).stop)},{immediate:!0}),u.onMounted(()=>{document.addEventListener("pointerdown",t.pointerDown),document.addEventListener("keydown",s),document.addEventListener("keyup",n),document.addEventListener("blur",o),document.addEventListener("scroll",i,!0)}),u.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",t.pointerDown),document.removeEventListener("pointerup",t.pointerUp),document.removeEventListener("pointermove",t.pointerMove),document.removeEventListener("keydown",s),document.removeEventListener("keyup",n),document.removeEventListener("blur",o),document.removeEventListener("scroll",i,!0),r?.(),t.cleanup()})},j=()=>{const e=u.inject(le);if(!e)throw Error("DnD provider not found");return e},fe=()=>{const e=j();return{overlay:e.overlay,delay:e.delay,distanceProgress:e.distanceProgress,entities:e.entities,pointer:e.pointer,state:e.state,scrollPosition:e.scrollPosition,keyboard:e.keyboard,hovered:e.hovered,collision:e.collision,autoScrollViewport:e.autoScrollViewport}},Ht=u.defineComponent({__name:"DefaultOverlay",setup(e){const{entities:t,state:s,overlay:n}=fe();return(o,i)=>u.unref(s)==="dragging"?(u.openBlock(),u.createElementBlock("div",{key:0,class:"dnd-kit-default-overlay",style:u.normalizeStyle({"--position-x":u.unref(n).position.value.x+"px","--position-y":u.unref(n).position.value.y+"px"})},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(u.unref(t).draggingMap,([r,a])=>(u.openBlock(),u.createElementBlock(u.Fragment,null,[u.unref(t).draggableMap.get(r)?.render?(u.openBlock(),u.createBlock(u.resolveDynamicComponent(u.unref(t).draggableMap.get(r)?.render),{key:0})):(u.openBlock(),u.createBlock(u.resolveDynamicComponent(r.tagName),{key:1,innerHTML:a.initialOuterHTML,style:u.normalizeStyle({width:a.initialRect.width+"px",height:a.initialRect.height+"px"})},null,8,["innerHTML","style"]))],64))),256))],4)):u.createCommentVNode("",!0)}}),Kt=u.defineComponent({__name:"DnDProvider",props:{autoScrollViewport:{type:[Object,Boolean,null]},overlayTo:{type:[String,Boolean,null]},style:{},class:{}},setup(e){const t=e,s=u.useTemplateRef("overlayRef"),n=We(s,t);Gt(n);const o=u.computed(()=>n.overlay.render.value??Ht);return u.provide(le,n),(i,r)=>(u.openBlock(),u.createElementBlock(u.Fragment,null,[u.renderSlot(i.$slots,"default"),(u.openBlock(),u.createBlock(u.Teleport,{to:u.unref(n).overlay.to.value||"body"},[u.createElementVNode("div",u.mergeProps({ref_key:"overlayRef",ref:s,class:"dnd-kit-overlay-container"},t),[u.renderSlot(i.$slots,"overlay",{overlay:o.value},()=>[(u.openBlock(),u.createBlock(u.resolveDynamicComponent(o.value)))])],16)],8,["to"]))],64))}});function Nt(e,t,s){const n=j();let o,i,r;typeof t=="function"?(o={},i=t):(o=t??{},i=s);const a=u.computed({get(){const c=v(e);return c?n.entities.selectedSet.has(c):!1},set(c){const d=v(e);d&&n.entities.selectedSet[c?"add":"delete"](d)}}),g=u.computed(()=>{const c=v(e);return c?n.entities.draggingMap.has(c):!1}),l=u.computed(()=>{const c=v(e);return c?n.entities.allowedDraggableSet.has(c):!1}),f=u.computed(()=>{const c=v(e);if(c)return n.entities.draggableMap.get(c)?.hoveredPlacement});return u.onMounted(()=>{r=v(e),r&&(r.addEventListener("dragstart",w),r.addEventListener("drag",w),r.addEventListener("dragend",w),r.setAttribute(I.DRAGGABLE,""),n.lib.draggableObserver.observe(r),n.entities.draggableMap.set(r,{render:o.render,disabled:o.disabled??!1,groups:o.groups??[],modifier:o.modifier,events:o.events,payload:i,dragHandle:o.dragHandle,activation:o.activation,placementMargins:o.placementMargins,hoveredPlacement:void 0}))}),u.onBeforeUnmount(()=>{r&&(n.lib.draggableObserver.unobserve(r),n.entities.visibleDraggableSet.delete(r),n.entities.draggableMap.delete(r),n.entities.modifiersDraggableSet.delete(r))}),{selected:a,isDragging:g,isAllowed:l,isDragOver:f}}const Zt=(e,t)=>{const s=j(),n=u.computed(()=>e.value===s.entities.selectingArea);let o=null;u.onMounted(()=>{o=v(e),o&&(o.setAttribute(I.SELECT_AREA,""),s.lib.selectableAreaObserver.observe(o),s.entities.selectableAreaMap.set(o,{modifier:t?.modifier??{keys:["ControlLeft"],method:"every"},events:t?.events,disabled:t?.disabled??!1,groups:t?.groups??[]}))}),u.onBeforeUnmount(()=>{o&&(s.lib.selectableAreaObserver.unobserve(o),s.entities.visibleSelectableAreaSet.delete(o),s.entities.modifiersSelectableAreaSet.delete(o),s.entities.selectableAreaMap.delete(o))});const i=u.computed(()=>{s.scrollPosition.x,s.scrollPosition.y;const r=s.pointer.value;return!r||s.state.value!=="selecting"||!o||!n.value?{}:ct(r.start,r.current,o)});return{isSelecting:n,style:i}};function Ut(e,t){const s=u.inject(le);if(!s)throw Error("DnD provider not found");let n=null;return u.onMounted(()=>{n=v(e),n&&(n.setAttribute(I.CONSTRAINT_AREA,""),s.entities.constraintsAreaMap.set(n,{axis:t?.axis||"both",restrictToArea:t?.restrictToArea||!1}))}),u.onBeforeUnmount(()=>{n&&s.entities.constraintsAreaMap.delete(n)}),{}}function Yt(e,t,s){const n=j();let o=null,i,r;typeof t=="function"?(i={},r=t):(i=t??{},r=s);const a=u.computed(()=>{const l=v(e);return l?n.entities.allowedDroppableSet.has(l):!1}),g=u.computed(()=>{const l=v(e);if(l)return n.entities.droppableMap.get(l)?.hoveredPlacement});return u.onMounted(()=>{o=v(e),o&&(o.setAttribute(I.DROPPABLE,""),n.lib.droppableObserver.observe(o),n.entities.droppableMap.set(o,{disabled:i.disabled??!1,groups:i.groups??[],events:i.events,payload:r,hoveredPlacement:void 0}))}),u.onBeforeUnmount(()=>{o&&(n.lib.droppableObserver.unobserve(o),n.entities.visibleDroppableSet.delete(o),n.entities.droppableMap.delete(o))}),{isAllowed:a,isDragOver:g}}const Xt=(e,t)=>{const s=fe(),n=u.shallowRef(!1),i=Te(e,t??{},()=>{if(s.state.value!=="dragging")return null;const r=s.overlay.position.value,a=s.overlay.size.value;return r?a?.width&&a?.height?{x:r.x+a.width/2,y:r.y+a.height/2}:r:null},void 0,n);return u.watch(()=>s.state.value,r=>{r==="dragging"?i.run():i.stop()}),{isScrolling:n}};function pe(e,t){return t<=0?e:Math.round(e/t)*t}function Vt(e,t){const s=t&&"grid"in t&&t.grid!=null,n=t?s?t.grid:t.gridX:1,o=t?s?t.grid:t.gridY:1;return u.computed(()=>{const{x:i,y:r}=e.value;return{x:pe(i,n),y:pe(r,o)}})}const Se=()=>!0,De=()=>0,$t="separate",qt=()=>{const e={filterElements:Se,filterZones:Se,sortElements:De,sortZones:De,mergeStrategy:$t,pickClosestBetweenFirst:!1},t=(n,o,i,r,a,g,l)=>{const f=r instanceof Set?r:new Set(r),c={containerBox:o,pointer:i},d=e.minOverlapPercent,m=[];for(const h of f){if(!a(h,n))continue;const b=$(h);if(!l(b,c))continue;const p=re(b,o);if(d!==void 0&&p<d)continue;let y=0;for(const M of f)M!==h&&_(M,h)&&y++;m.push({node:h,box:b,meta:{isPointerInElement:pt(b,i.x,i.y),overlapPercent:p,depth:y,centerDistance:yt(K(o),K(b))}})}return m.sort((h,b)=>g(h,b,c)),m},s={container(n){return e.container=n,s},containerBox(n){return e.containerBox=n,s},elements(n){return e.elements=n,s},zones(n){return e.zones=n,s},filterElements(n){return e.filterElements=n,s},filterZones(n){return e.filterZones=n,s},collision(n){return e.collision=n,s},sortElements(n){return e.sortElements=n,s},sortZones(n){return e.sortZones=n,s},mergeStrategy(n){return e.mergeStrategy=n,s},pickClosestBetweenFirst(n){return e.pickClosestBetweenFirst=n,s},minOverlapPercent(n){return e.minOverlapPercent=n,s},build(){const n=e;if(!n.container||!n.elements||!n.zones||!n.collision)throw new Error("sensor: container, elements, zones, collision are required");return o=>{const i=n.container(o);if(!i)return{elements:[],zones:[]};const r=n.containerBox?n.containerBox(o):$(i),a=o.pointer.value?.current??{x:0,y:0},g=t(o,r,a,n.elements(o),n.filterElements,n.sortElements,n.collision),l=t(o,r,a,n.zones(o),n.filterZones,n.sortZones,n.collision);if(n.mergeStrategy==="unified-closest"){const f=[...g.map(d=>({node:d.node,box:d.box,isZone:!1,distance:0})),...l.map(d=>({node:d.node,box:d.box,isZone:!0,distance:0}))];if(f.length===0)return{elements:[],zones:[]};for(const d of f){const m=K(d.box);d.distance=Math.hypot(a.x-m.x,a.y-m.y)}const c=f.reduce((d,m)=>m.distance<d.distance?m:d);return c.isZone?{elements:[],zones:[c.node]}:{elements:[c.node],zones:[]}}if(n.pickClosestBetweenFirst&&g[0]&&l[0]){const f=K(l[0].box),c=K(g[0].box),d=Math.hypot(a.x-f.x,a.y-f.y);return Math.hypot(a.x-c.x,a.y-c.y)<d?{elements:g.map(h=>h.node),zones:[]}:{elements:[],zones:l.map(h=>h.node)}}return{elements:g.map(f=>f.node),zones:l.map(f=>f.node)}}}};return s},jt=()=>qt();exports.DnDProvider=Kt;exports.createSensor=jt;exports.defaultCollisionDetection=q;exports.makeAutoScroll=Xt;exports.makeConstraintArea=Ut;exports.makeDraggable=Nt;exports.makeDroppable=Yt;exports.makeSelectionArea=Zt;exports.makeSnappedOverlayPosition=Vt;exports.useDnDProvider=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("vue"),R={SELECT_AREA:"data-dnd-kit-select-area",DRAGGABLE:"data-dnd-kit-draggable",DROPPABLE:"data-dnd-kit-droppable",CONSTRAINT_AREA:"data-dnd-kit-constraint-area"},O={SELECT_AREA:`[${R.SELECT_AREA}]`,DRAGGABLE:`[${R.DRAGGABLE}]`,CONSTRAINT_AREA:`[${R.CONSTRAINT_AREA}]`},le="VueDnDKitProvider",de=(e,t,s,n)=>{const o=new Set;return t.forEach(a=>{const r=e.get(a),i=n?n(a):r?.disabled;if(!r||i)return;const u=r.modifier?.keys,l=r.modifier?.method;if(!u||!l||u.length===0){o.add(a);return}u[l](c=>s.value.has(c))&&o.add(a)}),o};let ve="",Be="",Oe="";const D=e=>e.value?e.value instanceof HTMLElement?e.value:e.value.$el:null,_=(e,t)=>e!==t&&e.contains(t),ze=(e,t)=>!(e.right<t.left||e.left>t.right||e.bottom<t.top||e.top>t.bottom),ne=()=>{const e=document.body;ve=e.style.userSelect,e.style.userSelect="none",window.addEventListener("contextmenu",v),window.addEventListener("selectstart",v),window.addEventListener("touchstart",v),window.addEventListener("touchmove",v)},se=()=>{const e=document.body;e.style.userSelect=ve,e.style.touchAction=Be,e.style.overscrollBehavior=Oe,window.removeEventListener("contextmenu",v),window.removeEventListener("selectstart",v),window.removeEventListener("touchstart",v),window.removeEventListener("touchmove",v)},v=e=>e.preventDefault(),ce=(e,t)=>{if(t.entities.draggableMap.get(e)?.disabled)return!0;for(const n of t.entities.visibleDraggableSet)if(t.entities.draggableMap.get(n)?.disabled&&_(n,e))return!0;return!1},z=(e,t)=>{if(t.entities.droppableMap.get(e)?.disabled)return!0;for(const n of t.entities.visibleDroppableSet)if(t.entities.droppableMap.get(n)?.disabled&&_(n,e))return!0;return!1},ue=(e,t)=>{if(!e.length||!t.length)return!0;const s=new Set(t);return e.some(n=>s.has(n))};function Fe(e,t,s,n){const o=new Set;for(const i of t.keys()){const u=s.get(i);for(const l of u?.groups??[])o.add(l)}const a=[...o],r=new Set;for(const i of e){const l=n.get(i)?.groups??[];ue(a,l)&&r.add(i)}return r}function _e(e,t,s){const n=new Set;for(const r of t.keys()){const i=s.get(r);for(const u of i?.groups??[])n.add(u)}const o=[...n],a=new Set;for(const r of e){const u=s.get(r)?.groups??[];ue(o,u)&&a.add(r)}return a}const Q=e=>{const t=new IntersectionObserver(s=>{s.forEach(n=>{const o=n.target;e[n.isIntersecting?"add":"delete"](o)})});return{observe:s=>t.observe(s),unobserve:s=>t.unobserve(s),disconnect:()=>t.disconnect()}},Ge=e=>{const t=new ResizeObserver(s=>{const n=s[0];if(!n)return;const{width:o,height:a}=n.contentRect;e.value={width:o,height:a}});return{observe:s=>t.observe(s),unobserve:s=>t.unobserve(s),disconnect:()=>t.disconnect()}},He=e=>{const t=g.ref(null),s=Ge(t),n=g.watch(e,a=>{s.disconnect(),a&&s.observe(a)},{immediate:!0});return{overlaySize:t,overlaySizeObserver:{disconnect:()=>{n(),s.disconnect()}}}};function oe(e,t=0,s=0){return{start:{x:e.clientX,y:e.clientY},current:{x:e.clientX,y:e.clientY},offset:{x:t,y:s}}}function Me(e,t){const s=t.getBoundingClientRect(),n=s.width>0?(e.clientX-s.left)/s.width:.5,o=s.height>0?(e.clientY-s.top)/s.height:.5;return{x:n,y:o}}function we(e,t){return{...t,initialHTML:e.innerHTML,initialRect:e.getBoundingClientRect(),initialOuterHTML:e.outerHTML}}function Ke(e,t,s){e.forEach(n=>{const o=t.get(n);s.set(n,we(n,o))}),e.clear()}function Ne(e,t,s){s.clear();const n=t.get(e);s.set(e,we(e,n))}function Y(e){e.entities.initiatingDraggable&&(e.state.value="dragging",Ze(e.entities.initiatingDraggable,e.entities.selectedSet,e.entities.draggableMap,e.entities.draggingMap))}function Ze(e,t,s,n){t.has(e)?Ke(t,s,n):(t.clear(),Ne(e,s,n))}function xe(e,t,s,n){if(n||!s)return!0;const o=e.closest(s);return o?t.contains(o):!1}function Ue(e,t){if(!e||!t)return 1;const s=Math.abs(e.current.x-e.start.x),n=Math.abs(e.current.y-e.start.y);if(typeof t=="number"){const l=Math.sqrt(s*s+n*n);return Math.min(l/t,1)}const{x:o=0,y:a=0,condition:r="any"}=t;if(o===0&&a===0)return 1;const i=o>0?Math.min(s/o,1):1,u=a>0?Math.min(n/a,1):1;return r==="both"?Math.min(i,u):Math.max(i,u)}function Ae(e,t,s){if(!s)return!0;const n=s.distance!=null,o=s.delay!=null;return!n&&!o?!0:n&&!o?e>=1:!n&&o?t>=1:(s.condition??"both")==="both"?e>=1&&t>=1:e>=1||t>=1}function Ye(e){if(e.state.value!=="activating"||!e.entities.initiatingDraggable)return!1;const t=e.entities.draggableMap.get(e.entities.initiatingDraggable);return Ae(e.distanceProgress.value,e.delay.progress,t?.activation)?(Y(e),!0):!1}function Xe(e,t){let s=null;const n=()=>{if(e.state.value!=="activating"||!e.entities.initiatingDraggable){s=null;return}const o=e.entities.draggableMap.get(e.entities.initiatingDraggable),a=o?.activation?.delay;if(!a){s=null;return}e.delay.progress=Math.min((Date.now()-e.delay.startTime)/(a*1e3),1),Ae(e.distanceProgress.value,e.delay.progress,o?.activation)?(t(),s=null):s=requestAnimationFrame(n)};return s=requestAnimationFrame(n),{cancel:()=>{s!==null&&(cancelAnimationFrame(s),s=null)}}}function Ve(e,t){const s=e.closest(O.CONSTRAINT_AREA);return!s||!t.has(s)?null:{element:s,entity:t.get(s)}}function $e(e,t,s,n){return s==="x"?{x:e,y:n.top}:s==="y"?{x:n.left,y:t}:{x:e,y:t}}function qe(e,t,s,n,o){let a=e,r=t;return s!=="y"&&(a=Math.max(n.left,Math.min(n.right-o.width,e))),s!=="x"&&(r=Math.max(n.top,Math.min(n.bottom-o.height,t))),{x:a,y:r}}function je(e,t,s,n,o){if(!e||!t)return{x:0,y:0};const a=t.getBoundingClientRect(),r=a.width||o?.width||0,i=a.height||o?.height||0;let u=e.current.x-r*e.offset.x,l=e.current.y-i*e.offset.y;if(!s)return{x:u,y:l};const f=Ve(s,n);if(!f)return{x:u,y:l};const{element:c,entity:d}=f,m=c.getBoundingClientRect(),h=s.getBoundingClientRect(),b=$e(u,l,d.axis||"both",h);return d.restrictToArea?qe(b.x,b.y,d.axis||"both",m,a):b}const H={forDrag:["Enter","Space"],forCancel:["Escape"],forDrop:["Enter","Space"],forMove:["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","KeyW","KeyA","KeyS","KeyD"],forMoveFaster:["ShiftLeft","ShiftRight"]};function We(e,t){const s=g.shallowRef(),n=g.ref(),a={keys:{pressedKeys:g.ref(new Set),forDrag:[...H.forDrag],forCancel:[...H.forCancel],forDrop:[...H.forDrop],forMove:[...H.forMove],forMoveFaster:[...H.forMoveFaster]},step:8,moveFaster:4},r=g.reactive({draggableMap:new Map,droppableMap:new Map,selectableAreaMap:new Map,constraintsAreaMap:new Map,initiatingDraggable:void 0,selectingArea:void 0,draggingMap:new Map,selectedSet:new Set,allowedDroppableSet:g.computed(()=>s.value?Fe(r.visibleDroppableSet,r.draggingMap,r.draggableMap,r.droppableMap):new Set),allowedDraggableSet:g.computed(()=>s.value?_e(r.visibleDraggableSet,r.draggingMap,r.draggableMap):new Set),modifiersSelectableAreaSet:g.computed(()=>de(r.selectableAreaMap,r.visibleSelectableAreaSet,a.keys.pressedKeys)),modifiersDraggableSet:g.computed(()=>de(r.draggableMap,r.visibleDraggableSet,a.keys.pressedKeys,w=>ce(w,{entities:r}))),visibleDraggableSet:new Set,visibleDroppableSet:new Set,visibleSelectableAreaSet:new Set}),i=g.reactive({draggable:new Map,droppable:new Map}),u={throttle:g.shallowRef(0)},l=g.reactive({x:window.scrollX,y:window.scrollY}),f=g.reactive({progress:0,startTime:0}),c=g.computed(()=>{if(!n.value||!r.initiatingDraggable)return 0;const w=r.draggableMap.get(r.initiatingDraggable)?.activation?.distance;return w?Ue(n.value,w):1}),d=Q(r.visibleDraggableSet),m=Q(r.visibleDroppableSet),h=Q(r.visibleSelectableAreaSet),{overlaySize:b,overlaySizeObserver:S}=He(e),y=g.ref(),M=g.computed(()=>{const p=r.initiatingDraggable;return je(n.value,e.value,p||null,r.constraintsAreaMap,b.value)}),E=g.computed({get:()=>t?.overlayTo,set:p=>E.value=p}),N=g.computed(()=>t?.autoScrollViewport);return{state:s,pointer:n,entities:r,keyboard:a,scrollPosition:l,delay:f,distanceProgress:c,hovered:i,collision:u,overlay:{size:b,position:M,render:y,ref:e,to:E},lib:{draggableObserver:d,droppableObserver:m,selectableAreaObserver:h,overlaySizeObserver:S,rectCache:new Map},autoScrollViewport:N}}const X=e=>{const t=e.hovered.draggable.keys().next().value;if(t){const n=e.entities.draggableMap.get(t);n&&(n.hoveredPlacement=void 0)}const s=e.hovered.droppable.keys().next().value;if(s){const n=e.entities.droppableMap.get(s);n&&(n.hoveredPlacement=void 0)}e.lib.rectCache.clear(),e.pointer.value=void 0,e.state.value=void 0,e.entities.selectingArea=void 0,e.entities.initiatingDraggable=void 0,e.delay.progress=0,e.delay.startTime=0,e.entities.draggingMap.clear(),e.hovered.draggable.clear(),e.hovered.droppable.clear()};function L(e,t,s){const n=Math.max(0,Math.min(t,e.length));return[...e.slice(0,n),...s,...e.slice(n)]}function ge(e,t,s=1){const n=Math.max(0,Math.min(t,e.length-1)),o=Math.max(0,Math.min(s,e.length-n));return[...e.slice(0,n),...e.slice(n+o)]}function F(e,t){const s=[...new Set(t)].filter(o=>o>=0&&o<e.length).sort((o,a)=>a-o);let n=e;for(const o of s)n=ge(n,o,1);return n}function Ee(e,t,s){if(t===s||t<0||s<0||t>=e.length||s>=e.length)return e;const n=[...e];return[n[t],n[s]]=[n[s],n[t]],n}const k={getInsertSide(e,t){return e?t==="vertical"?e.top&&!e.bottom?"before":e.bottom&&!e.top?"after":e.top?"before":null:e.left&&!e.right?"before":e.right&&!e.left?"after":e.left?"before":null:null},isAtZoneStart(e,t){return k.getInsertSide(e,t)==="before"&&!e?.center},isAtZoneEnd(e,t){return k.getInsertSide(e,t)==="after"&&!e?.center}};function Ce(e,t){const{draggedItems:s,dropZone:n,hoveredDraggable:o}=e;if(!s.length)return null;const a=o?.placement.center===!0&&n!=null&&n.items!==o.items,r=a?n.items:o?.items??n?.items;if(!r)return null;const i=s[0].items,u=s.map(d=>d.index),l=r.length;let f,c;if(o&&!a){const d=o.items===i&&u.includes(o.index);if(d&&s.length===1){const m=k.isAtZoneStart(n?.placement,t);f=m?0:l,c=m?"prepend":"append"}else{if(d)return null;{const m=k.getInsertSide(o.placement,t),h=o.index;m==="before"?(f=Math.max(0,h),c="insert"):m==="after"?(f=Math.min(l,h+1),c="insert"):(f=l,c="append")}}}else{if(!n)return null;const d=k.isAtZoneStart(n.placement,t);f=d?0:l,c=d?"prepend":"append"}return{targetIndex:f,mode:c,targetArr:r}}function Je(e,t="vertical"){const{draggedItems:s}=e;if(!s.length)return null;const n=Ce(e,t);if(!n)return null;const{targetArr:o,mode:a}=n;let{targetIndex:r}=n;const i=s.map(c=>c.index),u=s.map(c=>c.item),l=s[0].items;if(l===o){const c=i.filter(m=>m<r).length;r=Math.max(0,r-c);const d=L(F(l,i),r,u);return{sourceItems:d,targetItems:d,draggedItems:u,sourceIndexes:i,targetIndex:r,mode:a,sameList:!0}}else{const c=F(l,i),d=L(o,r,u);return{sourceItems:c,targetItems:d,draggedItems:u,sourceIndexes:i,targetIndex:r,mode:a,sameList:!1}}}function Qe(e){const{draggedItems:t,hoveredDraggable:s}=e;if(!t.length||!s)return null;const n=t.map(f=>f.index),o=s.index,a=t.map(f=>f.item),r=s.item,i=t[0].items,u=s.items,l=i===u;if(l&&n.includes(o))return null;if(t.length===1){const f=n[0];if(l){const c=Ee(i,f,o);return{sourceItems:c,targetItems:c,sourceIndexes:n,targetIndex:o,sameList:!0}}else{const c=[...i],d=[...u];return c[f]=u[o],d[o]=i[f],{sourceItems:c,targetItems:d,sourceIndexes:n,targetIndex:o,sameList:!1}}}else{const f=Math.min(...n);if(l){const c=n.filter(y=>y<o).length,d=Math.max(0,o-c),m=n.filter(y=>y<f).length,h=Math.max(0,f-m);let b=F(i,n);b=L(b,d,a);const S=h>=d?h+a.length:h;return b=L(b,S,[r]),{sourceItems:b,targetItems:b,sourceIndexes:n,targetIndex:d,sameList:!0}}else{const c=n.filter(b=>b<f).length,d=Math.max(0,f-c);let m=F(i,n);m=L(m,d,[r]);let h=ge(u,o);return h=L(h,o,a),{sourceItems:m,targetItems:h,sourceIndexes:n,targetIndex:o,sameList:!1}}}}function et(e,t="vertical"){const{draggedItems:s}=e;if(!s.length)return null;const n=Ce(e,t);if(!n)return null;const{targetArr:o,targetIndex:a,mode:r}=n,i=s.map(l=>l.item);return{targetItems:L(o,a,i),copiedItems:i,targetIndex:a,mode:r}}function tt(e){const{draggedItems:t}=e;if(!t.length)return null;const s=t.map(r=>r.index),n=t.map(r=>r.item),o=t[0].items;return{sourceItems:F(o,s),removedItems:n,sourceIndexes:s}}function nt(e){return{insertAt:L,removeAt:ge,removeIndexes:F,swapAt:Ee,getInsertSide:(t,s)=>k.getInsertSide(t,s),isAtZoneStart:(t,s)=>k.isAtZoneStart(t,s),isAtZoneEnd:(t,s)=>k.isAtZoneEnd(t,s),suggestSort:t=>Je(e,t),suggestSwap:()=>Qe(e),suggestCopy:t=>et(e,t),suggestRemove:()=>tt(e)}}const I=e=>e.keys().next().value,st=e=>e.target.closest(O.DRAGGABLE);function ot(e){const t=e.entities.initiatingDraggable;if(!t)return[];const s=e.entities.draggingMap.get(t)??e.entities.draggableMap.get(t),n=s?.payload;if(!n)return s?.data?[{index:-1,item:void 0,items:[],data:s.data()}]:[];const o=n();if(!Array.isArray(o)||o.length<2)return[];const[a,r]=o,i=Number(a),u=r,l=new Map;return l.set(i,{index:i,item:u[i],items:u,data:s?.data?.()}),e.entities.draggingMap.forEach((f,c)=>{const d=e.entities.draggableMap.get(c),m=d?.payload;if(!m)return;const h=m();if(!Array.isArray(h)||h.length<2)return;const[b,S]=h;if(S!==u)return;const y=Number(b);l.has(y)||l.set(y,{index:y,item:S[y],items:u,data:d?.data?.()})}),[...l.values()].sort((f,c)=>f.index-c.index)}const A=(e,t)=>{const s=ot(e);let n,o;if(t){const a=e.entities.droppableMap.get(t);if(a){const u=a.payload;n={items:u?u():[],placement:e.hovered.droppable.get(t),data:a.data?.()}}const r=I(e.hovered.draggable);if(r&&(r===t||t.contains(r))&&r){const u=e.entities.draggableMap.get(r),l=u?.payload,f=e.hovered.draggable.get(r),c={top:!1,right:!1,bottom:!1,left:!1,center:!1};if(l){const d=l();if(Array.isArray(d)&&d.length>=2){const[m,h]=d,b=Number(m);o={element:r,placement:f??c,index:b,item:h[b],items:h,data:u?.data?.()}}}else u?.data&&(o={element:r,placement:f??c,index:-1,item:void 0,items:[],data:u.data()})}}return{draggedItems:s,dropZone:n,hoveredDraggable:o,provider:e,helpers:nt({draggedItems:s,dropZone:n,hoveredDraggable:o})}},B=(e,t,s)=>{if(!t)return;const n=e.entities.draggingMap.get(t)??e.entities.draggableMap.get(t);!n||n.disabled||n.events?.[s]?.(A(e))},x=(e,t)=>{const s=A(e);e.entities.draggingMap.forEach(n=>{n.disabled||n.events?.[t]?.(s)})},rt=(e,t,s)=>{if(t!==s){if(t&&!z(t,e)){const n=A(e,t);e.entities.droppableMap.get(t)?.events?.onLeave?.(n)}if(s&&!z(s,e)){const n=A(e,s);e.entities.droppableMap.get(s)?.events?.onEnter?.(n)}}},at=(e,t,s)=>{if(t!==s){const n=A(e);if(t){const o=e.entities.draggableMap.get(t);o&&!o.disabled&&o.events?.onLeave?.(n)}if(s){const o=e.entities.draggableMap.get(s);o&&!o.disabled&&o.events?.onHover?.(n)}}},ee=(e,t,s)=>{const n=st(t);!n||!e.entities.draggingMap.has(n)||e.entities.draggingMap.get(n)?.events?.[s]?.(A(e))},it=(e,t)=>{const s=I(t.droppable);s&&!z(s,e)&&e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e,s))},Le=(e,t)=>{const s=I(t.droppable);s&&!z(s,e)&&e.entities.droppableMap.get(s)?.events?.onLeave?.(A(e,s))};function lt(e){return e.parentElement?.closest(O.SELECT_AREA)??null}const ct=(e,t,s)=>{if(!s)return{};const n=s.getBoundingClientRect(),o=Math.max(n.left,Math.min(e.x,t.x)),a=Math.max(n.top,Math.min(e.y,t.y)),r=Math.min(n.right,Math.max(e.x,t.x)),i=Math.min(n.bottom,Math.max(e.y,t.y)),u=Math.max(0,r-o),l=Math.max(0,i-a);return{left:`${o}px`,top:`${a}px`,width:`${u}px`,height:`${l}px`,position:"fixed",pointerEvents:"none",border:"1px solid #3b82f6",backgroundColor:"#3b82f61a"}},ut=e=>{if(!e.pointer.value||!e.entities.selectingArea)return;const{selectingArea:t}=e.entities,s=gt(e.pointer.value.start,e.pointer.value.current),n=e.entities.selectableAreaMap.get(t)?.groups??[],o=e.lib.rectCache;e.entities.visibleDraggableSet.forEach(a=>{if(a===t||!t.contains(a))return;const r=lt(a);if(r&&r!==t){e.entities.selectedSet.delete(a);return}if(ce(a,e)){e.entities.selectedSet.delete(a);return}const u=e.entities.draggableMap.get(a)?.groups??[];if(!ue(n,u)){e.entities.selectedSet.delete(a);return}let l=o.get(a);l||(l=a.getBoundingClientRect(),o.set(a,l)),ze(s,l)?e.entities.selectedSet.add(a):e.entities.selectedSet.delete(a)})},gt=(e,t)=>{const s=Math.min(e.x,t.x),n=Math.min(e.y,t.y),o=Math.max(e.x,t.x),a=Math.max(e.y,t.y),r=o-s,i=a-n;return new DOMRect(s,n,r,i)},ft=(e,t,s=5)=>{const n=s/2;return{left:e-n,top:t-n,width:s,height:s}},dt=e=>{const t=e.pointer.value?.current,s=t?.x??0,n=t?.y??0;return ft(s,n,5)},T=(e,t,s)=>{const n=e.left+e.width/2,o=e.top+e.height/2;if(s){const i=s.top??0,u=s.right??0,l=s.bottom??0,f=s.left??0,c=t.left+f,d=t.right-u,m=t.top+i,h=t.bottom-l;if(c<d&&m<h&&n>=c&&n<=d&&o>=m&&o<=h)return{top:!1,right:!1,bottom:!1,left:!1,center:!0}}const a=t.left+t.width/2,r=t.top+t.height/2;return{top:o<=r,bottom:o>r,left:n<=a,right:n>a,center:!1}},mt=e=>({x:e.left+e.width/2,y:e.top+e.height/2}),me=(e,t)=>{const s=mt(t);return Math.hypot(e.x-s.x,e.y-s.y)};function ht(e,t){return e===t?!0:!e||!t?!1:e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left&&e.center===t.center}function Z(e,t){ht(e.hoveredPlacement,t)||(e.hoveredPlacement=t)}const bt=(e,t)=>e.find(s=>s!==t&&_(t,s)),V=(e,t,s)=>{const n=I(t.droppable),o=I(t.draggable);o&&t.draggable.delete(o),n&&t.droppable.delete(n);const a=dt(e),r=s.zones[0],i=s.elements[0];if(r&&i&&r===i&&e.entities.droppableMap.has(r)&&r){const c=r.getBoundingClientRect(),d=e.entities.draggableMap.get(r)?.placementMargins,m=T(a,c,d);if(m.center){t.droppable.set(r,m);const h=bt(s.elements,r);if(h){const b=h.getBoundingClientRect();t.draggable.set(h,T(a,b,void 0))}}else t.draggable.set(i,m)}else{if(r){const c=r.getBoundingClientRect();t.droppable.set(r,T(a,c))}if(i)if(r)if(_(r,i)){const c=i.getBoundingClientRect(),d=e.entities.draggableMap.get(i)?.placementMargins;t.draggable.set(i,T(a,c,d))}else{const c=e.pointer.value?.current??{x:0,y:0},d=r.getBoundingClientRect(),m=i.getBoundingClientRect(),h=me(c,d);if(me(c,m)<h){t.droppable.clear();const S=e.entities.draggableMap.get(i)?.placementMargins;t.draggable.set(i,T(a,m,S))}}else{const c=i.getBoundingClientRect(),d=e.entities.draggableMap.get(i)?.placementMargins;t.draggable.set(i,T(a,c,d))}}const l=I(t.droppable),f=I(t.draggable);if(o&&o!==f){const c=e.entities.draggableMap.get(o);c&&Z(c,void 0)}if(n&&n!==l){const c=e.entities.droppableMap.get(n);c&&Z(c,void 0)}if(f){const c=e.entities.draggableMap.get(f);c&&Z(c,t.draggable.get(f))}if(l){const c=e.entities.droppableMap.get(l);c&&Z(c,t.droppable.get(l))}rt(e,n,l),at(e,o,f)},he=(e,t)=>e.x<t.x+t.width&&e.x+e.width>t.x&&e.y<t.y+t.height&&e.y+e.height>t.y,$=e=>{if(!e)return{x:0,y:0,width:0,height:0,top:0,left:0,right:0,bottom:0};const t=e.getBoundingClientRect();return{x:t.x,y:t.y,width:t.width,height:t.height,top:t.top,left:t.left,right:t.right,bottom:t.bottom}},K=e=>({x:e.x+e.width/2,y:e.y+e.height/2}),yt=(e,t)=>Math.hypot(t.x-e.x,t.y-e.y),re=(e,t)=>{const s=Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x)),n=Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y)),o=s*n,a=e.width*e.height,r=t.width*t.height;return a===0||r===0?0:(o/a*100+o/r*100)/2},pt=(e,t,s)=>t>=e.x&&t<=e.x+e.width&&s>=e.y&&s<=e.y+e.height,St=e=>e.overlay.ref?.value??null,Dt=e=>{const t=e.overlay.position?.value??{x:0,y:0},{x:s,y:n}=t,o=e.overlay.size?.value;let a,r;if(o)a=o.width,r=o.height;else{const i=e.overlay.ref?.value?.getBoundingClientRect();a=i?.width??0,r=i?.height??0}return{x:s,y:n,width:a,height:r,top:n,left:s,right:s+a,bottom:n+r}},ke=e=>e.entities.allowedDraggableSet,Ie=e=>e.entities.allowedDroppableSet,vt=(e,t)=>!t.entities.draggingMap.has(e),Mt=(e,t)=>![...t.entities.draggingMap.keys()].some(s=>_(s,e)),wt=(e,t)=>t.entities.draggableMap.has(e)?!ce(e,t):t.entities.droppableMap.has(e)?!z(e,t):!0,ae=(e,t)=>vt(e,t)&&Mt(e,t)&&wt(e,t),be=10;function U(e,t){return Math.hypot(t.x-(e.x+e.width/2),t.y-(e.y+e.height/2))}function xt(e){const t=e.pointer.value?.current??{x:0,y:0},s=document.elementsFromPoint(t.x,t.y),n=ke(e),o=Ie(e),a=[],r=[];for(const i of s){const u=n.has(i),l=o.has(i);!u&&!l||ae(i,e)&&(u&&a.push(i),l&&r.push(i))}return a.length===0&&r.length===0?null:{elements:a,zones:r}}const q=e=>{if(!St(e))return{elements:[],zones:[]};const s=xt(e);if(s)return s;const n=Dt(e),o=e.pointer.value?.current??{x:0,y:0},a=[...ke(e)].filter(l=>ae(l,e)),r=[...Ie(e)].filter(l=>ae(l,e)),i=a.map(l=>({n:l,box:$(l)})).filter(({box:l})=>he(l,n)&&re(l,n)>=be).sort((l,f)=>U(l.box,o)-U(f.box,o)).map(({n:l})=>l),u=r.map(l=>({n:l,box:$(l)})).filter(({box:l})=>he(l,n)&&re(l,n)>=be).sort((l,f)=>U(l.box,o)-U(f.box,o)).map(({n:l})=>l);return{elements:i,zones:u}};function ie(e){if(e.collision?.run){const s=e.collision.run(e);V(e,e.hovered,s);return}const t=q(e);V(e,e.hovered,t)}function At(e,t){const s=e.collision?.throttle?.value??0;if(s<=0){ie(e);return}const n=Date.now();n-t.value>=s&&(t.value=n,ie(e))}async function Re(e){const t=e.hovered.droppable.keys().next().value;if(!t||z(t,e))return"accept";const s=e.entities.droppableMap.get(t),n=A(e,t),o=s?.events?.onDrop?.(n);if(o!=null&&typeof o.then=="function"){e.state.value="pending";let r;try{r=await o}catch{const i=e.entities.initiatingDraggable;return B(e,i,"onSelfDragCancel"),x(e,"onDragCancel"),Le(e,e.hovered),"cancel"}return r===!1?(e.state.value="dragging","decline"):"accept"}return o===!1?"decline":"accept"}function Pe(e){const t=e.entities.initiatingDraggable;B(e,t,"onSelfDragEnd"),x(e,"onDragEnd"),it(e,e.hovered)}function Et(e){const t=e.entities.selectingArea;if(!t)return;const s=e.entities.selectableAreaMap.get(t),n=[...e.entities.selectedSet];s?.events?.onSelected?.(n)}const Ct=e=>{const t={current:null},s={value:0},n=async()=>{se(),t.current?.cancel(),t.current=null;const i=e.state.value;if(i==="dragging"){const u=await Re(e);if(u==="accept"&&Pe(e),u==="accept"||u==="cancel"){X(e),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o);return}return}else i==="selecting"&&Et(e);X(e),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o)},o=i=>{if(e.pointer.value){if(e.pointer.value.current={x:i.clientX,y:i.clientY},Ye(e)){ee(e,i,"onSelfDragStart"),x(e,"onDragStart");return}if(e.state.value==="dragging"){At(e,s);const u=e.entities.initiatingDraggable;B(e,u,"onSelfDragMove"),x(e,"onDragMove")}e.state.value==="selecting"&&ut(e)}};return{pointerDown:i=>{document.addEventListener("pointerup",n),document.addEventListener("pointermove",o);const u=i.target,l=u.closest(O.SELECT_AREA),f=u.closest(O.DRAGGABLE);if(e.entities.modifiersSelectableAreaSet.size>0&&e.entities.modifiersSelectableAreaSet.has(l)){ne(),e.pointer.value=oe(i),e.state.value="selecting",e.entities.selectingArea=l;return}if(e.entities.modifiersDraggableSet.size>0&&e.entities.modifiersDraggableSet.has(f)){const c=e.entities.draggableMap.get(f);if(!xe(u,f,c?.dragHandle))return;ne(),e.entities.initiatingDraggable=f;const d=Me(i,f);e.pointer.value=oe(i,d.x,d.y),c?.activation?.distance||c?.activation?.delay?(e.state.value="activating",c?.activation?.delay&&(e.delay.startTime=Date.now(),t.current=Xe(e,()=>{Y(e),ee(e,i,"onSelfDragStart"),x(e,"onDragStart")}))):(Y(e),ee(e,i,"onSelfDragStart"),x(e,"onDragStart"))}},pointerUp:n,pointerMove:o,cleanup:()=>{t.current?.cancel(),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o),e.lib.draggableObserver.disconnect(),e.lib.droppableObserver.disconnect(),e.lib.selectableAreaObserver.disconnect(),e.lib.overlaySizeObserver.disconnect()}}},Lt={ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1},ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},KeyW:{dx:0,dy:-1},KeyA:{dx:-1,dy:0},KeyS:{dx:0,dy:1},KeyD:{dx:1,dy:0}},kt=e=>t=>{const{keys:s}=e.keyboard;if(s.pressedKeys.value.add(t.code),e.state.value==="dragging"){if(s.forCancel.includes(t.code)){t.preventDefault(),se(),B(e,e.entities.initiatingDraggable,"onSelfDragCancel"),x(e,"onDragCancel"),Le(e,e.hovered),X(e);return}if(s.forDrop.includes(t.code)){t.preventDefault(),(async()=>(await Re(e)&&Pe(e),se(),X(e)))();return}const o=Lt[t.code];if(o&&s.forMove.includes(t.code)&&e.pointer.value){t.preventDefault();const a=s.forMoveFaster.some(l=>s.pressedKeys.value.has(l)),r=e.keyboard.step*(a?e.keyboard.moveFaster:1);e.pointer.value.current={x:e.pointer.value.current.x+o.dx*r,y:e.pointer.value.current.y+o.dy*r};const u=(e.collision?.run??q)(e);V(e,e.hovered,u),B(e,e.entities.initiatingDraggable,"onSelfDragMove"),x(e,"onDragMove");return}return}if(s.forDrag.includes(t.code)){const o=document.activeElement;if(!o)return;const a=o.closest(O.DRAGGABLE);if(!a||e.entities.modifiersDraggableSet.size===0||!e.entities.modifiersDraggableSet.has(a))return;const r=e.entities.draggableMap.get(a);if(!xe(o,a,r?.dragHandle,!0))return;t.preventDefault(),ne();const i=a.getBoundingClientRect(),u=i.left+i.width/2,l=i.top+i.height/2,f={clientX:u,clientY:l};e.entities.initiatingDraggable=a;const c=Me(f,a);e.pointer.value=oe(f,c.x,c.y),Y(e);const m=(e.collision?.run??q)(e);V(e,e.hovered,m),B(e,a,"onSelfDragStart"),x(e,"onDragStart")}},It=e=>t=>{e.keyboard.keys.pressedKeys.value.delete(t.code)},Rt=e=>()=>{e.keyboard.keys.pressedKeys.value.clear()},te={keyDown:kt,keyUp:It,clear:Rt},Pt=e=>()=>{e.state.value&&(e.scrollPosition.x=window.scrollX,e.scrollPosition.y=window.scrollY,e.lib.rectCache.clear(),e.state.value==="dragging"&&ie(e))},C=50,Tt=144,ye=1e3/Tt;function Bt(e){return e==null?{top:C,right:C,bottom:C,left:C}:typeof e=="number"?{top:e,right:e,bottom:e,left:e}:{top:e.top??C,right:e.right??C,bottom:e.bottom??C,left:e.left??C}}const Ot={getScrollState(e){return{scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}},setScroll(e,t,s){e.scrollTop=t,e.scrollLeft=s}};function Te(e,t,s,n=Ot,o){const{speed:a=10,disabled:r=!1}=t,i=Bt(t.threshold);let u=null,l=null,f=null,c=0,d=0;const m=y=>{o&&(o.value=y)},h=y=>{const M=e.value,E=s();if(!M||!E||r){m(!1);return}l||(l=y);const N=y-l;if(N<ye){u=requestAnimationFrame(h);return}const p=a*(N/ye);l=y;const{scrollTop:w,scrollLeft:G}=n.getScrollState(M);(!f||c!==w||d!==G)&&(f=n.getRect?n.getRect(M):M.getBoundingClientRect(),c=w,d=G);let P=!1,W=w,J=G;i.top>0&&E.y-f.top<i.top?(W=w-p,P=!0):i.bottom>0&&f.bottom-E.y<i.bottom&&(W=w+p,P=!0),i.left>0&&E.x-f.left<i.left?(J=G-p,P=!0):i.right>0&&f.right-E.x<i.right&&(J=G+p,P=!0),P&&n.setScroll(M,W,J),m(P),u=requestAnimationFrame(h)};return{run:()=>{l=null,u=requestAnimationFrame(h)},stop:()=>{u&&(cancelAnimationFrame(u),u=null),f=null,c=0,d=0,l=null,m(!1)}}}const zt={getScrollState(){return{scrollTop:window.scrollY??document.documentElement.scrollTop,scrollLeft:window.scrollX??document.documentElement.scrollLeft}},setScroll(e,t,s){window.scrollTo(s,t)},getRect(){return new DOMRect(0,0,window.innerWidth,window.innerHeight)}},Ft={get value(){return typeof document<"u"?document.documentElement:null}};function _t(e,t){const s=g.shallowRef(!1),o=Te(Ft,t??{},()=>{if(e.state.value!=="dragging")return null;const i=e.overlay.position.value,u=e.overlay.size.value;return i?u?.width&&u?.height?{x:i.x+u.width/2,y:i.y+u.height/2}:i:null},zt,s),a=g.watch(()=>e.state.value,i=>{i==="dragging"?o.run():o.stop()}),r=()=>{a(),o.stop()};return g.onScopeDispose(r),{isScrolling:s,stop:r}}const Gt=e=>{const t=Ct(e),s=te.keyDown(e),n=te.keyUp(e),o=te.clear(e),a=Pt(e);let r=null;g.watch(e.autoScrollViewport,i=>{r?.(),r=null,(i===!0||i&&typeof i=="object")&&(r=_t(e,i===!0?{}:i).stop)},{immediate:!0}),g.onMounted(()=>{document.addEventListener("pointerdown",t.pointerDown),document.addEventListener("keydown",s),document.addEventListener("keyup",n),document.addEventListener("blur",o),document.addEventListener("scroll",a,!0)}),g.onBeforeUnmount(()=>{document.removeEventListener("pointerdown",t.pointerDown),document.removeEventListener("pointerup",t.pointerUp),document.removeEventListener("pointermove",t.pointerMove),document.removeEventListener("keydown",s),document.removeEventListener("keyup",n),document.removeEventListener("blur",o),document.removeEventListener("scroll",a,!0),r?.(),t.cleanup()})},j=()=>{const e=g.inject(le);if(!e)throw Error("DnD provider not found");return e},fe=()=>{const e=j();return{overlay:e.overlay,delay:e.delay,distanceProgress:e.distanceProgress,entities:e.entities,pointer:e.pointer,state:e.state,scrollPosition:e.scrollPosition,keyboard:e.keyboard,hovered:e.hovered,collision:e.collision,autoScrollViewport:e.autoScrollViewport}},Ht=g.defineComponent({__name:"DefaultOverlay",setup(e){const{entities:t,state:s,overlay:n}=fe();return(o,a)=>g.unref(s)==="dragging"?(g.openBlock(),g.createElementBlock("div",{key:0,class:"dnd-kit-default-overlay",style:g.normalizeStyle({"--position-x":g.unref(n).position.value.x+"px","--position-y":g.unref(n).position.value.y+"px"})},[(g.openBlock(!0),g.createElementBlock(g.Fragment,null,g.renderList(g.unref(t).draggingMap,([r,i])=>(g.openBlock(),g.createElementBlock(g.Fragment,null,[g.unref(t).draggableMap.get(r)?.render?(g.openBlock(),g.createBlock(g.resolveDynamicComponent(g.unref(t).draggableMap.get(r)?.render),{key:0})):(g.openBlock(),g.createBlock(g.resolveDynamicComponent(r.tagName),{key:1,innerHTML:i.initialOuterHTML,style:g.normalizeStyle({width:i.initialRect.width+"px",height:i.initialRect.height+"px"})},null,8,["innerHTML","style"]))],64))),256))],4)):g.createCommentVNode("",!0)}}),Kt=g.defineComponent({__name:"DnDProvider",props:{autoScrollViewport:{type:[Object,Boolean,null]},overlayTo:{type:[String,Boolean,null]},style:{},class:{}},setup(e){const t=e,s=g.useTemplateRef("overlayRef"),n=We(s,t);Gt(n);const o=g.computed(()=>n.overlay.render.value??Ht);return g.provide(le,n),(a,r)=>(g.openBlock(),g.createElementBlock(g.Fragment,null,[g.renderSlot(a.$slots,"default"),(g.openBlock(),g.createBlock(g.Teleport,{to:g.unref(n).overlay.to.value||"body"},[g.createElementVNode("div",g.mergeProps({ref_key:"overlayRef",ref:s,class:"dnd-kit-overlay-container"},t),[g.renderSlot(a.$slots,"overlay",{overlay:o.value},()=>[(g.openBlock(),g.createBlock(g.resolveDynamicComponent(o.value)))])],16)],8,["to"]))],64))}});function Nt(e,t,s){const n=j();let o,a,r;typeof t=="function"?(o={},a=t):(o=t??{},a=s);const i=g.computed({get(){const c=D(e);return c?n.entities.selectedSet.has(c):!1},set(c){const d=D(e);d&&n.entities.selectedSet[c?"add":"delete"](d)}}),u=g.computed(()=>{const c=D(e);return c?n.entities.draggingMap.has(c):!1}),l=g.computed(()=>{const c=D(e);return c?n.entities.allowedDraggableSet.has(c):!1}),f=g.computed(()=>{const c=D(e);if(c)return n.entities.draggableMap.get(c)?.hoveredPlacement});return g.onMounted(()=>{r=D(e),r&&(r.addEventListener("dragstart",v),r.addEventListener("drag",v),r.addEventListener("dragend",v),r.setAttribute(R.DRAGGABLE,""),n.lib.draggableObserver.observe(r),n.entities.draggableMap.set(r,{render:o.render,disabled:o.disabled??!1,groups:o.groups??[],modifier:o.modifier,events:o.events,payload:a,data:o.data,dragHandle:o.dragHandle,activation:o.activation,placementMargins:o.placementMargins,hoveredPlacement:void 0}))}),g.onBeforeUnmount(()=>{r&&(n.lib.draggableObserver.unobserve(r),n.entities.visibleDraggableSet.delete(r),n.entities.draggableMap.delete(r),n.entities.modifiersDraggableSet.delete(r))}),{selected:i,isDragging:u,isAllowed:l,isDragOver:f}}const Zt=(e,t)=>{const s=j(),n=g.computed(()=>e.value===s.entities.selectingArea);let o=null;g.onMounted(()=>{o=D(e),o&&(o.setAttribute(R.SELECT_AREA,""),s.lib.selectableAreaObserver.observe(o),s.entities.selectableAreaMap.set(o,{modifier:t?.modifier??{keys:["ControlLeft"],method:"every"},events:t?.events,disabled:t?.disabled??!1,groups:t?.groups??[]}))}),g.onBeforeUnmount(()=>{o&&(s.lib.selectableAreaObserver.unobserve(o),s.entities.visibleSelectableAreaSet.delete(o),s.entities.modifiersSelectableAreaSet.delete(o),s.entities.selectableAreaMap.delete(o))});const a=g.computed(()=>{s.scrollPosition.x,s.scrollPosition.y;const r=s.pointer.value;return!r||s.state.value!=="selecting"||!o||!n.value?{}:ct(r.start,r.current,o)});return{isSelecting:n,style:a}};function Ut(e,t){const s=g.inject(le);if(!s)throw Error("DnD provider not found");let n=null;return g.onMounted(()=>{n=D(e),n&&(n.setAttribute(R.CONSTRAINT_AREA,""),s.entities.constraintsAreaMap.set(n,{axis:t?.axis||"both",restrictToArea:t?.restrictToArea||!1}))}),g.onBeforeUnmount(()=>{n&&s.entities.constraintsAreaMap.delete(n)}),{}}function Yt(e,t,s){const n=j();let o=null,a,r;typeof t=="function"?(a={},r=t):(a=t??{},r=s);const i=g.computed(()=>{const l=D(e);return l?n.entities.allowedDroppableSet.has(l):!1}),u=g.computed(()=>{const l=D(e);if(l)return n.entities.droppableMap.get(l)?.hoveredPlacement});return g.onMounted(()=>{o=D(e),o&&(o.setAttribute(R.DROPPABLE,""),n.lib.droppableObserver.observe(o),n.entities.droppableMap.set(o,{disabled:a.disabled??!1,groups:a.groups??[],events:a.events,payload:r,data:a.data,hoveredPlacement:void 0}))}),g.onBeforeUnmount(()=>{o&&(n.lib.droppableObserver.unobserve(o),n.entities.visibleDroppableSet.delete(o),n.entities.droppableMap.delete(o))}),{isAllowed:i,isDragOver:u}}const Xt=(e,t)=>{const s=fe(),n=g.shallowRef(!1),a=Te(e,t??{},()=>{if(s.state.value!=="dragging")return null;const r=s.overlay.position.value,i=s.overlay.size.value;return r?i?.width&&i?.height?{x:r.x+i.width/2,y:r.y+i.height/2}:r:null},void 0,n);return g.watch(()=>s.state.value,r=>{r==="dragging"?a.run():a.stop()}),{isScrolling:n}};function pe(e,t){return t<=0?e:Math.round(e/t)*t}function Vt(e,t){const s=t&&"grid"in t&&t.grid!=null,n=t?s?t.grid:t.gridX:1,o=t?s?t.grid:t.gridY:1;return g.computed(()=>{const{x:a,y:r}=e.value;return{x:pe(a,n),y:pe(r,o)}})}const Se=()=>!0,De=()=>0,$t="separate",qt=()=>{const e={filterElements:Se,filterZones:Se,sortElements:De,sortZones:De,mergeStrategy:$t,pickClosestBetweenFirst:!1},t=(n,o,a,r,i,u,l)=>{const f=r instanceof Set?r:new Set(r),c={containerBox:o,pointer:a},d=e.minOverlapPercent,m=[];for(const h of f){if(!i(h,n))continue;const b=$(h);if(!l(b,c))continue;const S=re(b,o);if(d!==void 0&&S<d)continue;let y=0;for(const M of f)M!==h&&_(M,h)&&y++;m.push({node:h,box:b,meta:{isPointerInElement:pt(b,a.x,a.y),overlapPercent:S,depth:y,centerDistance:yt(K(o),K(b))}})}return m.sort((h,b)=>u(h,b,c)),m},s={container(n){return e.container=n,s},containerBox(n){return e.containerBox=n,s},elements(n){return e.elements=n,s},zones(n){return e.zones=n,s},filterElements(n){return e.filterElements=n,s},filterZones(n){return e.filterZones=n,s},collision(n){return e.collision=n,s},sortElements(n){return e.sortElements=n,s},sortZones(n){return e.sortZones=n,s},mergeStrategy(n){return e.mergeStrategy=n,s},pickClosestBetweenFirst(n){return e.pickClosestBetweenFirst=n,s},minOverlapPercent(n){return e.minOverlapPercent=n,s},build(){const n=e;if(!n.container||!n.elements||!n.zones||!n.collision)throw new Error("sensor: container, elements, zones, collision are required");return o=>{const a=n.container(o);if(!a)return{elements:[],zones:[]};const r=n.containerBox?n.containerBox(o):$(a),i=o.pointer.value?.current??{x:0,y:0},u=t(o,r,i,n.elements(o),n.filterElements,n.sortElements,n.collision),l=t(o,r,i,n.zones(o),n.filterZones,n.sortZones,n.collision);if(n.mergeStrategy==="unified-closest"){const f=[...u.map(d=>({node:d.node,box:d.box,isZone:!1,distance:0})),...l.map(d=>({node:d.node,box:d.box,isZone:!0,distance:0}))];if(f.length===0)return{elements:[],zones:[]};for(const d of f){const m=K(d.box);d.distance=Math.hypot(i.x-m.x,i.y-m.y)}const c=f.reduce((d,m)=>m.distance<d.distance?m:d);return c.isZone?{elements:[],zones:[c.node]}:{elements:[c.node],zones:[]}}if(n.pickClosestBetweenFirst&&u[0]&&l[0]){const f=K(l[0].box),c=K(u[0].box),d=Math.hypot(i.x-f.x,i.y-f.y);return Math.hypot(i.x-c.x,i.y-c.y)<d?{elements:u.map(h=>h.node),zones:[]}:{elements:[],zones:l.map(h=>h.node)}}return{elements:u.map(f=>f.node),zones:l.map(f=>f.node)}}}};return s},jt=()=>qt();exports.DnDProvider=Kt;exports.createSensor=jt;exports.defaultCollisionDetection=q;exports.makeAutoScroll=Xt;exports.makeConstraintArea=Ut;exports.makeDraggable=Nt;exports.makeDroppable=Yt;exports.makeSelectionArea=Zt;exports.makeSnappedOverlayPosition=Vt;exports.useDnDProvider=fe;