@vue-dnd-kit/core 2.0.0 → 2.0.2

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

@@ -2,7 +2,7 @@ import { IConstraintsAreaEntity, IDraggableEntity, IDroppableEntity, IEntities,
 import { ICoordinates, TPointerState } from './pointer';
 import { IAutoScrollOptions } from './placement';
 import { IHelpers, IHoveredDraggableContext } from './operations';
-import { Component, ComputedRef, CSSProperties, Reactive, Ref, ShallowRef, WritableComputedRef } from 'vue';
+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,
@@ -91,4 +91,6 @@ export interface IDnDProviderProps {
   autoScrollViewport?: IAutoScrollOptions | true | false | null;
   /** Teleport overlay to element: 'body' = defaults, string = element id. false | null | undefined = disabled. */
   overlayTo?: string | false | null;
+  style?: any;
+  class?: any;
 }

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

@@ -3,4 +3,4 @@
 
 `),`var __fn = ${e.toString()};`,`(${zt.toString()})(__fn);`].join(`
 
-`)}function _t(e,t){let s=null,n=null,o=!1,i=0;const r=new Map;try{const u=Ot(e,t?.localDependencies??[]),c=new Blob([u],{type:"application/javascript"});n=URL.createObjectURL(c),s=new Worker(n),o=!0,s.onmessage=l=>{const f=r.get(l.data.callId);f&&(r.delete(l.data.callId),l.data.ok?f.resolve(l.data.result):f.reject(new Error(l.data.error)))},s.onerror=l=>{o=!1;for(const f of r.values())f.reject(new Error(l.message));r.clear(),s?.terminate(),s=null}}catch{o=!1}return{run:u=>{if(!s||!o)try{return Promise.resolve(e(u))}catch(l){return Promise.reject(l instanceof Error?l:new Error(String(l)))}const c=++i;return new Promise((l,f)=>{r.set(c,{resolve:l,reject:f}),s.postMessage({callId:c,data:u})})},terminate:()=>{for(const u of r.values())u.reject(new Error("Worker terminated"));r.clear(),s?.terminate(),s=null,n&&(URL.revokeObjectURL(n),n=null),o=!1},get isSupported(){return o}}}function Ge(e,t,s,n,o,i,r,a){return e<o+r&&e+s>o&&t<i+a&&t+n>i}function He(e,t,s,n,o,i,r,a){const g=Math.max(0,Math.min(e+s,o+r)-Math.max(e,o)),u=Math.max(0,Math.min(t+n,i+a)-Math.max(t,i)),c=g*u,l=s*n,f=r*a;return!l||!f?0:(c/l*100+c/f*100)/2}function q(e,t,s,n,o,i){return o>=e&&o<=e+s&&i>=t&&i<=t+n}function Ft(e){const{containerBox:t,pointer:s,elements:n,elementCount:o,zones:i,zoneCount:r,config:a}=e,{x:g,y:u,width:c,height:l}=t,{x:f,y:m}=s,h=a.minOverlapPercent,p=g+c/2,v=u+l/2,M=q(g,u,c,l,f,m);function w(x,G){const D=[],b=x;for(let y=0;y<G;y++){const S=y*4,C=b[S],k=b[S+1],I=b[S+2],L=b[S+3];if(!Ge(C,k,I,L,g,u,c,l))continue;const be=He(C,k,I,L,g,u,c,l);be<h||D.push({index:y,overlapPercent:be,centerDistance:Math.hypot(p-(C+I/2),v-(k+L/2)),isPointerInElement:q(C,k,I,L,f,m),depth:0})}for(let y=0;y<D.length;y++){const S=D[y].index*4,C=b[S]+b[S+2]/2,k=b[S+1]+b[S+3]/2;for(let I=0;I<D.length;I++){if(y===I)continue;const L=D[I].index*4;q(b[L],b[L+1],b[L+2],b[L+3],C,k)&&D[y].depth++}}return D.sort((y,S)=>{if(M){if(y.isPointerInElement&&S.isPointerInElement)return S.depth-y.depth;if(y.isPointerInElement!==S.isPointerInElement)return y.isPointerInElement?-1:1}return Math.abs(y.overlapPercent-S.overlapPercent)<=1?y.centerDistance-S.centerDistance:S.overlapPercent-y.overlapPercent}),D.map(y=>y.index)}return{elementIndices:w(n,o),zoneIndices:w(i,r)}}let re=null;function Ke(){return re||(re=_t(Ft,{localDependencies:[Ge,He,q]})),re}function xe(e,t){const s=[];for(const n of e){let o=t.get(n);o||(o=n.getBoundingClientRect(),t.set(n,o)),s.push(o.x,o.y,o.width,o.height)}return s}let Ee=0;function Gt(e){const t=Ke(),s=++Ee,n=[...e.entities.allowedDraggableSet].filter(u=>ee(u,e)),o=[...e.entities.allowedDroppableSet].filter(u=>ee(u,e)),i=Fe(e),r=e.pointer.value?.current,a=e.lib.rectCache,g={containerBox:{x:i.x,y:i.y,width:i.width,height:i.height},pointer:{x:r?.x??0,y:r?.y??0},elements:xe(n,a),elementCount:n.length,zones:xe(o,a),zoneCount:o.length,config:{minOverlapPercent:10}};t.run(g).then(u=>{if(s!==Ee||e.state.value!=="dragging")return;const c=u.elementIndices.map(f=>n[f]),l=u.zoneIndices.map(f=>o[f]);V(e,e.hovered,{elements:c,zones:l})})}function fe(e){if(e.collision?.run){const s=e.collision.run(e);V(e,e.hovered,s);return}if(Ke().isSupported)Gt(e);else{const s=te(e);V(e,e.hovered,s)}}function Ht(e,t){const s=e.collision?.throttle?.value??0;if(s<=0){fe(e);return}const n=Date.now();n-t.value>=s&&(t.value=n,fe(e))}async function Ue(e){const t=e.hovered.droppable.keys().next().value;if(!t||Z(t,e))return"accept";const s=e.entities.droppableMap.get(t),n=R(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 U(e,a,"onSelfDragCancel"),P(e,"onDragCancel"),_e(e,e.hovered),"cancel"}return r===!1?(e.state.value="dragging","decline"):"accept"}return o===!1?"decline":"accept"}function Ne(e){const t=e.entities.initiatingDraggable;U(e,t,"onSelfDragEnd"),P(e,"onDragEnd"),bt(e,e.hovered)}function Kt(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 Ut=e=>{const t={current:null},s={value:0},n=async()=>{le(),t.current?.cancel(),t.current=null;const a=e.state.value;if(a==="dragging"){const g=await Ue(e);if(g==="accept"&&Ne(e),g==="accept"||g==="cancel"){Q(e),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o);return}return}else a==="selecting"&&Kt(e);Q(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},nt(e)){oe(e,a,"onSelfDragStart"),P(e,"onDragStart");return}if(e.state.value==="dragging"){Ht(e,s);const g=e.entities.initiatingDraggable;U(e,g,"onSelfDragMove"),P(e,"onDragMove")}e.state.value==="selecting"&&Mt(e)}};return{pointerDown:a=>{document.addEventListener("pointerup",n),document.addEventListener("pointermove",o);const g=a.target,u=g.closest(N.SELECT_AREA),c=g.closest(N.DRAGGABLE);if(e.entities.modifiersSelectableAreaSet.size>0&&e.entities.modifiersSelectableAreaSet.has(u)){ae(),e.pointer.value=ce(a),e.state.value="selecting",e.entities.selectingArea=u;return}if(e.entities.modifiersDraggableSet.size>0&&e.entities.modifiersDraggableSet.has(c)){const l=e.entities.draggableMap.get(c);if(!Be(g,c,l?.dragHandle))return;ae(),e.entities.initiatingDraggable=c;const f=Pe(a,c);e.pointer.value=ce(a,f.x,f.y),l?.activation?.distance||l?.activation?.delay?(e.state.value="activating",l?.activation?.delay&&(e.delay.startTime=Date.now(),t.current=st(e,()=>{J(e),oe(e,a,"onSelfDragStart"),P(e,"onDragStart")}))):(J(e),oe(e,a,"onSelfDragStart"),P(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()}}},Nt={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}},Zt=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(),le(),U(e,e.entities.initiatingDraggable,"onSelfDragCancel"),P(e,"onDragCancel"),_e(e,e.hovered),Q(e);return}if(s.forDrop.includes(t.code)){t.preventDefault(),(async()=>(await Ue(e)&&Ne(e),le(),Q(e)))();return}const o=Nt[t.code];if(o&&s.forMove.includes(t.code)&&e.pointer.value){t.preventDefault();const i=s.forMoveFaster.some(u=>s.pressedKeys.value.has(u)),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??te)(e);V(e,e.hovered,g),U(e,e.entities.initiatingDraggable,"onSelfDragMove"),P(e,"onDragMove");return}return}if(s.forDrag.includes(t.code)){const o=document.activeElement;if(!o)return;const i=o.closest(N.DRAGGABLE);if(!i||e.entities.modifiersDraggableSet.size===0||!e.entities.modifiersDraggableSet.has(i))return;const r=e.entities.draggableMap.get(i);if(!Be(o,i,r?.dragHandle,!0))return;t.preventDefault(),ae();const a=i.getBoundingClientRect(),g=a.left+a.width/2,u=a.top+a.height/2,c={clientX:g,clientY:u};e.entities.initiatingDraggable=i;const l=Pe(c,i);e.pointer.value=ce(c,l.x,l.y),J(e);const m=(e.collision?.run??te)(e);V(e,e.hovered,m),U(e,i,"onSelfDragStart"),P(e,"onDragStart")}},Yt=e=>t=>{e.keyboard.keys.pressedKeys.value.delete(t.code)},jt=e=>()=>{e.keyboard.keys.pressedKeys.value.clear()},ie={keyDown:Zt,keyUp:Yt,clear:jt},Xt=e=>()=>{e.state.value&&(e.scrollPosition.x=window.scrollX,e.scrollPosition.y=window.scrollY,e.lib.rectCache.clear(),e.state.value==="dragging"&&fe(e))},B=50,Vt=144,Ae=1e3/Vt;function $t(e){return e==null?{top:B,right:B,bottom:B,left:B}:typeof e=="number"?{top:e,right:e,bottom:e,left:e}:{top:e.top??B,right:e.right??B,bottom:e.bottom??B,left:e.left??B}}const Wt={getScrollState(e){return{scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}},setScroll(e,t,s){e.scrollTop=t,e.scrollLeft=s}};function Ze(e,t,s,n=Wt,o){const{speed:i=10,disabled:r=!1}=t,a=$t(t.threshold);let g=null,u=null,c=null,l=0,f=0;const m=M=>{o&&(o.value=M)},h=M=>{const w=e.value,x=s();if(!w||!x||r){m(!1);return}u||(u=M);const G=M-u;if(G<Ae){g=requestAnimationFrame(h);return}const D=i*(G/Ae);u=M;const{scrollTop:b,scrollLeft:y}=n.getScrollState(w);(!c||l!==b||f!==y)&&(c=n.getRect?n.getRect(w):w.getBoundingClientRect(),l=b,f=y);let S=!1,C=b,k=y;a.top>0&&x.y-c.top<a.top?(C=b-D,S=!0):a.bottom>0&&c.bottom-x.y<a.bottom&&(C=b+D,S=!0),a.left>0&&x.x-c.left<a.left?(k=y-D,S=!0):a.right>0&&c.right-x.x<a.right&&(k=y+D,S=!0),S&&n.setScroll(w,C,k),m(S),g=requestAnimationFrame(h)};return{run:()=>{u=null,g=requestAnimationFrame(h)},stop:()=>{g&&(cancelAnimationFrame(g),g=null),c=null,l=0,f=0,u=null,m(!1)}}}const qt={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)}},Jt={get value(){return typeof document<"u"?document.documentElement:null}};function Qt(e,t){const s=d.shallowRef(!1),o=Ze(Jt,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},qt,s),i=d.watch(()=>e.state.value,a=>{a==="dragging"?o.run():o.stop()}),r=()=>{i(),o.stop()};return d.onScopeDispose(r),{isScrolling:s,stop:r}}const en=e=>{const t=Ut(e),s=ie.keyDown(e),n=ie.keyUp(e),o=ie.clear(e),i=Xt(e);let r=null;d.watch(e.autoScrollViewport,a=>{r?.(),r=null,(a===!0||a&&typeof a=="object")&&(r=Qt(e,a===!0?{}:a).stop)},{immediate:!0}),d.onMounted(()=>{document.addEventListener("pointerdown",t.pointerDown),document.addEventListener("keydown",s),document.addEventListener("keyup",n),document.addEventListener("blur",o),document.addEventListener("scroll",i,!0)}),d.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()})},ne=()=>{const e=d.inject(de);if(!e)throw Error("DnD provider not found");return e},ye=()=>{const e=ne();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}},tn=d.defineComponent({__name:"DefaultOverlay",setup(e){const{entities:t,state:s,overlay:n}=ye();return(o,i)=>d.unref(s)==="dragging"?(d.openBlock(),d.createElementBlock("div",{key:0,class:"dnd-kit-default-overlay",style:d.normalizeStyle({"--position-x":d.unref(n).position.value.x+"px","--position-y":d.unref(n).position.value.y+"px"})},[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(d.unref(t).draggingMap,([r,a])=>(d.openBlock(),d.createElementBlock(d.Fragment,null,[d.unref(t).draggableMap.get(r)?.render?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(d.unref(t).draggableMap.get(r)?.render),{key:0})):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(r.tagName),{key:1,innerHTML:a.initialOuterHTML,style:d.normalizeStyle({width:a.initialRect.width+"px",height:a.initialRect.height+"px"})},null,8,["innerHTML","style"]))],64))),256))],4)):d.createCommentVNode("",!0)}}),nn=d.defineComponent({__name:"DnDProvider",props:{autoScrollViewport:{type:[Object,Boolean,null]},overlayTo:{type:[String,Boolean,null]}},setup(e){const t=e,s=d.useTemplateRef("overlayRef"),n=lt(s,t);en(n);const o=d.computed(()=>n.overlay.render.value??tn);return d.provide(de,n),(i,r)=>(d.openBlock(),d.createElementBlock(d.Fragment,null,[d.renderSlot(i.$slots,"default"),(d.openBlock(),d.createBlock(d.Teleport,{to:d.unref(n).overlay.to.value||"body"},[d.createElementVNode("div",{ref_key:"overlayRef",ref:s,class:"dnd-kit-overlay-container"},[d.renderSlot(i.$slots,"overlay",{overlay:o.value},()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(o.value)))])],512)],8,["to"]))],64))}});function sn(e,t,s){const n=ne();let o,i,r;typeof t=="function"?(o={},i=t):(o=t??{},i=s);const a=d.computed({get(){const l=E(e);return l?n.entities.selectedSet.has(l):!1},set(l){const f=E(e);f&&n.entities.selectedSet[l?"add":"delete"](f)}}),g=d.computed(()=>{const l=E(e);return l?n.entities.draggingMap.has(l):!1}),u=d.computed(()=>{const l=E(e);return l?n.entities.allowedDraggableSet.has(l):!1}),c=d.computed(()=>{const l=E(e);if(l)return n.entities.draggableMap.get(l)?.hoveredPlacement});return d.onMounted(()=>{r=E(e),r&&(r.addEventListener("dragstart",A),r.addEventListener("drag",A),r.addEventListener("dragend",A),r.setAttribute(F.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}))}),d.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:u,isDragOver:c}}const on=(e,t)=>{const s=ne(),n=d.computed(()=>e.value===s.entities.selectingArea);let o=null;d.onMounted(()=>{o=E(e),o&&(o.setAttribute(F.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??[]}))}),d.onBeforeUnmount(()=>{o&&(s.lib.selectableAreaObserver.unobserve(o),s.entities.visibleSelectableAreaSet.delete(o),s.entities.modifiersSelectableAreaSet.delete(o),s.entities.selectableAreaMap.delete(o))});const i=d.computed(()=>{s.scrollPosition.x,s.scrollPosition.y;const r=s.pointer.value;return!r||s.state.value!=="selecting"||!o||!n.value?{}:Dt(r.start,r.current,o)});return{isSelecting:n,style:i}};function rn(e,t){const s=d.inject(de);if(!s)throw Error("DnD provider not found");let n=null;return d.onMounted(()=>{n=E(e),n&&(n.setAttribute(F.CONSTRAINT_AREA,""),s.entities.constraintsAreaMap.set(n,{axis:t?.axis||"both",restrictToArea:t?.restrictToArea||!1}))}),d.onBeforeUnmount(()=>{n&&s.entities.constraintsAreaMap.delete(n)}),{}}function an(e,t,s){const n=ne();let o=null,i,r;typeof t=="function"?(i={},r=t):(i=t??{},r=s);const a=d.computed(()=>{const u=E(e);return u?n.entities.allowedDroppableSet.has(u):!1}),g=d.computed(()=>{const u=E(e);if(u)return n.entities.droppableMap.get(u)?.hoveredPlacement});return d.onMounted(()=>{o=E(e),o&&(o.setAttribute(F.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}))}),d.onBeforeUnmount(()=>{o&&(n.lib.droppableObserver.unobserve(o),n.entities.visibleDroppableSet.delete(o),n.entities.droppableMap.delete(o))}),{isAllowed:a,isDragOver:g}}const ln=(e,t)=>{const s=ye(),n=d.shallowRef(!1),i=Ze(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 d.watch(()=>s.state.value,r=>{r==="dragging"?i.run():i.stop()}),{isScrolling:n}};function Ce(e,t){return t<=0?e:Math.round(e/t)*t}function cn(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 d.computed(()=>{const{x:i,y:r}=e.value;return{x:Ce(i,n),y:Ce(r,o)}})}const ke=()=>!0,Ie=()=>0,un="separate",gn=()=>{const e={filterElements:ke,filterZones:ke,sortElements:Ie,sortZones:Ie,mergeStrategy:un,pickClosestBetweenFirst:!1},t=(n,o,i,r,a,g,u)=>{const c=r instanceof Set?r:new Set(r),l={containerBox:o,pointer:i},f=e.minOverlapPercent,m=[];for(const h of c){if(!a(h,n))continue;const p=K(h);if(!u(p,l))continue;const v=ue(p,o);if(f!==void 0&&v<f)continue;let M=0;for(const w of c)w!==h&&O(w,h)&&M++;m.push({node:h,box:p,meta:{isPointerInElement:ge(p,i.x,i.y),overlapPercent:v,depth:M,centerDistance:kt(X(o),X(p))}})}return m.sort((h,p)=>g(h,p,l)),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):K(i),a=o.pointer.value?.current??{x:0,y:0},g=t(o,r,a,n.elements(o),n.filterElements,n.sortElements,n.collision),u=t(o,r,a,n.zones(o),n.filterZones,n.sortZones,n.collision);if(n.mergeStrategy==="unified-closest"){const c=[...g.map(f=>({node:f.node,box:f.box,isZone:!1,distance:0})),...u.map(f=>({node:f.node,box:f.box,isZone:!0,distance:0}))];if(c.length===0)return{elements:[],zones:[]};for(const f of c){const m=X(f.box);f.distance=Math.hypot(a.x-m.x,a.y-m.y)}const l=c.reduce((f,m)=>m.distance<f.distance?m:f);return l.isZone?{elements:[],zones:[l.node]}:{elements:[l.node],zones:[]}}if(n.pickClosestBetweenFirst&&g[0]&&u[0]){const c=X(u[0].box),l=X(g[0].box),f=Math.hypot(a.x-c.x,a.y-c.y);return Math.hypot(a.x-l.x,a.y-l.y)<f?{elements:g.map(h=>h.node),zones:[]}:{elements:[],zones:u.map(h=>h.node)}}return{elements:g.map(c=>c.node),zones:u.map(c=>c.node)}}}};return s},fn=()=>gn();exports.DnDProvider=nn;exports.createSensor=fn;exports.defaultCollisionDetection=te;exports.makeAutoScroll=ln;exports.makeConstraintArea=rn;exports.makeDraggable=sn;exports.makeDroppable=an;exports.makeSelectionArea=on;exports.makeSnappedOverlayPosition=cn;exports.useDnDProvider=ye;
+`)}function _t(e,t){let s=null,n=null,o=!1,i=0;const r=new Map;try{const u=Ot(e,t?.localDependencies??[]),c=new Blob([u],{type:"application/javascript"});n=URL.createObjectURL(c),s=new Worker(n),o=!0,s.onmessage=l=>{const f=r.get(l.data.callId);f&&(r.delete(l.data.callId),l.data.ok?f.resolve(l.data.result):f.reject(new Error(l.data.error)))},s.onerror=l=>{o=!1;for(const f of r.values())f.reject(new Error(l.message));r.clear(),s?.terminate(),s=null}}catch{o=!1}return{run:u=>{if(!s||!o)try{return Promise.resolve(e(u))}catch(l){return Promise.reject(l instanceof Error?l:new Error(String(l)))}const c=++i;return new Promise((l,f)=>{r.set(c,{resolve:l,reject:f}),s.postMessage({callId:c,data:u})})},terminate:()=>{for(const u of r.values())u.reject(new Error("Worker terminated"));r.clear(),s?.terminate(),s=null,n&&(URL.revokeObjectURL(n),n=null),o=!1},get isSupported(){return o}}}function Ge(e,t,s,n,o,i,r,a){return e<o+r&&e+s>o&&t<i+a&&t+n>i}function He(e,t,s,n,o,i,r,a){const g=Math.max(0,Math.min(e+s,o+r)-Math.max(e,o)),u=Math.max(0,Math.min(t+n,i+a)-Math.max(t,i)),c=g*u,l=s*n,f=r*a;return!l||!f?0:(c/l*100+c/f*100)/2}function q(e,t,s,n,o,i){return o>=e&&o<=e+s&&i>=t&&i<=t+n}function Ft(e){const{containerBox:t,pointer:s,elements:n,elementCount:o,zones:i,zoneCount:r,config:a}=e,{x:g,y:u,width:c,height:l}=t,{x:f,y:m}=s,h=a.minOverlapPercent,p=g+c/2,v=u+l/2,M=q(g,u,c,l,f,m);function w(x,G){const D=[],b=x;for(let y=0;y<G;y++){const S=y*4,C=b[S],k=b[S+1],I=b[S+2],L=b[S+3];if(!Ge(C,k,I,L,g,u,c,l))continue;const be=He(C,k,I,L,g,u,c,l);be<h||D.push({index:y,overlapPercent:be,centerDistance:Math.hypot(p-(C+I/2),v-(k+L/2)),isPointerInElement:q(C,k,I,L,f,m),depth:0})}for(let y=0;y<D.length;y++){const S=D[y].index*4,C=b[S]+b[S+2]/2,k=b[S+1]+b[S+3]/2;for(let I=0;I<D.length;I++){if(y===I)continue;const L=D[I].index*4;q(b[L],b[L+1],b[L+2],b[L+3],C,k)&&D[y].depth++}}return D.sort((y,S)=>{if(M){if(y.isPointerInElement&&S.isPointerInElement)return S.depth-y.depth;if(y.isPointerInElement!==S.isPointerInElement)return y.isPointerInElement?-1:1}return Math.abs(y.overlapPercent-S.overlapPercent)<=1?y.centerDistance-S.centerDistance:S.overlapPercent-y.overlapPercent}),D.map(y=>y.index)}return{elementIndices:w(n,o),zoneIndices:w(i,r)}}let re=null;function Ke(){return re||(re=_t(Ft,{localDependencies:[Ge,He,q]})),re}function xe(e,t){const s=[];for(const n of e){let o=t.get(n);o||(o=n.getBoundingClientRect(),t.set(n,o)),s.push(o.x,o.y,o.width,o.height)}return s}let Ee=0;function Gt(e){const t=Ke(),s=++Ee,n=[...e.entities.allowedDraggableSet].filter(u=>ee(u,e)),o=[...e.entities.allowedDroppableSet].filter(u=>ee(u,e)),i=Fe(e),r=e.pointer.value?.current,a=e.lib.rectCache,g={containerBox:{x:i.x,y:i.y,width:i.width,height:i.height},pointer:{x:r?.x??0,y:r?.y??0},elements:xe(n,a),elementCount:n.length,zones:xe(o,a),zoneCount:o.length,config:{minOverlapPercent:10}};t.run(g).then(u=>{if(s!==Ee||e.state.value!=="dragging")return;const c=u.elementIndices.map(f=>n[f]),l=u.zoneIndices.map(f=>o[f]);V(e,e.hovered,{elements:c,zones:l})})}function fe(e){if(e.collision?.run){const s=e.collision.run(e);V(e,e.hovered,s);return}if(Ke().isSupported)Gt(e);else{const s=te(e);V(e,e.hovered,s)}}function Ht(e,t){const s=e.collision?.throttle?.value??0;if(s<=0){fe(e);return}const n=Date.now();n-t.value>=s&&(t.value=n,fe(e))}async function Ue(e){const t=e.hovered.droppable.keys().next().value;if(!t||Z(t,e))return"accept";const s=e.entities.droppableMap.get(t),n=R(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 U(e,a,"onSelfDragCancel"),P(e,"onDragCancel"),_e(e,e.hovered),"cancel"}return r===!1?(e.state.value="dragging","decline"):"accept"}return o===!1?"decline":"accept"}function Ne(e){const t=e.entities.initiatingDraggable;U(e,t,"onSelfDragEnd"),P(e,"onDragEnd"),bt(e,e.hovered)}function Kt(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 Ut=e=>{const t={current:null},s={value:0},n=async()=>{le(),t.current?.cancel(),t.current=null;const a=e.state.value;if(a==="dragging"){const g=await Ue(e);if(g==="accept"&&Ne(e),g==="accept"||g==="cancel"){Q(e),document.removeEventListener("pointerup",n),document.removeEventListener("pointermove",o);return}return}else a==="selecting"&&Kt(e);Q(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},nt(e)){oe(e,a,"onSelfDragStart"),P(e,"onDragStart");return}if(e.state.value==="dragging"){Ht(e,s);const g=e.entities.initiatingDraggable;U(e,g,"onSelfDragMove"),P(e,"onDragMove")}e.state.value==="selecting"&&Mt(e)}};return{pointerDown:a=>{document.addEventListener("pointerup",n),document.addEventListener("pointermove",o);const g=a.target,u=g.closest(N.SELECT_AREA),c=g.closest(N.DRAGGABLE);if(e.entities.modifiersSelectableAreaSet.size>0&&e.entities.modifiersSelectableAreaSet.has(u)){ae(),e.pointer.value=ce(a),e.state.value="selecting",e.entities.selectingArea=u;return}if(e.entities.modifiersDraggableSet.size>0&&e.entities.modifiersDraggableSet.has(c)){const l=e.entities.draggableMap.get(c);if(!Be(g,c,l?.dragHandle))return;ae(),e.entities.initiatingDraggable=c;const f=Pe(a,c);e.pointer.value=ce(a,f.x,f.y),l?.activation?.distance||l?.activation?.delay?(e.state.value="activating",l?.activation?.delay&&(e.delay.startTime=Date.now(),t.current=st(e,()=>{J(e),oe(e,a,"onSelfDragStart"),P(e,"onDragStart")}))):(J(e),oe(e,a,"onSelfDragStart"),P(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()}}},Nt={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}},Zt=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(),le(),U(e,e.entities.initiatingDraggable,"onSelfDragCancel"),P(e,"onDragCancel"),_e(e,e.hovered),Q(e);return}if(s.forDrop.includes(t.code)){t.preventDefault(),(async()=>(await Ue(e)&&Ne(e),le(),Q(e)))();return}const o=Nt[t.code];if(o&&s.forMove.includes(t.code)&&e.pointer.value){t.preventDefault();const i=s.forMoveFaster.some(u=>s.pressedKeys.value.has(u)),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??te)(e);V(e,e.hovered,g),U(e,e.entities.initiatingDraggable,"onSelfDragMove"),P(e,"onDragMove");return}return}if(s.forDrag.includes(t.code)){const o=document.activeElement;if(!o)return;const i=o.closest(N.DRAGGABLE);if(!i||e.entities.modifiersDraggableSet.size===0||!e.entities.modifiersDraggableSet.has(i))return;const r=e.entities.draggableMap.get(i);if(!Be(o,i,r?.dragHandle,!0))return;t.preventDefault(),ae();const a=i.getBoundingClientRect(),g=a.left+a.width/2,u=a.top+a.height/2,c={clientX:g,clientY:u};e.entities.initiatingDraggable=i;const l=Pe(c,i);e.pointer.value=ce(c,l.x,l.y),J(e);const m=(e.collision?.run??te)(e);V(e,e.hovered,m),U(e,i,"onSelfDragStart"),P(e,"onDragStart")}},Yt=e=>t=>{e.keyboard.keys.pressedKeys.value.delete(t.code)},jt=e=>()=>{e.keyboard.keys.pressedKeys.value.clear()},ie={keyDown:Zt,keyUp:Yt,clear:jt},Xt=e=>()=>{e.state.value&&(e.scrollPosition.x=window.scrollX,e.scrollPosition.y=window.scrollY,e.lib.rectCache.clear(),e.state.value==="dragging"&&fe(e))},B=50,Vt=144,Ae=1e3/Vt;function $t(e){return e==null?{top:B,right:B,bottom:B,left:B}:typeof e=="number"?{top:e,right:e,bottom:e,left:e}:{top:e.top??B,right:e.right??B,bottom:e.bottom??B,left:e.left??B}}const Wt={getScrollState(e){return{scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}},setScroll(e,t,s){e.scrollTop=t,e.scrollLeft=s}};function Ze(e,t,s,n=Wt,o){const{speed:i=10,disabled:r=!1}=t,a=$t(t.threshold);let g=null,u=null,c=null,l=0,f=0;const m=M=>{o&&(o.value=M)},h=M=>{const w=e.value,x=s();if(!w||!x||r){m(!1);return}u||(u=M);const G=M-u;if(G<Ae){g=requestAnimationFrame(h);return}const D=i*(G/Ae);u=M;const{scrollTop:b,scrollLeft:y}=n.getScrollState(w);(!c||l!==b||f!==y)&&(c=n.getRect?n.getRect(w):w.getBoundingClientRect(),l=b,f=y);let S=!1,C=b,k=y;a.top>0&&x.y-c.top<a.top?(C=b-D,S=!0):a.bottom>0&&c.bottom-x.y<a.bottom&&(C=b+D,S=!0),a.left>0&&x.x-c.left<a.left?(k=y-D,S=!0):a.right>0&&c.right-x.x<a.right&&(k=y+D,S=!0),S&&n.setScroll(w,C,k),m(S),g=requestAnimationFrame(h)};return{run:()=>{u=null,g=requestAnimationFrame(h)},stop:()=>{g&&(cancelAnimationFrame(g),g=null),c=null,l=0,f=0,u=null,m(!1)}}}const qt={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)}},Jt={get value(){return typeof document<"u"?document.documentElement:null}};function Qt(e,t){const s=d.shallowRef(!1),o=Ze(Jt,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},qt,s),i=d.watch(()=>e.state.value,a=>{a==="dragging"?o.run():o.stop()}),r=()=>{i(),o.stop()};return d.onScopeDispose(r),{isScrolling:s,stop:r}}const en=e=>{const t=Ut(e),s=ie.keyDown(e),n=ie.keyUp(e),o=ie.clear(e),i=Xt(e);let r=null;d.watch(e.autoScrollViewport,a=>{r?.(),r=null,(a===!0||a&&typeof a=="object")&&(r=Qt(e,a===!0?{}:a).stop)},{immediate:!0}),d.onMounted(()=>{document.addEventListener("pointerdown",t.pointerDown),document.addEventListener("keydown",s),document.addEventListener("keyup",n),document.addEventListener("blur",o),document.addEventListener("scroll",i,!0)}),d.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()})},ne=()=>{const e=d.inject(de);if(!e)throw Error("DnD provider not found");return e},ye=()=>{const e=ne();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}},tn=d.defineComponent({__name:"DefaultOverlay",setup(e){const{entities:t,state:s,overlay:n}=ye();return(o,i)=>d.unref(s)==="dragging"?(d.openBlock(),d.createElementBlock("div",{key:0,class:"dnd-kit-default-overlay",style:d.normalizeStyle({"--position-x":d.unref(n).position.value.x+"px","--position-y":d.unref(n).position.value.y+"px"})},[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(d.unref(t).draggingMap,([r,a])=>(d.openBlock(),d.createElementBlock(d.Fragment,null,[d.unref(t).draggableMap.get(r)?.render?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(d.unref(t).draggableMap.get(r)?.render),{key:0})):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(r.tagName),{key:1,innerHTML:a.initialOuterHTML,style:d.normalizeStyle({width:a.initialRect.width+"px",height:a.initialRect.height+"px"})},null,8,["innerHTML","style"]))],64))),256))],4)):d.createCommentVNode("",!0)}}),nn=d.defineComponent({__name:"DnDProvider",props:{autoScrollViewport:{type:[Object,Boolean,null]},overlayTo:{type:[String,Boolean,null]},style:{},class:{}},setup(e){const t=e,s=d.useTemplateRef("overlayRef"),n=lt(s,t);en(n);const o=d.computed(()=>n.overlay.render.value??tn);return d.provide(de,n),(i,r)=>(d.openBlock(),d.createElementBlock(d.Fragment,null,[d.renderSlot(i.$slots,"default"),(d.openBlock(),d.createBlock(d.Teleport,{to:d.unref(n).overlay.to.value||"body"},[d.createElementVNode("div",d.mergeProps({ref_key:"overlayRef",ref:s,class:"dnd-kit-overlay-container"},t),[d.renderSlot(i.$slots,"overlay",{overlay:o.value},()=>[(d.openBlock(),d.createBlock(d.resolveDynamicComponent(o.value)))])],16)],8,["to"]))],64))}});function sn(e,t,s){const n=ne();let o,i,r;typeof t=="function"?(o={},i=t):(o=t??{},i=s);const a=d.computed({get(){const l=E(e);return l?n.entities.selectedSet.has(l):!1},set(l){const f=E(e);f&&n.entities.selectedSet[l?"add":"delete"](f)}}),g=d.computed(()=>{const l=E(e);return l?n.entities.draggingMap.has(l):!1}),u=d.computed(()=>{const l=E(e);return l?n.entities.allowedDraggableSet.has(l):!1}),c=d.computed(()=>{const l=E(e);if(l)return n.entities.draggableMap.get(l)?.hoveredPlacement});return d.onMounted(()=>{r=E(e),r&&(r.addEventListener("dragstart",A),r.addEventListener("drag",A),r.addEventListener("dragend",A),r.setAttribute(F.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}))}),d.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:u,isDragOver:c}}const on=(e,t)=>{const s=ne(),n=d.computed(()=>e.value===s.entities.selectingArea);let o=null;d.onMounted(()=>{o=E(e),o&&(o.setAttribute(F.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??[]}))}),d.onBeforeUnmount(()=>{o&&(s.lib.selectableAreaObserver.unobserve(o),s.entities.visibleSelectableAreaSet.delete(o),s.entities.modifiersSelectableAreaSet.delete(o),s.entities.selectableAreaMap.delete(o))});const i=d.computed(()=>{s.scrollPosition.x,s.scrollPosition.y;const r=s.pointer.value;return!r||s.state.value!=="selecting"||!o||!n.value?{}:Dt(r.start,r.current,o)});return{isSelecting:n,style:i}};function rn(e,t){const s=d.inject(de);if(!s)throw Error("DnD provider not found");let n=null;return d.onMounted(()=>{n=E(e),n&&(n.setAttribute(F.CONSTRAINT_AREA,""),s.entities.constraintsAreaMap.set(n,{axis:t?.axis||"both",restrictToArea:t?.restrictToArea||!1}))}),d.onBeforeUnmount(()=>{n&&s.entities.constraintsAreaMap.delete(n)}),{}}function an(e,t,s){const n=ne();let o=null,i,r;typeof t=="function"?(i={},r=t):(i=t??{},r=s);const a=d.computed(()=>{const u=E(e);return u?n.entities.allowedDroppableSet.has(u):!1}),g=d.computed(()=>{const u=E(e);if(u)return n.entities.droppableMap.get(u)?.hoveredPlacement});return d.onMounted(()=>{o=E(e),o&&(o.setAttribute(F.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}))}),d.onBeforeUnmount(()=>{o&&(n.lib.droppableObserver.unobserve(o),n.entities.visibleDroppableSet.delete(o),n.entities.droppableMap.delete(o))}),{isAllowed:a,isDragOver:g}}const ln=(e,t)=>{const s=ye(),n=d.shallowRef(!1),i=Ze(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 d.watch(()=>s.state.value,r=>{r==="dragging"?i.run():i.stop()}),{isScrolling:n}};function Ce(e,t){return t<=0?e:Math.round(e/t)*t}function cn(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 d.computed(()=>{const{x:i,y:r}=e.value;return{x:Ce(i,n),y:Ce(r,o)}})}const ke=()=>!0,Ie=()=>0,un="separate",gn=()=>{const e={filterElements:ke,filterZones:ke,sortElements:Ie,sortZones:Ie,mergeStrategy:un,pickClosestBetweenFirst:!1},t=(n,o,i,r,a,g,u)=>{const c=r instanceof Set?r:new Set(r),l={containerBox:o,pointer:i},f=e.minOverlapPercent,m=[];for(const h of c){if(!a(h,n))continue;const p=K(h);if(!u(p,l))continue;const v=ue(p,o);if(f!==void 0&&v<f)continue;let M=0;for(const w of c)w!==h&&O(w,h)&&M++;m.push({node:h,box:p,meta:{isPointerInElement:ge(p,i.x,i.y),overlapPercent:v,depth:M,centerDistance:kt(X(o),X(p))}})}return m.sort((h,p)=>g(h,p,l)),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):K(i),a=o.pointer.value?.current??{x:0,y:0},g=t(o,r,a,n.elements(o),n.filterElements,n.sortElements,n.collision),u=t(o,r,a,n.zones(o),n.filterZones,n.sortZones,n.collision);if(n.mergeStrategy==="unified-closest"){const c=[...g.map(f=>({node:f.node,box:f.box,isZone:!1,distance:0})),...u.map(f=>({node:f.node,box:f.box,isZone:!0,distance:0}))];if(c.length===0)return{elements:[],zones:[]};for(const f of c){const m=X(f.box);f.distance=Math.hypot(a.x-m.x,a.y-m.y)}const l=c.reduce((f,m)=>m.distance<f.distance?m:f);return l.isZone?{elements:[],zones:[l.node]}:{elements:[l.node],zones:[]}}if(n.pickClosestBetweenFirst&&g[0]&&u[0]){const c=X(u[0].box),l=X(g[0].box),f=Math.hypot(a.x-c.x,a.y-c.y);return Math.hypot(a.x-l.x,a.y-l.y)<f?{elements:g.map(h=>h.node),zones:[]}:{elements:[],zones:u.map(h=>h.node)}}return{elements:g.map(c=>c.node),zones:u.map(c=>c.node)}}}};return s},fn=()=>gn();exports.DnDProvider=nn;exports.createSensor=fn;exports.defaultCollisionDetection=te;exports.makeAutoScroll=ln;exports.makeConstraintArea=rn;exports.makeDraggable=sn;exports.makeDroppable=an;exports.makeSelectionArea=on;exports.makeSnappedOverlayPosition=cn;exports.useDnDProvider=ye;

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

@@ -1,5 +1,5 @@
 (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)}})();
-import { ref as ne, watch as ue, shallowRef as re, reactive as Q, computed as M, onScopeDispose as at, onMounted as q, onBeforeUnmount as J, inject as Ze, defineComponent as Ue, unref as F, openBlock as z, createElementBlock as se, normalizeStyle as ke, Fragment as ye, renderList as lt, createBlock as ie, resolveDynamicComponent as be, createCommentVNode as ct, useTemplateRef as ut, provide as gt, renderSlot as Pe, Teleport as ft, createElementVNode as dt } from "vue";
+import { ref as ne, watch as ue, shallowRef as re, reactive as Q, computed as M, onScopeDispose as at, onMounted as q, onBeforeUnmount as J, inject as Ze, defineComponent as Ue, unref as F, openBlock as z, createElementBlock as se, normalizeStyle as ke, Fragment as ye, renderList as lt, createBlock as ie, resolveDynamicComponent as be, createCommentVNode as ct, useTemplateRef as ut, provide as gt, renderSlot as Pe, Teleport as ft, createElementVNode as dt, mergeProps as mt } from "vue";
 const H = {
   SELECT_AREA: "data-dnd-kit-select-area",
   DRAGGABLE: "data-dnd-kit-draggable",
@@ -22,13 +22,13 @@ const H = {
     g[u]((l) => s.value.has(l)) && o.add(i);
   }), o;
 };
-let Ye = "", mt = "", ht = "";
-const E = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, _ = (e, t) => e !== t && e.contains(t), yt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), pe = () => {
+let Ye = "", ht = "", yt = "";
+const E = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$el : null, _ = (e, t) => e !== t && e.contains(t), bt = (e, t) => !(e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom), pe = () => {
   const e = document.body;
   Ye = e.style.userSelect, e.style.userSelect = "none", window.addEventListener("contextmenu", A), window.addEventListener("selectstart", A), window.addEventListener("touchstart", A), window.addEventListener("touchmove", A);
 }, Se = () => {
   const e = document.body;
-  e.style.userSelect = Ye, e.style.touchAction = mt, e.style.overscrollBehavior = ht, window.removeEventListener("contextmenu", A), window.removeEventListener("selectstart", A), window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", A);
+  e.style.userSelect = Ye, e.style.touchAction = ht, e.style.overscrollBehavior = yt, window.removeEventListener("contextmenu", A), window.removeEventListener("selectstart", A), window.removeEventListener("touchstart", A), window.removeEventListener("touchmove", A);
 }, A = (e) => e.preventDefault(), Ae = (e, t) => {
   if (t.entities.draggableMap.get(e)?.disabled) return !0;
   for (const n of t.entities.visibleDraggableSet)
@@ -44,7 +44,7 @@ const E = (e) => e.value ? e.value instanceof HTMLElement ? e.value : e.value.$e
   const s = new Set(t);
   return e.some((n) => s.has(n));
 };
-function bt(e, t, s, n) {
+function pt(e, t, s, n) {
   const o = /* @__PURE__ */ new Set();
   for (const a of t.keys()) {
     const g = s.get(a);
@@ -57,7 +57,7 @@ function bt(e, t, s, n) {
   }
   return r;
 }
-function pt(e, t, s) {
+function St(e, t, s) {
   const n = /* @__PURE__ */ new Set();
   for (const r of t.keys()) {
     const a = s.get(r);
@@ -82,7 +82,7 @@ const fe = (e) => {
     unobserve: (s) => t.unobserve(s),
     disconnect: () => t.disconnect()
   };
-}, St = (e) => {
+}, Dt = (e) => {
   const t = new ResizeObserver((s) => {
     const n = s[0];
     if (!n) return;
@@ -94,8 +94,8 @@ const fe = (e) => {
     unobserve: (s) => t.unobserve(s),
     disconnect: () => t.disconnect()
   };
-}, Dt = (e) => {
-  const t = ne(null), s = St(t), n = ue(
+}, Mt = (e) => {
+  const t = ne(null), s = Dt(t), n = ue(
     e,
     (i) => {
       s.disconnect(), i && s.observe(i);
@@ -127,34 +127,34 @@ function je(e, t) {
     initialOuterHTML: e.outerHTML
   };
 }
-function Mt(e, t, s) {
+function wt(e, t, s) {
   e.forEach((n) => {
     const o = t.get(n);
     s.set(n, je(n, o));
   }), e.clear();
 }
-function wt(e, t, s) {
+function vt(e, t, s) {
   s.clear();
   const n = t.get(e);
   s.set(e, je(e, n));
 }
 function ae(e) {
-  e.entities.initiatingDraggable && (e.state.value = "dragging", vt(
+  e.entities.initiatingDraggable && (e.state.value = "dragging", xt(
     e.entities.initiatingDraggable,
     e.entities.selectedSet,
     e.entities.draggableMap,
     e.entities.draggingMap
   ));
 }
-function vt(e, t, s, n) {
-  t.has(e) ? Mt(t, s, n) : (t.clear(), wt(e, s, n));
+function xt(e, t, s, n) {
+  t.has(e) ? wt(t, s, n) : (t.clear(), vt(e, s, n));
 }
 function Ve(e, t, s, n) {
   if (n || !s) return !0;
   const o = e.closest(s);
   return o ? t.contains(o) : !1;
 }
-function xt(e, t) {
+function Et(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") {
@@ -175,7 +175,7 @@ function $e(e, t, s) {
   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 Et(e) {
+function At(e) {
   if (e.state.value !== "activating" || !e.entities.initiatingDraggable)
     return !1;
   const t = e.entities.draggableMap.get(
@@ -187,7 +187,7 @@ function Et(e) {
     t?.activation
   ) ? (ae(e), !0) : !1;
 }
-function At(e, t) {
+function Ct(e, t) {
   let s = null;
   const n = () => {
     if (e.state.value !== "activating" || !e.entities.initiatingDraggable) {
@@ -216,7 +216,7 @@ function At(e, t) {
     }
   };
 }
-function Ct(e, t) {
+function It(e, t) {
   const s = e.closest(
     Y.CONSTRAINT_AREA
   );
@@ -225,10 +225,10 @@ function Ct(e, t) {
     entity: t.get(s)
   };
 }
-function It(e, t, s, n) {
+function Lt(e, t, s, n) {
   return s === "x" ? { x: e, y: n.top } : s === "y" ? { x: n.left, y: t } : { x: e, y: t };
 }
-function Lt(e, t, s, n, o) {
+function kt(e, t, s, n, o) {
   let i = e, r = t;
   return s !== "y" && (i = Math.max(
     n.left,
@@ -238,23 +238,23 @@ function Lt(e, t, s, n, o) {
     Math.min(n.bottom - o.height, t)
   )), { x: i, y: r };
 }
-function kt(e, t, s, n, o) {
+function Pt(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, u = e.current.y - a * e.offset.y;
   if (!s)
     return { x: g, y: u };
-  const c = Ct(s, n);
+  const c = It(s, n);
   if (!c)
     return { x: g, y: u };
-  const { element: l, entity: f } = c, d = l.getBoundingClientRect(), m = s.getBoundingClientRect(), h = It(
+  const { element: l, entity: f } = c, d = l.getBoundingClientRect(), m = s.getBoundingClientRect(), h = Lt(
     g,
     u,
     f.axis || "both",
     m
   );
-  return f.restrictToArea ? Lt(
+  return f.restrictToArea ? kt(
     h.x,
     h.y,
     f.axis || "both",
@@ -278,7 +278,7 @@ const V = {
   ],
   forMoveFaster: ["ShiftLeft", "ShiftRight"]
 };
-function Pt(e, t) {
+function Rt(e, t) {
   const s = re(), n = ne(), i = {
     keys: {
       pressedKeys: ne(/* @__PURE__ */ new Set()),
@@ -299,13 +299,13 @@ function Pt(e, t) {
     selectingArea: void 0,
     draggingMap: /* @__PURE__ */ new Map(),
     selectedSet: /* @__PURE__ */ new Set(),
-    allowedDroppableSet: M(() => s.value ? bt(
+    allowedDroppableSet: M(() => s.value ? pt(
       r.visibleDroppableSet,
       r.draggingMap,
       r.draggableMap,
       r.droppableMap
     ) : /* @__PURE__ */ new Set()),
-    allowedDraggableSet: M(() => s.value ? pt(
+    allowedDraggableSet: M(() => s.value ? St(
       r.visibleDraggableSet,
       r.draggingMap,
       r.draggableMap
@@ -338,16 +338,16 @@ function Pt(e, t) {
   }), l = M(() => {
     if (!n.value || !r.initiatingDraggable) return 0;
     const b = r.draggableMap.get(r.initiatingDraggable)?.activation?.distance;
-    return b ? xt(n.value, b) : 1;
+    return b ? Et(n.value, b) : 1;
   }), f = fe(
     r.visibleDraggableSet
   ), d = fe(
     r.visibleDroppableSet
   ), m = fe(
     r.visibleSelectableAreaSet
-  ), { overlaySize: h, overlaySizeObserver: w } = Dt(e), D = ne(), v = M(() => {
+  ), { overlaySize: h, overlaySizeObserver: w } = Mt(e), D = ne(), v = M(() => {
     const S = r.initiatingDraggable;
-    return kt(
+    return Pt(
       n.value,
       e.value,
       S || null,
@@ -456,7 +456,7 @@ function qe(e, t) {
   }
   return { targetIndex: c, mode: l, targetArr: r };
 }
-function Rt(e, t = "vertical") {
+function Tt(e, t = "vertical") {
   const { draggedItems: s } = e;
   if (!s.length) return null;
   const n = qe(e, t);
@@ -474,7 +474,7 @@ function Rt(e, t = "vertical") {
     return { sourceItems: l, targetItems: f, draggedItems: g, sourceIndexes: a, targetIndex: r, mode: i, sameList: !1 };
   }
 }
-function Tt(e) {
+function zt(e) {
   const { draggedItems: t, hoveredDraggable: s } = e;
   if (!t.length || !s) return null;
   const n = t.map((c) => c.index), o = s.index, i = t.map((c) => c.item), r = s.item, a = t[0].items, g = s.items, u = a === g;
@@ -505,7 +505,7 @@ function Tt(e) {
     }
   }
 }
-function zt(e, t = "vertical") {
+function Bt(e, t = "vertical") {
   const { draggedItems: s } = e;
   if (!s.length) return null;
   const n = qe(e, t);
@@ -513,13 +513,13 @@ function zt(e, t = "vertical") {
   const { targetArr: o, targetIndex: i, mode: r } = n, a = s.map((u) => u.item);
   return { targetItems: B(o, i, a), copiedItems: a, targetIndex: i, mode: r };
 }
-function Bt(e) {
+function Ot(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: j(o, s), removedItems: n, sourceIndexes: s };
 }
-function Ot(e) {
+function _t(e) {
   return {
     // Low-level array ops
     insertAt: B,
@@ -531,16 +531,16 @@ function Ot(e) {
     isAtZoneStart: (t, s) => O.isAtZoneStart(t, s),
     isAtZoneEnd: (t, s) => O.isAtZoneEnd(t, s),
     // High-level (event-bound)
-    suggestSort: (t) => Rt(e, t),
-    suggestSwap: () => Tt(e),
-    suggestCopy: (t) => zt(e, t),
-    suggestRemove: () => Bt(e)
+    suggestSort: (t) => Tt(e, t),
+    suggestSwap: () => zt(e),
+    suggestCopy: (t) => Bt(e, t),
+    suggestRemove: () => Ot(e)
   };
 }
-const G = (e) => e.keys().next().value, _t = (e) => e.target.closest(
+const G = (e) => e.keys().next().value, Ft = (e) => e.target.closest(
   Y.DRAGGABLE
 );
-function Ft(e) {
+function Gt(e) {
   const t = e.entities.initiatingDraggable;
   if (!t) return [];
   const n = (e.entities.draggingMap.get(t) ?? e.entities.draggableMap.get(t))?.payload;
@@ -570,7 +570,7 @@ function Ft(e) {
   }), [...c.values()].sort((l, f) => l.index - f.index);
 }
 const R = (e, t) => {
-  const s = Ft(e);
+  const s = Gt(e);
   let n, o;
   if (t) {
     const r = e.entities.droppableMap.get(t)?.payload;
@@ -612,7 +612,7 @@ const R = (e, t) => {
     dropZone: n,
     hoveredDraggable: o,
     provider: e,
-    helpers: Ot({ draggedItems: s, dropZone: n, hoveredDraggable: o })
+    helpers: _t({ draggedItems: s, dropZone: n, hoveredDraggable: o })
   };
 }, U = (e, t, s) => {
   if (!t) return;
@@ -623,7 +623,7 @@ const R = (e, t) => {
   e.entities.draggingMap.forEach((n) => {
     n.disabled || n.events?.[t]?.(s);
   });
-}, Gt = (e, t, s) => {
+}, Ht = (e, t, s) => {
   if (t !== s) {
     if (t && !X(t, e)) {
       const n = R(e, t);
@@ -634,7 +634,7 @@ const R = (e, t) => {
       e.entities.droppableMap.get(s)?.events?.onEnter?.(n);
     }
   }
-}, Ht = (e, t, s) => {
+}, Kt = (e, t, s) => {
   if (t !== s) {
     const n = R(e);
     if (t) {
@@ -647,19 +647,19 @@ const R = (e, t) => {
     }
   }
 }, de = (e, t, s) => {
-  const n = _t(t);
+  const n = Ft(t);
   !n || !e.entities.draggingMap.has(n) || e.entities.draggingMap.get(n)?.events?.[s]?.(R(e));
-}, Kt = (e, t) => {
+}, Nt = (e, t) => {
   const s = G(t.droppable);
   s && !X(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(R(e, s));
 }, Je = (e, t) => {
   const s = G(t.droppable);
   s && !X(s, e) && e.entities.droppableMap.get(s)?.events?.onLeave?.(R(e, s));
 };
-function Nt(e) {
+function Zt(e) {
   return e.parentElement?.closest(Y.SELECT_AREA) ?? null;
 }
-const Zt = (e, t, s) => {
+const Ut = (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), u = Math.max(0, a - i);
   return {
@@ -672,15 +672,15 @@ const Zt = (e, t, s) => {
     border: "1px solid #3b82f6",
     backgroundColor: "#3b82f61a"
   };
-}, Ut = (e) => {
+}, Yt = (e) => {
   if (!e.pointer.value || !e.entities.selectingArea) return;
-  const { selectingArea: t } = e.entities, s = Yt(
+  const { selectingArea: t } = e.entities, s = Xt(
     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 = Nt(i);
+    const r = Zt(i);
     if (r && r !== t) {
       e.entities.selectedSet.delete(i);
       return;
@@ -695,12 +695,12 @@ const Zt = (e, t, s) => {
       return;
     }
     let u = o.get(i);
-    u || (u = i.getBoundingClientRect(), o.set(i, u)), yt(s, u) ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
+    u || (u = i.getBoundingClientRect(), o.set(i, u)), bt(s, u) ? e.entities.selectedSet.add(i) : e.entities.selectedSet.delete(i);
   });
-}, Yt = (e, t) => {
+}, Xt = (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);
-}, Xt = (e, t, s = 5) => {
+}, jt = (e, t, s = 5) => {
   const n = s / 2;
   return {
     left: e - n,
@@ -708,9 +708,9 @@ const Zt = (e, t, s) => {
     width: s,
     height: s
   };
-}, jt = (e) => {
+}, Vt = (e) => {
   const t = e.pointer.value?.current, s = t?.x ?? 0, n = t?.y ?? 0;
-  return Xt(s, n, 5);
+  return jt(s, n, 5);
 }, N = (e, t, s) => {
   const n = e.left + e.width / 2, o = e.top + e.height / 2;
   if (s) {
@@ -732,28 +732,28 @@ const Zt = (e, t, s) => {
     right: n > i,
     center: !1
   };
-}, Vt = (e) => ({
+}, $t = (e) => ({
   x: e.left + e.width / 2,
   y: e.top + e.height / 2
 }), Te = (e, t) => {
-  const s = Vt(t);
+  const s = $t(t);
   return Math.hypot(e.x - s.x, e.y - s.y);
 };
-function $t(e, t) {
+function Wt(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 ee(e, t) {
-  $t(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
+  Wt(e.hoveredPlacement, t) || (e.hoveredPlacement = t);
 }
-const Wt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
+const qt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
   const n = G(t.droppable), o = G(t.draggable);
   o && t.draggable.delete(o), n && t.droppable.delete(n);
-  const i = jt(e), r = s.zones[0], a = s.elements[0];
+  const i = Vt(e), r = s.zones[0], a = s.elements[0];
   if (r && a && r === a && e.entities.droppableMap.has(r) && r) {
     const l = r.getBoundingClientRect(), f = e.entities.draggableMap.get(r)?.placementMargins, d = N(i, l, f);
     if (d.center) {
       t.droppable.set(r, d);
-      const m = Wt(s.elements, r);
+      const m = qt(s.elements, r);
       if (m) {
         const h = m.getBoundingClientRect();
         t.draggable.set(
@@ -812,7 +812,7 @@ const Wt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
     const l = e.entities.droppableMap.get(u);
     l && ee(l, t.droppable.get(u));
   }
-  Gt(e, n, u), Ht(e, o, c);
+  Ht(e, n, u), Kt(e, o, c);
 }, ze = (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, Z = (e) => {
   if (!e)
     return { x: 0, y: 0, width: 0, height: 0, top: 0, left: 0, right: 0, bottom: 0 };
@@ -830,7 +830,7 @@ const Wt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
 }, $ = (e) => ({
   x: e.x + e.width / 2,
   y: e.y + e.height / 2
-}), qt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), Me = (e, t) => {
+}), Jt = (e, t) => Math.hypot(t.x - e.x, t.y - e.y), Me = (e, t) => {
   const s = Math.max(
     0,
     Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)
@@ -839,7 +839,7 @@ const Wt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
     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;
-}, we = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Jt = (e) => e.overlay.ref?.value ?? null, Qe = (e) => {
+}, we = (e, t, s) => t >= e.x && t <= e.x + e.width && s >= e.y && s <= e.y + e.height, Qt = (e) => e.overlay.ref?.value ?? null, Qe = (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)
@@ -858,9 +858,9 @@ const Wt = (e, t) => e.find((s) => s !== t && _(t, s)), W = (e, t, s) => {
     right: s + i,
     bottom: n + r
   };
-}, Qt = (e) => e.entities.allowedDraggableSet, en = (e) => e.entities.allowedDroppableSet, tn = (e, t) => !t.entities.draggingMap.has(e), nn = (e, t) => ![...t.entities.draggingMap.keys()].some(
+}, en = (e) => e.entities.allowedDraggableSet, tn = (e) => e.entities.allowedDroppableSet, nn = (e, t) => !t.entities.draggingMap.has(e), sn = (e, t) => ![...t.entities.draggingMap.keys()].some(
   (s) => _(s, e)
-), sn = (e, t) => t.entities.draggableMap.has(e) ? !Ae(e, t) : t.entities.droppableMap.has(e) ? !X(e, t) : !0, ce = (e, t) => tn(e, t) && nn(e, t) && sn(e, t), Be = 10;
+), on = (e, t) => t.entities.draggableMap.has(e) ? !Ae(e, t) : t.entities.droppableMap.has(e) ? !X(e, t) : !0, ce = (e, t) => nn(e, t) && sn(e, t) && on(e, t), Be = 10;
 function te(e, t) {
   return Math.hypot(
     t.x - (e.x + e.width / 2),
@@ -874,10 +874,10 @@ function Oe(e) {
   });
 }
 const ve = (e) => {
-  if (!Jt(e)) return { elements: [], zones: [] };
-  const s = Qe(e), n = e.pointer.value?.current ?? { x: 0, y: 0 }, o = [...Qt(e)].filter(
+  if (!Qt(e)) return { elements: [], zones: [] };
+  const s = Qe(e), n = e.pointer.value?.current ?? { x: 0, y: 0 }, o = [...en(e)].filter(
     (c) => ce(c, e)
-  ), i = [...en(e)].filter(
+  ), i = [...tn(e)].filter(
     (c) => ce(c, e)
   ), r = o.filter(
     (c) => we(Z(c), n.x, n.y)
@@ -896,7 +896,7 @@ const ve = (e) => {
   ).sort((c, l) => te(c.box, n) - te(l.box, n)).map(({ n: c }) => c);
   return { elements: g, zones: u };
 };
-function on(e) {
+function rn(e) {
   globalThis.onmessage = (t) => {
     const { callId: s, data: n } = t.data;
     try {
@@ -907,22 +907,22 @@ function on(e) {
     }
   };
 }
-function rn(e, t) {
+function an(e, t) {
   return [
     t.map((n) => n.toString()).join(`
 
 `),
     `var __fn = ${e.toString()};`,
-    `(${on.toString()})(__fn);`
+    `(${rn.toString()})(__fn);`
   ].join(`
 
 `);
 }
-function an(e, t) {
+function ln(e, t) {
   let s = null, n = null, o = !1, i = 0;
   const r = /* @__PURE__ */ new Map();
   try {
-    const u = rn(e, t?.localDependencies ?? []), c = new Blob([u], { type: "application/javascript" });
+    const u = an(e, t?.localDependencies ?? []), c = new Blob([u], { type: "application/javascript" });
     n = URL.createObjectURL(c), s = new Worker(n), o = !0, s.onmessage = (l) => {
       const f = r.get(l.data.callId);
       f && (r.delete(l.data.callId), l.data.ok ? f.resolve(l.data.result) : f.reject(new Error(l.data.error)));
@@ -966,7 +966,7 @@ function tt(e, t, s, n, o, i, r, a) {
 function oe(e, t, s, n, o, i) {
   return o >= e && o <= e + s && i >= t && i <= t + n;
 }
-function ln(e) {
+function cn(e) {
   const { containerBox: t, pointer: s, elements: n, elementCount: o, zones: i, zoneCount: r, config: a } = e, { x: g, y: u, width: c, height: l } = t, { x: f, y: d } = s, m = a.minOverlapPercent, h = g + c / 2, w = u + l / 2, D = oe(g, u, c, l, f, d);
   function v(x, K) {
     const S = [], b = x;
@@ -1005,7 +1005,7 @@ function ln(e) {
 }
 let me = null;
 function nt() {
-  return me || (me = an(ln, {
+  return me || (me = ln(cn, {
     localDependencies: [et, tt, oe]
   })), me;
 }
@@ -1018,7 +1018,7 @@ function _e(e, t) {
   return s;
 }
 let Fe = 0;
-function cn(e) {
+function un(e) {
   const t = nt(), s = ++Fe, n = [...e.entities.allowedDraggableSet].filter(
     (u) => ce(u, e)
   ), o = [...e.entities.allowedDroppableSet].filter(
@@ -1057,13 +1057,13 @@ function xe(e) {
     return;
   }
   if (nt().isSupported)
-    cn(e);
+    un(e);
   else {
     const s = ve(e);
     W(e, e.hovered, s);
   }
 }
-function un(e, t) {
+function gn(e, t) {
   const s = e.collision?.throttle?.value ?? 0;
   if (s <= 0) {
     xe(e);
@@ -1091,15 +1091,15 @@ async function st(e) {
 }
 function ot(e) {
   const t = e.entities.initiatingDraggable;
-  U(e, t, "onSelfDragEnd"), P(e, "onDragEnd"), Kt(e, e.hovered);
+  U(e, t, "onSelfDragEnd"), P(e, "onDragEnd"), Nt(e, e.hovered);
 }
-function gn(e) {
+function fn(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 fn = (e) => {
+const dn = (e) => {
   const t = {
     current: null
   }, s = { value: 0 }, n = async () => {
@@ -1112,20 +1112,20 @@ const fn = (e) => {
         return;
       }
       return;
-    } else a === "selecting" && gn(e);
+    } else a === "selecting" && fn(e);
     le(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 }, Et(e)) {
+      if (e.pointer.value.current = { x: a.clientX, y: a.clientY }, At(e)) {
         de(e, a, "onSelfDragStart"), P(e, "onDragStart");
         return;
       }
       if (e.state.value === "dragging") {
-        un(e, s);
+        gn(e, s);
         const g = e.entities.initiatingDraggable;
         U(e, g, "onSelfDragMove"), P(e, "onDragMove");
       }
-      e.state.value === "selecting" && Ut(e);
+      e.state.value === "selecting" && Yt(e);
     }
   };
   return { pointerDown: (a) => {
@@ -1145,14 +1145,14 @@ const fn = (e) => {
         return;
       pe(), e.entities.initiatingDraggable = c;
       const f = Xe(a, c);
-      e.pointer.value = De(a, f.x, f.y), l?.activation?.distance || l?.activation?.delay ? (e.state.value = "activating", l?.activation?.delay && (e.delay.startTime = Date.now(), t.current = At(e, () => {
+      e.pointer.value = De(a, f.x, f.y), l?.activation?.distance || l?.activation?.delay ? (e.state.value = "activating", l?.activation?.delay && (e.delay.startTime = Date.now(), t.current = Ct(e, () => {
         ae(e), de(e, a, "onSelfDragStart"), P(e, "onDragStart");
       }))) : (ae(e), de(e, a, "onSelfDragStart"), P(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();
   } };
-}, dn = {
+}, mn = {
   ArrowUp: { dx: 0, dy: -1 },
   ArrowDown: { dx: 0, dy: 1 },
   ArrowLeft: { dx: -1, dy: 0 },
@@ -1161,7 +1161,7 @@ const fn = (e) => {
   KeyA: { dx: -1, dy: 0 },
   KeyS: { dx: 0, dy: 1 },
   KeyD: { dx: 1, dy: 0 }
-}, mn = (e) => (t) => {
+}, hn = (e) => (t) => {
   const { keys: s } = e.keyboard;
   if (s.pressedKeys.value.add(t.code), e.state.value === "dragging") {
     if (s.forCancel.includes(t.code)) {
@@ -1176,7 +1176,7 @@ const fn = (e) => {
       t.preventDefault(), (async () => (await st(e) && ot(e), Se(), le(e)))();
       return;
     }
-    const o = dn[t.code];
+    const o = mn[t.code];
     if (o && s.forMove.includes(t.code) && e.pointer.value) {
       t.preventDefault();
       const i = s.forMoveFaster.some(
@@ -1222,18 +1222,18 @@ const fn = (e) => {
     const d = (e.collision?.run ?? ve)(e);
     W(e, e.hovered, d), U(e, i, "onSelfDragStart"), P(e, "onDragStart");
   }
-}, hn = (e) => (t) => {
+}, yn = (e) => (t) => {
   e.keyboard.keys.pressedKeys.value.delete(t.code);
-}, yn = (e) => () => {
+}, bn = (e) => () => {
   e.keyboard.keys.pressedKeys.value.clear();
 }, he = {
-  keyDown: mn,
-  keyUp: hn,
-  clear: yn
-}, bn = (e) => () => {
+  keyDown: hn,
+  keyUp: yn,
+  clear: bn
+}, pn = (e) => () => {
   e.state.value && (e.scrollPosition.x = window.scrollX, e.scrollPosition.y = window.scrollY, e.lib.rectCache.clear(), e.state.value === "dragging" && xe(e));
-}, T = 50, pn = 144, Ge = 1e3 / pn;
-function Sn(e) {
+}, T = 50, Sn = 144, Ge = 1e3 / Sn;
+function Dn(e) {
   return e == null ? {
     top: T,
     right: T,
@@ -1251,7 +1251,7 @@ function Sn(e) {
     left: e.left ?? T
   };
 }
-const Dn = {
+const Mn = {
   getScrollState(e) {
     return {
       scrollTop: e.scrollTop,
@@ -1262,8 +1262,8 @@ const Dn = {
     e.scrollTop = t, e.scrollLeft = s;
   }
 };
-function rt(e, t, s, n = Dn, o) {
-  const { speed: i = 10, disabled: r = !1 } = t, a = Sn(t.threshold);
+function rt(e, t, s, n = Mn, o) {
+  const { speed: i = 10, disabled: r = !1 } = t, a = Dn(t.threshold);
   let g = null, u = null, c = null, l = 0, f = 0;
   const d = (D) => {
     o && (o.value = D);
@@ -1292,7 +1292,7 @@ function rt(e, t, s, n = Dn, o) {
     g && (cancelAnimationFrame(g), g = null), c = null, l = 0, f = 0, u = null, d(!1);
   } };
 }
-const Mn = {
+const wn = {
   getScrollState() {
     return {
       scrollTop: window.scrollY ?? document.documentElement.scrollTop,
@@ -1305,14 +1305,14 @@ const Mn = {
   getRect() {
     return new DOMRect(0, 0, window.innerWidth, window.innerHeight);
   }
-}, wn = {
+}, vn = {
   get value() {
     return typeof document < "u" ? document.documentElement : null;
   }
 };
-function vn(e, t) {
+function xn(e, t) {
   const s = re(!1), o = rt(
-    wn,
+    vn,
     t ?? {},
     () => {
       if (e.state.value !== "dragging") return null;
@@ -1322,7 +1322,7 @@ function vn(e, t) {
         y: a.y + g.height / 2
       } : a : null;
     },
-    Mn,
+    wn,
     s
   ), i = ue(
     () => e.state.value,
@@ -1334,13 +1334,13 @@ function vn(e, t) {
   };
   return at(r), { isScrolling: s, stop: r };
 }
-const xn = (e) => {
-  const t = fn(e), s = he.keyDown(e), n = he.keyUp(e), o = he.clear(e), i = bn(e);
+const En = (e) => {
+  const t = dn(e), s = he.keyDown(e), n = he.keyUp(e), o = he.clear(e), i = pn(e);
   let r = null;
   ue(
     e.autoScrollViewport,
     (a) => {
-      r?.(), r = null, (a === !0 || a && typeof a == "object") && (r = vn(
+      r?.(), r = null, (a === !0 || a && typeof a == "object") && (r = xn(
         e,
         a === !0 ? {} : a
       ).stop);
@@ -1370,7 +1370,7 @@ const xn = (e) => {
     collision: e.collision,
     autoScrollViewport: e.autoScrollViewport
   };
-}, En = /* @__PURE__ */ Ue({
+}, An = /* @__PURE__ */ Ue({
   __name: "DefaultOverlay",
   setup(e) {
     const { entities: t, state: s, overlay: n } = it();
@@ -1394,37 +1394,39 @@ const xn = (e) => {
       ], 64))), 256))
     ], 4)) : ct("", !0);
   }
-}), Ln = /* @__PURE__ */ Ue({
+}), kn = /* @__PURE__ */ Ue({
   __name: "DnDProvider",
   props: {
     autoScrollViewport: { type: [Object, Boolean, null] },
-    overlayTo: { type: [String, Boolean, null] }
+    overlayTo: { type: [String, Boolean, null] },
+    style: {},
+    class: {}
   },
   setup(e) {
-    const t = e, s = ut("overlayRef"), n = Pt(s, t);
-    xn(n);
+    const t = e, s = ut("overlayRef"), n = Rt(s, t);
+    En(n);
     const o = M(
-      () => n.overlay.render.value ?? En
+      () => n.overlay.render.value ?? An
     );
     return gt(Ee, n), (i, r) => (z(), se(ye, null, [
       Pe(i.$slots, "default"),
       (z(), ie(ft, {
         to: F(n).overlay.to.value || "body"
       }, [
-        dt("div", {
+        dt("div", mt({
           ref_key: "overlayRef",
           ref: s,
           class: "dnd-kit-overlay-container"
-        }, [
+        }, t), [
           Pe(i.$slots, "overlay", { overlay: o.value }, () => [
             (z(), ie(be(o.value)))
           ])
-        ], 512)
+        ], 16)
       ], 8, ["to"]))
     ], 64));
   }
 });
-function kn(e, t, s) {
+function Pn(e, t, s) {
   const n = ge();
   let o, i, r;
   typeof t == "function" ? (o = {}, i = t) : (o = t ?? {}, i = s);
@@ -1470,7 +1472,7 @@ function kn(e, t, s) {
     isDragOver: c
   };
 }
-const Pn = (e, t) => {
+const Rn = (e, t) => {
   const s = ge(), n = M(() => e.value === s.entities.selectingArea);
   let o = null;
   q(() => {
@@ -1489,14 +1491,14 @@ const Pn = (e, t) => {
   const i = M(() => {
     s.scrollPosition.x, s.scrollPosition.y;
     const r = s.pointer.value;
-    return !r || s.state.value !== "selecting" || !o || !n.value ? {} : Zt(r.start, r.current, o);
+    return !r || s.state.value !== "selecting" || !o || !n.value ? {} : Ut(r.start, r.current, o);
   });
   return {
     isSelecting: n,
     style: i
   };
 };
-function Rn(e, t) {
+function Tn(e, t) {
   const s = Ze(Ee);
   if (!s) throw Error("DnD provider not found");
   let n = null;
@@ -1509,7 +1511,7 @@ function Rn(e, t) {
     n && s.entities.constraintsAreaMap.delete(n);
   }), {};
 }
-function Tn(e, t, s) {
+function zn(e, t, s) {
   const n = ge();
   let o = null, i, r;
   typeof t == "function" ? (i = {}, r = t) : (i = t ?? {}, r = s);
@@ -1536,7 +1538,7 @@ function Tn(e, t, s) {
     isDragOver: g
   };
 }
-const zn = (e, t) => {
+const Bn = (e, t) => {
   const s = it(), n = re(!1), i = rt(
     e,
     t ?? {},
@@ -1561,7 +1563,7 @@ const zn = (e, t) => {
 function He(e, t) {
   return t <= 0 ? e : Math.round(e / t) * t;
 }
-function Bn(e, t) {
+function On(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 M(() => {
     const { x: i, y: r } = e.value;
@@ -1571,13 +1573,13 @@ function Bn(e, t) {
     };
   });
 }
-const Ke = () => !0, Ne = () => 0, An = "separate", Cn = () => {
+const Ke = () => !0, Ne = () => 0, Cn = "separate", In = () => {
   const e = {
     filterElements: Ke,
     filterZones: Ke,
     sortElements: Ne,
     sortZones: Ne,
-    mergeStrategy: An,
+    mergeStrategy: Cn,
     pickClosestBetweenFirst: !1
   }, t = (n, o, i, r, a, g, u) => {
     const c = r instanceof Set ? r : new Set(r), l = { containerBox: o, pointer: i }, f = e.minOverlapPercent, d = [];
@@ -1597,7 +1599,7 @@ const Ke = () => !0, Ne = () => 0, An = "separate", Cn = () => {
           isPointerInElement: we(h, i.x, i.y),
           overlapPercent: w,
           depth: D,
-          centerDistance: qt(
+          centerDistance: Jt(
             $(o),
             $(h)
           )
@@ -1714,16 +1716,16 @@ const Ke = () => !0, Ne = () => 0, An = "separate", Cn = () => {
     }
   };
   return s;
-}, On = () => Cn();
+}, _n = () => In();
 export {
-  Ln as DnDProvider,
-  On as createSensor,
+  kn as DnDProvider,
+  _n as createSensor,
   ve as defaultCollisionDetection,
-  zn as makeAutoScroll,
-  Rn as makeConstraintArea,
-  kn as makeDraggable,
-  Tn as makeDroppable,
-  Pn as makeSelectionArea,
-  Bn as makeSnappedOverlayPosition,
+  Bn as makeAutoScroll,
+  Tn as makeConstraintArea,
+  Pn as makeDraggable,
+  zn as makeDroppable,
+  Rn as makeSelectionArea,
+  On as makeSnappedOverlayPosition,
   it as useDnDProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-dnd-kit/core",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "Core functionality for Vue DnD Kit - a lightweight Vue 3 library for building performant and accessible drag and drop interfaces",
   "author": "ZiZIGY",
   "license": "MIT",