@vue-dnd-kit/core 1.5.2 → 1.7.0

package/dist/index.d.ts

@@ -66,6 +66,7 @@ export declare interface IDragElement {
     groups: string[];
     layer: Component | null;
     defaultLayer: Component | null;
+    disabled: boolean;
     data: {
         source?: any[];
         index?: number;
@@ -88,6 +89,7 @@ export declare interface IDraggingElement extends IDragElement {
 export declare interface IDropZone {
     node: HTMLElement | Element | null;
     groups: string[];
+    disabled: boolean;
     data?: {
         source?: any[];
         [key: string]: any;
@@ -106,6 +108,12 @@ export declare interface IPluginOptions {
     defaultOverlay?: {
         styles?: CSSProperties;
     };
+    overlayPosition?: {
+        target?: string | Element | HTMLElement;
+        method?: 'append' | 'prepend' | 'after' | 'before';
+        zIndex?: number;
+        className?: string;
+    };
 }
 
 export declare interface IPoint {
@@ -128,7 +136,8 @@ store: IDnDStore
 
 export declare interface IUseDragOptions extends IUseSensorOptions {
     id?: string | number;
-    groups?: string[];
+    groups?: string[] | Ref<string[]>;
+    disabled?: boolean | Ref<boolean>;
     events?: {
         onEnd?: (store: IDnDStore, payload: IDnDPayload) => void;
         onStart?: (store: IDnDStore, payload: IDnDPayload) => void;
@@ -146,6 +155,7 @@ export declare interface IUseDragOptions extends IUseSensorOptions {
     };
     layer?: Component | null;
     container?: Component;
+    containerProps?: Record<string, any>;
     sensor?: {
         throttle?: number;
         setup?: (store: IDnDStore) => Element | Element[] | null;
@@ -154,6 +164,7 @@ export declare interface IUseDragOptions extends IUseSensorOptions {
 
 export declare interface IUseDropOptions {
     groups?: string[];
+    disabled?: boolean | Ref<boolean>;
     events?: {
         onDrop?: (
         store: IDnDStore,
@@ -432,6 +443,7 @@ export declare const useDnDStore: () => {
     __file?: string | undefined;
     __name?: string | undefined;
     } | null;
+    disabled: boolean;
     data: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -698,6 +710,7 @@ export declare const useDnDStore: () => {
     __file?: string | undefined;
     __name?: string | undefined;
     } | null;
+    disabled: boolean;
     data: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -947,6 +960,7 @@ export declare const useDnDStore: () => {
         } | null>;
         ref: ShallowRef<HTMLElement | null, HTMLElement | null>;
         options: ShallowRef<TransitionProps | null, TransitionProps | null>;
+        props: ShallowRef<null, null> | ShallowRef<Record<string, any>, Record<string, any>>;
         animating: {
             enter: ShallowRef<boolean, boolean>;
             leave: ShallowRef<boolean, boolean>;
@@ -1195,6 +1209,7 @@ export declare const useDnDStore: () => {
     __file?: string | undefined;
     __name?: string | undefined;
     } | null;
+    disabled: boolean;
     data: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -1449,6 +1464,7 @@ export declare const useDnDStore: () => {
     __file?: string | undefined;
     __name?: string | undefined;
     } | null;
+    disabled: boolean;
     data: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -1466,6 +1482,7 @@ export declare const useDnDStore: () => {
     zonesMap: Ref<Map<HTMLElement | Element, {
     node: HTMLElement | Element | null;
     groups: string[];
+    disabled: boolean;
     data?: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -1478,6 +1495,7 @@ export declare const useDnDStore: () => {
     }> & Omit<Map<HTMLElement | Element, IDropZone>, keyof Map<any, any>>, Map<HTMLElement | Element, IDropZone> | (Map<HTMLElement | Element, {
     node: HTMLElement | Element | null;
     groups: string[];
+    disabled: boolean;
     data?: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -1773,6 +1791,7 @@ export declare const useDragContainer: (options?: Omit<TransitionProps, 'appear'
     __file?: string | undefined;
     __name?: string | undefined;
     } | null;
+    disabled: boolean;
     data: {
     [x: string]: any;
     source?: any[] | undefined;
@@ -2039,6 +2058,7 @@ export declare const useDragContainer: (options?: Omit<TransitionProps, 'appear'
     __file?: string | undefined;
     __name?: string | undefined;
     } | null;
+    disabled: boolean;
     data: {
     [x: string]: any;
     source?: any[] | undefined;

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

@@ -1,2 +1,2 @@
-"use strict";var re=Object.defineProperty;var ae=(n,t,e)=>t in n?re(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var B=(n,t,e)=>ae(n,typeof t!="symbol"?t+"":t,e);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),F=require("@vueuse/core"),L=class L{};B(L,"remove",(t,e)=>{if(!t||e===void 0)return;const[l]=t.splice(e,1);return l}),B(L,"insert",(t,e,l)=>{!t||e===void 0||t.splice(e,0,l)}),B(L,"move",(t,e,l,o)=>{if(!t||!l||e===void 0||o===void 0)return;const s=L.remove(t,e);L.insert(l,o,s)}),B(L,"swap",(t,e,l,o)=>{if(!t||!l||e===void 0||o===void 0)return;const s=t[e],i=l[o];t[e]=i,l[o]=s}),B(L,"copy",(t,e,l,o)=>{if(!t||e===void 0||!l||o===void 0)return;const s=t[e];L.insert(l,o,s)}),B(L,"applyTransfer",t=>{var o,s,i,g,u,c,d;const e=t.hovered.element.value,l=t.hovered.zone.value;if(e){const m=(s=(o=t.elementsMap.value.get(e))==null?void 0:o.data)==null?void 0:s.source,a=(g=(i=t.elementsMap.value.get(e))==null?void 0:i.data)==null?void 0:g.index,f=t.draggingElements.value.values().next().value,v=(u=f==null?void 0:f.data)==null?void 0:u.index,h=v!==void 0&&a!==void 0&&v>a?1:-1;Array.from(t.draggingElements.value.values()).sort((E,P)=>{var S,M;return h*((((S=E.data)==null?void 0:S.index)||0)-(((M=P.data)==null?void 0:M.index)||0))}).forEach(E=>{var P,S;return L.move((P=E.data)==null?void 0:P.source,(S=E.data)==null?void 0:S.index,m,a)})}else if(l){const m=(d=(c=t.zonesMap.value.get(l))==null?void 0:c.data)==null?void 0:d.source,a=m==null?void 0:m.length;Array.from(t.draggingElements.value.values()).sort((v,h)=>{var p,E;return(((p=h.data)==null?void 0:p.index)||0)-(((E=v.data)==null?void 0:E.index)||0)}).forEach(v=>{var h,p;return L.move((h=v.data)==null?void 0:h.source,(p=v.data)==null?void 0:p.index,m,a)})}}),B(L,"applyCopy",t=>{var o,s,i,g,u,c;const e=t.hovered.element.value,l=t.hovered.zone.value;if(e){const d=(s=(o=t.elementsMap.value.get(e))==null?void 0:o.data)==null?void 0:s.source,m=(g=(i=t.elementsMap.value.get(e))==null?void 0:i.data)==null?void 0:g.index;Array.from(t.draggingElements.value.values()).sort((f,v)=>{var h,p;return(((h=v.data)==null?void 0:h.index)||0)-(((p=f.data)==null?void 0:p.index)||0)}).forEach(f=>{var v,h;return L.copy((v=f.data)==null?void 0:v.source,(h=f.data)==null?void 0:h.index,d,m)})}else if(l){const d=(c=(u=t.zonesMap.value.get(l))==null?void 0:u.data)==null?void 0:c.source,m=d==null?void 0:d.length;Array.from(t.draggingElements.value.values()).sort((f,v)=>{var h,p;return(((h=v.data)==null?void 0:h.index)||0)-(((p=f.data)==null?void 0:p.index)||0)}).forEach(f=>{var v,h;return L.copy((v=f.data)==null?void 0:v.source,(h=f.data)==null?void 0:h.index,d,m)})}}),B(L,"applySwap",t=>{var o,s,i,g,u,c,d,m;const e=t.hovered.element.value,l=t.hovered.zone.value;if(e&&t.draggingElements.value.size===1){const a=t.draggingElements.value.values().next().value;L.swap((o=a==null?void 0:a.data)==null?void 0:o.source,(s=a==null?void 0:a.data)==null?void 0:s.index,(g=(i=t.elementsMap.value.get(e))==null?void 0:i.data)==null?void 0:g.source,(c=(u=t.elementsMap.value.get(e))==null?void 0:u.data)==null?void 0:c.index)}else if(l){const a=(m=(d=t.zonesMap.value.get(l))==null?void 0:d.data)==null?void 0:m.source,f=a==null?void 0:a.length;Array.from(t.draggingElements.value.values()).sort((h,p)=>{var E,P;return(((E=p.data)==null?void 0:E.index)||0)-(((P=h.data)==null?void 0:P.index)||0)}).forEach(h=>{var p,E;return L.move((p=h.data)==null?void 0:p.source,(E=h.data)==null?void 0:E.index,a,f)})}}),B(L,"applyRemove",t=>{Array.from(t.draggingElements.value.values()).sort((l,o)=>{var s,i;return(((s=o.data)==null?void 0:s.index)||0)-(((i=l.data)==null?void 0:i.index)||0)}).forEach(l=>{var o,s;(o=l.data)!=null&&o.source&&((s=l.data)==null?void 0:s.index)!==void 0&&L.remove(l.data.source,l.data.index)})}),B(L,"applyInsert",(t,e)=>{var s,i,g,u,c,d;const l=t.hovered.element.value,o=t.hovered.zone.value;if(l&&e.length>0){const m=(i=(s=t.elementsMap.value.get(l))==null?void 0:s.data)==null?void 0:i.source,a=(u=(g=t.elementsMap.value.get(l))==null?void 0:g.data)==null?void 0:u.index;e.forEach(f=>{L.insert(m,a,f)})}else if(o){const m=(d=(c=t.zonesMap.value.get(o))==null?void 0:c.data)==null?void 0:d.source,a=m==null?void 0:m.length;e.forEach(f=>{L.insert(m,a,f)})}});let N=L;const R=F.createGlobalState(()=>{const n=r.shallowRef(!1),t=r.ref(new Map),e=r.computed(()=>t.value.size>0),l={component:r.ref(null),ref:r.shallowRef(null),options:r.shallowRef(null),animating:{enter:r.shallowRef(!1),leave:r.shallowRef(!1),appear:r.shallowRef(!1)}},o=r.ref(new Map),s=r.ref(new Set),i=r.ref(new Map),g=r.shallowRef(new Set),u=r.shallowRef(new Set),c=typeof window<"u"&&"IntersectionObserver"in window,d=c?new IntersectionObserver(x=>{x.forEach(y=>u.value[y.isIntersecting?"add":"delete"](y.target))}):null,m=c?new IntersectionObserver(x=>{x.forEach(y=>g.value[y.isIntersecting?"add":"delete"](y.target))}):null,a=(x,y)=>{d&&(x==="add"?d.observe(y):(d.unobserve(y),u.value.delete(y)))},f=(x,y)=>{m&&(x==="add"?m.observe(y):(m.unobserve(y),g.value.delete(y)))},v={start:r.shallowRef(null),current:r.shallowRef(null),offset:{percent:r.shallowRef(null),pixel:r.shallowRef(null)}},{KeyW:h,KeyS:p,KeyA:E,KeyD:P,ctrl:S,shift:M,alt:U,meta:V}=F.useMagicKeys(),w={zone:r.shallowRef(null),element:r.shallowRef(null)};return{draggingElements:t,isDragging:e,activeContainer:l,elementsMap:o,selectedElements:s,zonesMap:i,visibleZones:g,visibleElements:u,pointerPosition:v,keyboard:{w:h,s:p,a:E,d:P,ctrl:S,shift:M,alt:U,meta:V},hovered:w,isPending:n,handleDragElementIntersection:a,handleDropZoneIntersection:f}}),ne=n=>{const t=r.ref(null),{draggingElements:e,pointerPosition:l,isDragging:o,activeContainer:s}=R();return r.onMounted(()=>{s.ref=t,s.options.value=n??null}),r.onUnmounted(()=>{s.ref.value=null,s.options.value=null}),{elementRef:t,draggingElements:e,pointerPosition:l,isDragging:o,animating:s.animating}},le=["innerHTML"],oe=r.defineComponent({__name:"DefaultOverlay",props:{styles:{}},setup(n){const{elementRef:t,pointerPosition:e,isDragging:l,draggingElements:o}=ne(),s=r.computed(()=>{var i,g,u,c;return{transform:`translate3d(${(((i=e.current.value)==null?void 0:i.x)??0)-(((g=e.offset.pixel.value)==null?void 0:g.x)??0)}px, ${(((u=e.current.value)==null?void 0:u.y)??0)-(((c=e.offset.pixel.value)==null?void 0:c.y)??0)}px, 0)`,zIndex:1e3,position:"fixed",top:0,left:0,transition:"0.3s cubic-bezier(0.165, 0.84, 0.44, 1)",...n.styles}});return(i,g)=>r.unref(l)?(r.openBlock(),r.createElementBlock("div",{key:0,ref_key:"elementRef",ref:t,style:r.normalizeStyle(s.value)},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(r.unref(o),([u,c])=>{var d,m;return r.openBlock(),r.createElementBlock(r.Fragment,{key:c.id},[c.layer?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(c.layer),{key:0,node:u,data:c.data,id:c.id,groups:c.groups},null,8,["node","data","id","groups"])):(r.openBlock(),r.createElementBlock("div",{key:1,innerHTML:c.initialHTML,style:r.normalizeStyle({width:`${(d=c.initialRect)==null?void 0:d.width}px`,height:`${(m=c.initialRect)==null?void 0:m.height}px`})},null,12,le))],64)}),128))],4)):r.createCommentVNode("",!0)}}),W=r.defineComponent({__name:"DragOverlay",props:{styles:{}},setup(n){const t=n,{activeContainer:e}=R(),l=r.computed(()=>({component:e.component.value??oe,props:t}));return(o,s)=>r.unref(e).options.value?(r.openBlock(),r.createBlock(r.Transition,{key:0,name:r.unref(e).options.value.name,duration:r.unref(e).options.value.duration,"enter-from-class":r.unref(e).options.value.enterFromClass,"enter-to-class":r.unref(e).options.value.enterToClass,"enter-active-class":r.unref(e).options.value.enterActiveClass,"leave-from-class":r.unref(e).options.value.leaveFromClass,"leave-to-class":r.unref(e).options.value.leaveToClass,"leave-active-class":r.unref(e).options.value.leaveActiveClass,"appear-active-class":r.unref(e).options.value.appearActiveClass,"appear-from-class":r.unref(e).options.value.appearFromClass,"appear-to-class":r.unref(e).options.value.appearToClass,mode:r.unref(e).options.value.mode,type:r.unref(e).options.value.type,css:r.unref(e).options.value.css,appear:!0,persisted:r.unref(e).options.value.persisted,onEnter:r.unref(e).options.value.onEnter,onLeave:r.unref(e).options.value.onLeave,onBeforeEnter:r.unref(e).options.value.onBeforeEnter,onBeforeLeave:r.unref(e).options.value.onBeforeLeave,onBeforeAppear:r.unref(e).options.value.onBeforeAppear,onAfterEnter:r.unref(e).options.value.onAfterEnter,onAfterLeave:r.unref(e).options.value.onAfterLeave,onAfterAppear:r.unref(e).options.value.onAfterAppear},{default:r.withCtx(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(l.value.component||l.value),r.normalizeProps(r.guardReactiveProps(l.value.props||{})),null,16))]),_:1},8,["name","duration","enter-from-class","enter-to-class","enter-active-class","leave-from-class","leave-to-class","leave-active-class","appear-active-class","appear-from-class","appear-to-class","mode","type","css","persisted","onEnter","onLeave","onBeforeEnter","onBeforeLeave","onBeforeAppear","onAfterEnter","onAfterLeave","onAfterAppear"])):(r.openBlock(),r.createBlock(r.resolveDynamicComponent(l.value.component||l.value),r.normalizeProps(r.mergeProps({key:1},l.value.props||{})),null,16))}}),se={install(n,t){n.component("DragOverlay",W);const e=n.mount;n.mount=function(o){var g;const s=e.call(this,o),i=typeof o=="string"?document.querySelector(o):o;if(i&&i instanceof Element&&!i.querySelector("#vue-dnd-kit-overlay")){const u=document.createElement("div");u.id="vue-dnd-kit-overlay",u.style.pointerEvents="none",i.appendChild(u);const c=r.createVNode(W,{styles:(g=t==null?void 0:t.defaultOverlay)==null?void 0:g.styles});r.render(c,u),n.__VUE_DND_KIT_OVERLAY__={container:u,vnode:c,options:(t==null?void 0:t.defaultOverlay)||{}};const d=R();n.__VUE_DND_KIT_STORE__=d}return s};const l=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(r.render(null,n.__VUE_DND_KIT_OVERLAY__.container),delete n.__VUE_DND_KIT_OVERLAY__),l.call(this)}}},J=(n,t)=>n.x<t.x+t.width&&n.x+n.width>t.x&&n.y<t.y+t.height&&n.y+n.height>t.y,O=n=>{if(!n)return{x:0,y:0,width:0,height:0,bottom:0,left:0,right:0,top:0};const t=n.getBoundingClientRect();return{bottom:t.bottom,left:t.left,right:t.right,top:t.top,x:t.x,y:t.y,width:t.width,height:t.height}},X=n=>({x:n.x+n.width/2,y:n.y+n.height/2}),ue=(n,t)=>{const e=O(n);return{pixel:{x:t.x-e.x,y:t.y-e.y},percent:{x:(t.x-e.x)/e.width*100,y:(t.y-e.y)/e.height*100}}},Q=(n,t)=>{const e=t.x-n.x,l=t.y-n.y;return Math.sqrt(e*e+l*l)},ee=(n,t)=>{const e=Math.max(0,Math.min(n.x+n.width,t.x+t.width)-Math.max(n.x,t.x)),l=Math.max(0,Math.min(n.y+n.height,t.y+t.height)-Math.max(n.y,t.y)),o=e*l,s=n.width*n.height,i=t.width*t.height;return(o/s*100+o/i*100)/2},te="data-vue-dnd-kit-draggable",I=n=>{n.preventDefault()},Z=n=>({items:Array.from(n.draggingElements.value.values())}),ie=n=>{const{elementsMap:t,draggingElements:e,hovered:l,selectedElements:o,isDragging:s,visibleElements:i,handleDragElementIntersection:g}=R(),u=r.ref(null),c=r.computed(()=>l.element.value===u.value),d=r.shallowRef((n==null?void 0:n.id)||r.useId()),m=r.computed(()=>!u.value||!t.value.has(u.value)?!1:e.value.has(u.value)),a=r.computed(()=>{if(!u.value||!s.value||!i.value.has(u.value))return!1;const p=t.value.get(u.value);return p!=null&&p.groups.length?!Array.from(e.value.entries()).some(([E,P])=>P.groups.length?!P.groups.some(S=>p.groups.includes(S)):!1):!0}),f=r.computed(()=>{if(!u.value||!s.value||!i.value.has(u.value)||l.element.value!==u.value)return!1;const p=t.value.get(u.value);return p!=null&&p.groups.length?!Array.from(e.value.entries()).some(([E,P])=>P.groups.length?!P.groups.some(S=>p.groups.includes(S)):!1):!0});return{elementRef:u,registerElement:()=>{if(!u.value)throw new Error("ElementRef is not set");t.value.set(u.value,{node:u.value,groups:(n==null?void 0:n.groups)??[],layer:(n==null?void 0:n.layer)??null,defaultLayer:(n==null?void 0:n.layer)??null,events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??null,id:d.value}),g("add",u.value),u.value.addEventListener("dragstart",I),u.value.addEventListener("drag",I),u.value.setAttribute(te,"true"),u.value.setAttribute("draggable","false")},unregisterElement:()=>{u.value&&(t.value.delete(u.value),o.value.delete(u.value),u.value.removeEventListener("dragstart",I),u.value.removeEventListener("drag",I),u.value.removeAttribute(te),u.value.removeAttribute("draggable"))},isDragging:m,isOvered:c,isAllowed:a,isLazyAllowed:f,id:d}},K=(n,t)=>n?t.contains(n):!1,ce=n=>{var d,m;const t=O(n.activeContainer.ref.value),e=X(t),l=((d=n.pointerPosition.current.value)==null?void 0:d.x)??0,o=((m=n.pointerPosition.current.value)==null?void 0:m.y)??0,i=!(t&&l>=t.x&&l<=t.x+t.width&&o>=t.y&&o<=t.y+t.height),g=Array.from(n.draggingElements.value.keys()),u=Array.from(n.visibleElements.value.entries()).filter(([a,f])=>{if(!a)return!1;const v=O(a);return v&&t&&J(v,t)}).map(([a,f])=>{const v=O(a),h=X(v),p=l>=v.x&&l<=v.x+v.width&&o>=v.y&&o<=v.y+v.height,E=ee(v,t),P=Q(e,h);let S=0;for(const[M,U]of n.visibleElements.value.entries())M!==a&&M&&a&&K(a,M)&&S++;return{element:f,node:a,isPointerInElement:p,overlapPercent:E,depth:S,centerDistance:P}}).sort((a,f)=>{if(!i){if(a.isPointerInElement&&f.isPointerInElement)return f.depth-a.depth;if(a.isPointerInElement!==f.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-f.overlapPercent)<=1?a.centerDistance-f.centerDistance:f.overlapPercent-a.overlapPercent}),c=Array.from(n.visibleZones.value.entries()).filter(([a,f])=>{if(!a||g.some(h=>h&&K(a,h)))return!1;const v=O(a);return v&&t&&J(v,t)}).map(([a,f])=>{const v=O(a),h=X(v),p=l>=v.x&&l<=v.x+v.width&&o>=v.y&&o<=v.y+v.height,E=ee(v,t),P=Q(e,h);let S=0;for(const[M,U]of n.visibleZones.value.entries())M!==a&&M&&a&&K(a,M)&&S++;return{zone:f,node:a,isPointerInElement:p,overlapPercent:E,depth:S,centerDistance:P}}).sort((a,f)=>{if(!i){if(a.isPointerInElement&&f.isPointerInElement)return f.depth-a.depth;if(a.isPointerInElement!==f.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-f.overlapPercent)<=1?a.centerDistance-f.centerDistance:f.overlapPercent-a.overlapPercent});return[...u.map(a=>a.node),...c.map(a=>a.node)]},ve=(n,t)=>{const{pointerPosition:e,keyboard:l}=R(),o=(t==null?void 0:t.moveStep)||10;return{onKeyboardStart:u=>{var a;I(u);const c=O(n.value);(a=n.value)==null||a.blur();const d=c.x+c.width/2,m=c.y+c.height/2;e.start.value={x:d,y:m},e.current.value={x:d,y:m},e.offset.pixel.value={x:c.width/2,y:c.height/2},e.offset.percent.value={x:50,y:50}},onKeyboardMove:()=>{if(!e.current.value)return;const u=e.current.value.x,c=e.current.value.y;let d=u,m=c;l.w.value&&(m-=o),l.s.value&&(m+=o),l.a.value&&(d-=o),l.d.value&&(d+=o),e.current.value={x:d,y:m}},onKeyboardEnd:()=>{e.current.value=null,e.start.value=null,e.offset.pixel.value=null,e.offset.percent.value=null}}},de=n=>{const t=R();return{onPointerStart:s=>{t.pointerPosition.start.value={x:s.clientX,y:s.clientY},t.pointerPosition.current.value={x:s.clientX,y:s.clientY};const{pixel:i,percent:g}=ue(n.value,{x:s.clientX,y:s.clientY});t.pointerPosition.offset.pixel.value=i,t.pointerPosition.offset.percent.value=g},onPointerMove:s=>{t.isPending.value||(t.pointerPosition.current.value={x:s.clientX,y:s.clientY})},onPointerEnd:()=>{t.pointerPosition.current.value=null,t.pointerPosition.start.value=null,t.pointerPosition.offset.pixel.value=null,t.pointerPosition.offset.percent.value=null}}},fe=(n,t)=>{var U,V;const e=R(),{onPointerStart:l,onPointerMove:o,onPointerEnd:s}=de(n),{onKeyboardStart:i,onKeyboardMove:g,onKeyboardEnd:u}=ve(n,t==null?void 0:t.keyboard);let c=null;const d=w=>{var z,b;if(!w)return new Map;const x=e.selectedElements.value.has(w);if(e.selectedElements.value.size>0&&x){const C=new Map;return e.selectedElements.value.forEach(k=>{var _,T;const D=e.elementsMap.value.get(k);D&&C.set(k,{...D,initialHTML:((_=D.node)==null?void 0:_.outerHTML)??"",initialRect:(T=D.node)==null?void 0:T.getBoundingClientRect()})}),C}e.selectedElements.value.clear();const y=e.elementsMap.value.get(w);if(!y)return new Map;const A=new Map;return A.set(w,{...y,initialHTML:((z=y.node)==null?void 0:z.outerHTML)??"",initialRect:(b=y.node)==null?void 0:b.getBoundingClientRect()}),A},m=w=>{if(!w)return{element:null,zone:null};const x=Array.isArray(w)?w:[w],y=Array.from(e.draggingElements.value.keys()),A=x.find(C=>{if(!e.visibleZones.value.has(C))return!1;const k=e.zonesMap.value.get(C);return!(!k||y.some(D=>D&&(D===k.node||K(k.node,D)))||k.groups.length&&!!Array.from(e.draggingElements.value.values()).some(_=>_.groups.length?!_.groups.some(T=>k.groups.includes(T)):!1))});return A?{element:x.filter(C=>!e.visibleElements.value.has(C)||!e.elementsMap.value.has(C)?!1:!Array.from(e.draggingElements.value.values()).some(D=>D.groups.length?!D.groups.some(_=>{var T;return(T=e.elementsMap.value.get(C))==null?void 0:T.groups.includes(_)}):!1)).find(C=>y.some(D=>D&&(D===C||K(C,D)||K(D,C)))?!1:C===A||K(C,A))||null,zone:A}:{element:null,zone:null}},a=((U=t==null?void 0:t.sensor)==null?void 0:U.setup)||ce,f=w=>{var b,C,k,D,_,T,q,Y,$,G,H,j;const x=e.hovered.element.value,y=e.hovered.zone.value,A=w.element,z=w.zone;e.hovered.element.value=A,e.hovered.zone.value=z,x!==A&&(x&&((k=(C=(b=e.elementsMap.value.get(x))==null?void 0:b.events)==null?void 0:C.onLeave)==null||k.call(C,e,Z(e))),A&&((T=(_=(D=e.elementsMap.value.get(A))==null?void 0:D.events)==null?void 0:_.onHover)==null||T.call(_,e,Z(e)))),y!==z&&(y&&(($=(Y=(q=e.zonesMap.value.get(y))==null?void 0:q.events)==null?void 0:Y.onLeave)==null||$.call(Y,e,Z(e))),z&&((j=(H=(G=e.zonesMap.value.get(z))==null?void 0:G.events)==null?void 0:H.onHover)==null||j.call(H,e,Z(e))))},v=F.useThrottleFn(()=>{const w=a(e),x=m(w);f(x)},((V=t==null?void 0:t.sensor)==null?void 0:V.throttle)??0),h=()=>{v(),c=requestAnimationFrame(h)},p=()=>h(),E=()=>{c!==null&&(s(),u(),cancelAnimationFrame(c),c=null)};return{activate:w=>{e.draggingElements.value=d(n.value),e.draggingElements.value.forEach(x=>{var y,A;return(A=(y=x.events).onStart)==null?void 0:A.call(y,e,Z(e))}),w instanceof PointerEvent?l(w):i(w),p()},track:w=>{e.draggingElements.value.forEach(x=>{var y,A;return(A=(y=x.events).onMove)==null?void 0:A.call(y,e,Z(e))}),w instanceof KeyboardEvent?g():o(w)},deactivate:async(w=!0)=>{var x,y;if(e.hovered.zone.value){const A=e.zonesMap.value.get(e.hovered.zone.value),z=(y=A==null?void 0:(x=A.events).onDrop)==null?void 0:y.call(x,e,Z(e));if(z instanceof Promise)try{e.isPending.value=!0;const b=await z;return b&&(w&&e.selectedElements.value.clear(),e.draggingElements.value.clear(),e.hovered.zone.value=null,e.hovered.element.value=null,E()),b}catch{return!1}finally{e.isPending.value=!1}else w&&e.selectedElements.value.clear(),e.draggingElements.value.clear(),e.hovered.zone.value=null,e.hovered.element.value=null,E()}else e.draggingElements.value.forEach(A=>{var z,b;return(b=(z=A.events).onEnd)==null?void 0:b.call(z,e,Z(e))}),w&&e.selectedElements.value.clear(),e.draggingElements.value.clear(),e.hovered.zone.value=null,e.hovered.element.value=null,E()}}},ge=F.createGlobalState(()=>{let n="",t="",e="",l=null,o=null,s=null,i=null,g=null;const{activeContainer:u,isPending:c}=R(),d=()=>{const v=document.body;n=v.style.userSelect,v.style.userSelect="none",window.addEventListener("contextmenu",I),window.addEventListener("selectstart",I),window.addEventListener("touchstart",I),window.addEventListener("touchmove",I)},m=()=>{const v=document.body;v.style.userSelect=n,v.style.touchAction=t,v.style.overscrollBehavior=e,window.removeEventListener("contextmenu",I),window.removeEventListener("selectstart",I),window.removeEventListener("touchstart",I),window.removeEventListener("touchmove",I)},a=()=>{l&&(document.removeEventListener("pointermove",l),l=null),o&&(document.removeEventListener("pointerup",o),o=null),s&&(s=null),i&&(document.removeEventListener("wheel",i),i=null),g&&(document.removeEventListener("keydown",g),document.removeEventListener("keypress",g),document.removeEventListener("keyup",g),g=null)};return{handleDragStart:(v,h,p)=>{if(c.value)return;a(),v.target.blur(),p!=null&&p.container&&(u.component.value=p.container);const{activate:E,track:P,deactivate:S}=fe(h,p);o=()=>{S(!0).then(M=>{M!==!1&&(u.component.value=null,m(),S(!0),a())})},s=()=>{u.component.value=null,m(),S(!1),a()},l=M=>P(M),i=M=>P(M),g=M=>{M.type==="keyup"&&(M.code==="Escape"&&(s==null||s()),M.code==="Enter"&&(o==null||o())),P(M)},d(),E(v),document.addEventListener("pointermove",l),document.addEventListener("pointerup",o),document.addEventListener("wheel",i),document.addEventListener("keydown",g),document.addEventListener("keypress",g),document.addEventListener("keyup",g)}}}),me=n=>{const{id:t,elementRef:e,isDragging:l,isOvered:o,isAllowed:s,isLazyAllowed:i,registerElement:g,unregisterElement:u}=ie(n),{pointerPosition:c}=R(),{handleDragStart:d}=ge(),m=a=>d(a,e,n);return r.onMounted(g),r.onBeforeUnmount(u),{pointerPosition:c,elementRef:e,isDragging:l,isOvered:o,isAllowed:s,isLazyAllowed:i,handleDragStart:m,id:t}},pe=n=>{const{zonesMap:t,hovered:e,draggingElements:l,isDragging:o,handleDropZoneIntersection:s}=R(),i=r.ref(null),g=r.computed(()=>e.zone.value===i.value),u=r.computed(()=>{if(!i.value||!o.value)return!1;const a=t.value.get(i.value);return a!=null&&a.groups.length?!Array.from(l.value.values()).some(f=>f.groups.length?!f.groups.some(v=>a.groups.includes(v)):!1):!0}),c=r.computed(()=>{if(!i.value||!o.value||e.zone.value!==i.value)return!1;const a=t.value.get(i.value);return a!=null&&a.groups.length?!Array.from(l.value.values()).some(f=>!f.groups.some(v=>a.groups.includes(v))):!0});return{elementRef:i,registerZone:()=>{if(!i.value)throw new Error("elementRef is not set");s("add",i.value),t.value.set(i.value,{node:i.value,groups:(n==null?void 0:n.groups)??[],events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??void 0}),i.value.setAttribute("data-dnd-droppable","true")},unregisterZone:()=>{i.value&&(s("remove",i.value),t.value.delete(i.value))},isOvered:g,isAllowed:u,isLazyAllowed:c}},he=n=>{const{elementRef:t,registerZone:e,unregisterZone:l,isOvered:o,isAllowed:s,isLazyAllowed:i}=pe(n);return r.onMounted(e),r.onBeforeUnmount(l),{elementRef:t,isOvered:o,isAllowed:s,isLazyAllowed:i}},ye=n=>{const{selectedElements:t,elementsMap:e}=R(),l=r.computed(()=>n.value?t.value.has(n.value):!1),o=r.computed(()=>{if(!n.value)return!1;for(const c of t.value)if(c&&K(c,n.value))return!0;return!1}),s=r.computed(()=>{if(!n.value)return!1;for(const c of t.value)if(c&&K(n.value,c))return!0;return!1}),i=()=>{n.value&&t.value.delete(n.value)},g=()=>{if(!(!n.value||!e.value.get(n.value))){if(o.value)for(const d of t.value)d&&K(d,n.value)&&t.value.delete(d);if(s.value)for(const d of t.value)d&&K(n.value,d)&&t.value.delete(d);t.value.add(n.value)}};return{handleUnselect:i,handleSelect:g,handleToggleSelect:()=>{n.value&&(t.value.has(n.value)?i():g())},isSelected:l,isParentOfSelected:o}};exports.DnDOperations=N;exports.default=se;exports.getBoundingBox=O;exports.useDnDStore=R;exports.useDragContainer=ne;exports.useDraggable=me;exports.useDroppable=he;exports.useSelection=ye;
+"use strict";var re=Object.defineProperty;var ae=(n,e,t)=>e in n?re(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var Z=(n,e,t)=>ae(n,typeof e!="symbol"?e+"":e,t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),q=require("@vueuse/core"),x=class x{};Z(x,"remove",(e,t)=>{if(!e||t===void 0)return;const[l]=e.splice(t,1);return l}),Z(x,"insert",(e,t,l)=>{!e||t===void 0||e.splice(t,0,l)}),Z(x,"move",(e,t,l,s)=>{if(!e||!l||t===void 0||s===void 0)return;const o=x.remove(e,t);x.insert(l,s,o)}),Z(x,"swap",(e,t,l,s)=>{if(!e||!l||t===void 0||s===void 0)return;const o=e[t],u=l[s];e[t]=u,l[s]=o}),Z(x,"copy",(e,t,l,s)=>{if(!e||t===void 0||!l||s===void 0)return;const o=e[t];x.insert(l,s,o)}),Z(x,"applyTransfer",e=>{var s,o,u,m,i,v,f;const t=e.hovered.element.value,l=e.hovered.zone.value;if(t){const g=(o=(s=e.elementsMap.value.get(t))==null?void 0:s.data)==null?void 0:o.source,a=(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.index,d=e.draggingElements.value.values().next().value,c=(i=d==null?void 0:d.data)==null?void 0:i.index,p=c!==void 0&&a!==void 0&&c>a?1:-1;Array.from(e.draggingElements.value.values()).sort((h,A)=>{var L,S;return p*((((L=h.data)==null?void 0:L.index)||0)-(((S=A.data)==null?void 0:S.index)||0))}).forEach(h=>{var A,L;return x.move((A=h.data)==null?void 0:A.source,(L=h.data)==null?void 0:L.index,g,a)})}else if(l){const g=(f=(v=e.zonesMap.value.get(l))==null?void 0:v.data)==null?void 0:f.source,a=g==null?void 0:g.length;Array.from(e.draggingElements.value.values()).sort((c,p)=>{var y,h;return(((y=p.data)==null?void 0:y.index)||0)-(((h=c.data)==null?void 0:h.index)||0)}).forEach(c=>{var p,y;return x.move((p=c.data)==null?void 0:p.source,(y=c.data)==null?void 0:y.index,g,a)})}}),Z(x,"applyCopy",e=>{var s,o,u,m,i,v;const t=e.hovered.element.value,l=e.hovered.zone.value;if(t){const f=(o=(s=e.elementsMap.value.get(t))==null?void 0:s.data)==null?void 0:o.source,g=(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.index;Array.from(e.draggingElements.value.values()).sort((d,c)=>{var p,y;return(((p=c.data)==null?void 0:p.index)||0)-(((y=d.data)==null?void 0:y.index)||0)}).forEach(d=>{var c,p;return x.copy((c=d.data)==null?void 0:c.source,(p=d.data)==null?void 0:p.index,f,g)})}else if(l){const f=(v=(i=e.zonesMap.value.get(l))==null?void 0:i.data)==null?void 0:v.source,g=f==null?void 0:f.length;Array.from(e.draggingElements.value.values()).sort((d,c)=>{var p,y;return(((p=c.data)==null?void 0:p.index)||0)-(((y=d.data)==null?void 0:y.index)||0)}).forEach(d=>{var c,p;return x.copy((c=d.data)==null?void 0:c.source,(p=d.data)==null?void 0:p.index,f,g)})}}),Z(x,"applySwap",e=>{var s,o,u,m,i,v,f,g;const t=e.hovered.element.value,l=e.hovered.zone.value;if(t&&e.draggingElements.value.size===1){const a=e.draggingElements.value.values().next().value;x.swap((s=a==null?void 0:a.data)==null?void 0:s.source,(o=a==null?void 0:a.data)==null?void 0:o.index,(m=(u=e.elementsMap.value.get(t))==null?void 0:u.data)==null?void 0:m.source,(v=(i=e.elementsMap.value.get(t))==null?void 0:i.data)==null?void 0:v.index)}else if(l){const a=(g=(f=e.zonesMap.value.get(l))==null?void 0:f.data)==null?void 0:g.source,d=a==null?void 0:a.length;Array.from(e.draggingElements.value.values()).sort((p,y)=>{var h,A;return(((h=y.data)==null?void 0:h.index)||0)-(((A=p.data)==null?void 0:A.index)||0)}).forEach(p=>{var y,h;return x.move((y=p.data)==null?void 0:y.source,(h=p.data)==null?void 0:h.index,a,d)})}}),Z(x,"applyRemove",e=>{Array.from(e.draggingElements.value.values()).sort((l,s)=>{var o,u;return(((o=s.data)==null?void 0:o.index)||0)-(((u=l.data)==null?void 0:u.index)||0)}).forEach(l=>{var s,o;(s=l.data)!=null&&s.source&&((o=l.data)==null?void 0:o.index)!==void 0&&x.remove(l.data.source,l.data.index)})}),Z(x,"applyInsert",(e,t)=>{var o,u,m,i,v,f;const l=e.hovered.element.value,s=e.hovered.zone.value;if(l&&t.length>0){const g=(u=(o=e.elementsMap.value.get(l))==null?void 0:o.data)==null?void 0:u.source,a=(i=(m=e.elementsMap.value.get(l))==null?void 0:m.data)==null?void 0:i.index;t.forEach(d=>{x.insert(g,a,d)})}else if(s){const g=(f=(v=e.zonesMap.value.get(s))==null?void 0:v.data)==null?void 0:f.source,a=g==null?void 0:g.length;t.forEach(d=>{x.insert(g,a,d)})}});let G=x;const T=q.createGlobalState(()=>{const n=r.shallowRef(!1),e=r.ref(new Map),t=r.computed(()=>e.value.size>0),l={component:r.ref(null),ref:r.shallowRef(null),options:r.shallowRef(null),props:r.shallowRef(null),animating:{enter:r.shallowRef(!1),leave:r.shallowRef(!1),appear:r.shallowRef(!1)}},s=r.ref(new Map),o=r.ref(new Set),u=r.ref(new Map),m=r.shallowRef(new Set),i=r.shallowRef(new Set),v=typeof window<"u"&&"IntersectionObserver"in window,f=v?new IntersectionObserver(M=>{M.forEach(E=>i.value[E.isIntersecting?"add":"delete"](E.target))}):null,g=v?new IntersectionObserver(M=>{M.forEach(E=>m.value[E.isIntersecting?"add":"delete"](E.target))}):null,a=(M,E)=>{f&&(M==="add"?f.observe(E):(f.unobserve(E),i.value.delete(E)))},d=(M,E)=>{g&&(M==="add"?g.observe(E):(g.unobserve(E),m.value.delete(E)))},c={start:r.shallowRef(null),current:r.shallowRef(null),offset:{percent:r.shallowRef(null),pixel:r.shallowRef(null)}},{KeyW:p,KeyS:y,KeyA:h,KeyD:A,ctrl:L,shift:S,alt:O,meta:k}=q.useMagicKeys(),P={zone:r.shallowRef(null),element:r.shallowRef(null)};return{draggingElements:e,isDragging:t,activeContainer:l,elementsMap:s,selectedElements:o,zonesMap:u,visibleZones:m,visibleElements:i,pointerPosition:c,keyboard:{w:p,s:y,a:h,d:A,ctrl:L,shift:S,alt:O,meta:k},hovered:P,isPending:n,handleDragElementIntersection:a,handleDropZoneIntersection:d}}),ne=n=>{const e=r.ref(null),{draggingElements:t,pointerPosition:l,isDragging:s,activeContainer:o}=T();return r.onMounted(()=>{o.ref=e,o.options.value=n??null}),r.onUnmounted(()=>{o.ref.value=null,o.options.value=null}),{elementRef:e,draggingElements:t,pointerPosition:l,isDragging:s,animating:o.animating}},le=["innerHTML"],se=r.defineComponent({__name:"DefaultOverlay",props:{styles:{}},setup(n){const{elementRef:e,pointerPosition:t,isDragging:l,draggingElements:s}=ne(),o=r.computed(()=>{var u,m,i,v;return{transform:`translate3d(${(((u=t.current.value)==null?void 0:u.x)??0)-(((m=t.offset.pixel.value)==null?void 0:m.x)??0)}px, ${(((i=t.current.value)==null?void 0:i.y)??0)-(((v=t.offset.pixel.value)==null?void 0:v.y)??0)}px, 0)`,zIndex:1e3,position:"fixed",top:0,left:0,transition:"0.3s cubic-bezier(0.165, 0.84, 0.44, 1)",...n.styles}});return(u,m)=>r.unref(l)?(r.openBlock(),r.createElementBlock("div",{key:0,ref_key:"elementRef",ref:e,style:r.normalizeStyle(o.value)},[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(r.unref(s),([i,v])=>{var f,g;return r.openBlock(),r.createElementBlock(r.Fragment,{key:v.id},[v.layer?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(v.layer),{key:0,node:i,data:v.data,id:v.id,groups:v.groups},null,8,["node","data","id","groups"])):(r.openBlock(),r.createElementBlock("div",{key:1,innerHTML:v.initialHTML,style:r.normalizeStyle({width:`${(f=v.initialRect)==null?void 0:f.width}px`,height:`${(g=v.initialRect)==null?void 0:g.height}px`})},null,12,le))],64)}),128))],4)):r.createCommentVNode("",!0)}}),W=r.defineComponent({__name:"DragOverlay",props:{styles:{}},setup(n){const e=n,{activeContainer:t}=T(),l=r.computed(()=>({component:t.component.value??se,props:{...e,...t.props.value}}));return(s,o)=>r.unref(t).options.value?(r.openBlock(),r.createBlock(r.Transition,{key:0,name:r.unref(t).options.value.name,duration:r.unref(t).options.value.duration,"enter-from-class":r.unref(t).options.value.enterFromClass,"enter-to-class":r.unref(t).options.value.enterToClass,"enter-active-class":r.unref(t).options.value.enterActiveClass,"leave-from-class":r.unref(t).options.value.leaveFromClass,"leave-to-class":r.unref(t).options.value.leaveToClass,"leave-active-class":r.unref(t).options.value.leaveActiveClass,"appear-active-class":r.unref(t).options.value.appearActiveClass,"appear-from-class":r.unref(t).options.value.appearFromClass,"appear-to-class":r.unref(t).options.value.appearToClass,mode:r.unref(t).options.value.mode,type:r.unref(t).options.value.type,css:r.unref(t).options.value.css,appear:!0,persisted:r.unref(t).options.value.persisted,onEnter:r.unref(t).options.value.onEnter,onLeave:r.unref(t).options.value.onLeave,onBeforeEnter:r.unref(t).options.value.onBeforeEnter,onBeforeLeave:r.unref(t).options.value.onBeforeLeave,onBeforeAppear:r.unref(t).options.value.onBeforeAppear,onAfterEnter:r.unref(t).options.value.onAfterEnter,onAfterLeave:r.unref(t).options.value.onAfterLeave,onAfterAppear:r.unref(t).options.value.onAfterAppear},{default:r.withCtx(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(l.value.component||l.value),r.normalizeProps(r.guardReactiveProps(l.value.props||{})),null,16))]),_:1},8,["name","duration","enter-from-class","enter-to-class","enter-active-class","leave-from-class","leave-to-class","leave-active-class","appear-active-class","appear-from-class","appear-to-class","mode","type","css","persisted","onEnter","onLeave","onBeforeEnter","onBeforeLeave","onBeforeAppear","onAfterEnter","onAfterLeave","onAfterAppear"])):(r.openBlock(),r.createBlock(r.resolveDynamicComponent(l.value.component||l.value),r.normalizeProps(r.mergeProps({key:1},l.value.props||{})),null,16))}}),oe={install(n,e){n.component("DragOverlay",W);const t=n.mount;n.mount=function(s){var m,i,v,f,g,a,d;const o=t.call(this,s),u=typeof s=="string"?document.querySelector(s):s;if(u&&u instanceof Element&&!u.querySelector("#vue-dnd-kit-overlay")){const c=document.createElement("div");c.id="vue-dnd-kit-overlay",c.style.pointerEvents="none",(m=e==null?void 0:e.overlayPosition)!=null&&m.zIndex&&(c.style.zIndex=e.overlayPosition.zIndex.toString()),(i=e==null?void 0:e.overlayPosition)!=null&&i.className&&(c.className=e.overlayPosition.className);const p=((v=e==null?void 0:e.overlayPosition)==null?void 0:v.method)||"append",y=(f=e==null?void 0:e.overlayPosition)!=null&&f.target?typeof e.overlayPosition.target=="string"?document.querySelector(e.overlayPosition.target):e.overlayPosition.target:u;if(y&&y instanceof Element)switch(p){case"prepend":y.insertBefore(c,y.firstChild);break;case"after":(g=y.parentNode)==null||g.insertBefore(c,y.nextSibling);break;case"before":(a=y.parentNode)==null||a.insertBefore(c,y);break;case"append":default:y.appendChild(c);break}else u.appendChild(c);const h=r.createVNode(W,{styles:(d=e==null?void 0:e.defaultOverlay)==null?void 0:d.styles});r.render(h,c),n.__VUE_DND_KIT_OVERLAY__={container:c,vnode:h,options:(e==null?void 0:e.defaultOverlay)||{}};const A=T();n.__VUE_DND_KIT_STORE__=A}return o};const l=n.unmount;n.unmount=function(){return n.__VUE_DND_KIT_OVERLAY__&&(r.render(null,n.__VUE_DND_KIT_OVERLAY__.container),delete n.__VUE_DND_KIT_OVERLAY__),l.call(this)}}},J=(n,e)=>n.x<e.x+e.width&&n.x+n.width>e.x&&n.y<e.y+e.height&&n.y+n.height>e.y,Y=n=>{if(!n)return{x:0,y:0,width:0,height:0,bottom:0,left:0,right:0,top:0};const e=n.getBoundingClientRect();return{bottom:e.bottom,left:e.left,right:e.right,top:e.top,x:e.x,y:e.y,width:e.width,height:e.height}},$=n=>({x:n.x+n.width/2,y:n.y+n.height/2}),ue=(n,e)=>{const t=Y(n);return{pixel:{x:e.x-t.x,y:e.y-t.y},percent:{x:(e.x-t.x)/t.width*100,y:(e.y-t.y)/t.height*100}}},Q=(n,e)=>{const t=e.x-n.x,l=e.y-n.y;return Math.sqrt(t*t+l*l)},ee=(n,e)=>{const t=Math.max(0,Math.min(n.x+n.width,e.x+e.width)-Math.max(n.x,e.x)),l=Math.max(0,Math.min(n.y+n.height,e.y+e.height)-Math.max(n.y,e.y)),s=t*l,o=n.width*n.height,u=e.width*e.height;return(s/o*100+s/u*100)/2},te="data-vue-dnd-kit-draggable",R=n=>{n.preventDefault()},V=n=>({items:Array.from(n.draggingElements.value.values())}),ie=n=>{const{elementsMap:e,draggingElements:t,hovered:l,selectedElements:s,isDragging:o,visibleElements:u,handleDragElementIntersection:m}=T(),i=r.ref(null),v=r.computed(()=>l.element.value===i.value),f=r.shallowRef((n==null?void 0:n.id)||r.useId()),g=r.shallowRef((n==null?void 0:n.disabled)??!1),a=r.computed(()=>g.value||!i.value||!e.value.has(i.value)?!1:t.value.has(i.value)),d=r.computed(()=>{if(g.value||!i.value||!o.value||!u.value.has(i.value))return!1;const h=e.value.get(i.value);return h!=null&&h.groups.length?!Array.from(t.value.entries()).some(([A,L])=>L.groups.length?!L.groups.some(S=>h.groups.includes(S)):!1):!0}),c=r.computed(()=>{if(g.value||!i.value||!o.value||!u.value.has(i.value)||l.element.value!==i.value)return!1;const h=e.value.get(i.value);return h!=null&&h.groups.length?!Array.from(t.value.entries()).some(([A,L])=>L.groups.length?!L.groups.some(S=>h.groups.includes(S)):!1):!0});return{elementRef:i,registerElement:()=>{if(!i.value)throw new Error("ElementRef is not set");e.value.set(i.value,{node:i.value,groups:(n==null?void 0:n.groups)??[],layer:(n==null?void 0:n.layer)??null,defaultLayer:(n==null?void 0:n.layer)??null,events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??null,id:f.value,disabled:g??!1}),m("add",i.value),i.value.addEventListener("dragstart",R),i.value.addEventListener("drag",R),i.value.setAttribute(te,"true"),i.value.setAttribute("draggable","false")},unregisterElement:()=>{i.value&&(e.value.delete(i.value),s.value.delete(i.value),i.value.removeEventListener("dragstart",R),i.value.removeEventListener("drag",R),i.value.removeAttribute(te),i.value.removeAttribute("draggable"))},isDragging:a,isOvered:v,isAllowed:d,isLazyAllowed:c,id:f}},I=(n,e)=>n?e.contains(n):!1,ce=n=>{var f,g;const e=Y(n.activeContainer.ref.value),t=$(e),l=((f=n.pointerPosition.current.value)==null?void 0:f.x)??0,s=((g=n.pointerPosition.current.value)==null?void 0:g.y)??0,u=!(e&&l>=e.x&&l<=e.x+e.width&&s>=e.y&&s<=e.y+e.height),m=Array.from(n.draggingElements.value.keys()),i=Array.from(n.visibleElements.value.entries()).filter(([a,d])=>{if(!a)return!1;const c=Y(a);return c&&e&&J(c,e)}).map(([a,d])=>{const c=Y(a),p=$(c),y=l>=c.x&&l<=c.x+c.width&&s>=c.y&&s<=c.y+c.height,h=ee(c,e),A=Q(t,p);let L=0;for(const[S,O]of n.visibleElements.value.entries())S!==a&&S&&a&&I(a,S)&&L++;return{element:d,node:a,isPointerInElement:y,overlapPercent:h,depth:L,centerDistance:A}}).sort((a,d)=>{if(!u){if(a.isPointerInElement&&d.isPointerInElement)return d.depth-a.depth;if(a.isPointerInElement!==d.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-d.overlapPercent)<=1?a.centerDistance-d.centerDistance:d.overlapPercent-a.overlapPercent}),v=Array.from(n.visibleZones.value.entries()).filter(([a,d])=>{if(!a||m.some(p=>p&&I(a,p)))return!1;const c=Y(a);return c&&e&&J(c,e)}).map(([a,d])=>{const c=Y(a),p=$(c),y=l>=c.x&&l<=c.x+c.width&&s>=c.y&&s<=c.y+c.height,h=ee(c,e),A=Q(t,p);let L=0;for(const[S,O]of n.visibleZones.value.entries())S!==a&&S&&a&&I(a,S)&&L++;return{zone:d,node:a,isPointerInElement:y,overlapPercent:h,depth:L,centerDistance:A}}).sort((a,d)=>{if(!u){if(a.isPointerInElement&&d.isPointerInElement)return d.depth-a.depth;if(a.isPointerInElement!==d.isPointerInElement)return a.isPointerInElement?-1:1}return Math.abs(a.overlapPercent-d.overlapPercent)<=1?a.centerDistance-d.centerDistance:d.overlapPercent-a.overlapPercent});return[...i.map(a=>a.node),...v.map(a=>a.node)]},ve=(n,e)=>{const{pointerPosition:t,keyboard:l}=T(),s=(e==null?void 0:e.moveStep)||10;return{onKeyboardStart:i=>{var a;R(i);const v=Y(n.value);(a=n.value)==null||a.blur();const f=v.x+v.width/2,g=v.y+v.height/2;t.start.value={x:f,y:g},t.current.value={x:f,y:g},t.offset.pixel.value={x:v.width/2,y:v.height/2},t.offset.percent.value={x:50,y:50}},onKeyboardMove:()=>{if(!t.current.value)return;const i=t.current.value.x,v=t.current.value.y;let f=i,g=v;l.w.value&&(g-=s),l.s.value&&(g+=s),l.a.value&&(f-=s),l.d.value&&(f+=s),t.current.value={x:f,y:g}},onKeyboardEnd:()=>{t.current.value=null,t.start.value=null,t.offset.pixel.value=null,t.offset.percent.value=null}}},de=n=>{const e=T();return{onPointerStart:o=>{e.pointerPosition.start.value={x:o.clientX,y:o.clientY},e.pointerPosition.current.value={x:o.clientX,y:o.clientY};const{pixel:u,percent:m}=ue(n.value,{x:o.clientX,y:o.clientY});e.pointerPosition.offset.pixel.value=u,e.pointerPosition.offset.percent.value=m},onPointerMove:o=>{e.isPending.value||(e.pointerPosition.current.value={x:o.clientX,y:o.clientY})},onPointerEnd:()=>{e.pointerPosition.current.value=null,e.pointerPosition.start.value=null,e.pointerPosition.offset.pixel.value=null,e.pointerPosition.offset.percent.value=null}}},fe=(n,e)=>{var O,k;const t=T(),{onPointerStart:l,onPointerMove:s,onPointerEnd:o}=de(n),{onKeyboardStart:u,onKeyboardMove:m,onKeyboardEnd:i}=ve(n,e==null?void 0:e.keyboard);let v=null;const f=P=>{var C,z;if(!P)return new Map;const M=t.selectedElements.value.has(P);if(t.selectedElements.value.size>0&&M){const N=new Map;return t.selectedElements.value.forEach(F=>{var b,_;const w=t.elementsMap.value.get(F);w&&N.set(F,{...w,initialHTML:((b=w.node)==null?void 0:b.outerHTML)??"",initialRect:(_=w.node)==null?void 0:_.getBoundingClientRect()})}),N}t.selectedElements.value.clear();const E=t.elementsMap.value.get(P);if(!E)return new Map;const D=new Map;return D.set(P,{...E,initialHTML:((C=E.node)==null?void 0:C.outerHTML)??"",initialRect:(z=E.node)==null?void 0:z.getBoundingClientRect()}),D},g=P=>{if(!P)return{element:null,zone:null};const M=Array.isArray(P)?P:[P],E=Array.from(t.draggingElements.value.keys()),D=Array.from(t.zonesMap.value.entries()).flatMap(([w,b])=>b.disabled?[w]:[]),C=Array.from(t.elementsMap.value.entries()).flatMap(([w,b])=>b.disabled?[w]:[]),z=M.find(w=>{if(!t.visibleZones.value.has(w))return!1;const b=t.zonesMap.value.get(w);return!(!b||b.disabled||D.some(K=>w===K||I(w,K))||E.some(K=>K&&(K===b.node||I(b.node,K)))||b.groups.length&&!!Array.from(t.draggingElements.value.values()).some(U=>U.groups.length?!U.groups.some(B=>b.groups.includes(B)):!1))});return z?{element:M.filter(w=>{if(!t.visibleElements.value.has(w)||!t.elementsMap.value.has(w))return!1;const b=t.elementsMap.value.get(w);if(b!=null&&b.disabled)return!1;const _=D.some(B=>w===B||I(w,B)),K=C.some(B=>w===B||I(w,B));return _||K?!1:!Array.from(t.draggingElements.value.values()).some(B=>B.groups.length?!B.groups.some(X=>{var H;return(H=t.elementsMap.value.get(w))==null?void 0:H.groups.includes(X)}):!1)}).find(w=>E.some(_=>_&&(_===w||I(w,_)||I(_,w)))?!1:w===z||I(w,z))||null,zone:z}:{element:null,zone:null}},a=((O=e==null?void 0:e.sensor)==null?void 0:O.setup)||ce,d=P=>{var z,N,F,w,b,_,K,U,B,X,H,j;const M=t.hovered.element.value,E=t.hovered.zone.value,D=P.element,C=P.zone;t.hovered.element.value=D,t.hovered.zone.value=C,M!==D&&(M&&((F=(N=(z=t.elementsMap.value.get(M))==null?void 0:z.events)==null?void 0:N.onLeave)==null||F.call(N,t,V(t))),D&&((_=(b=(w=t.elementsMap.value.get(D))==null?void 0:w.events)==null?void 0:b.onHover)==null||_.call(b,t,V(t)))),E!==C&&(E&&((B=(U=(K=t.zonesMap.value.get(E))==null?void 0:K.events)==null?void 0:U.onLeave)==null||B.call(U,t,V(t))),C&&((j=(H=(X=t.zonesMap.value.get(C))==null?void 0:X.events)==null?void 0:H.onHover)==null||j.call(H,t,V(t))))},c=q.useThrottleFn(()=>{const P=a(t),M=g(P);d(M)},((k=e==null?void 0:e.sensor)==null?void 0:k.throttle)??0),p=()=>{c(),v=requestAnimationFrame(p)},y=()=>p(),h=()=>{v!==null&&(o(),i(),cancelAnimationFrame(v),v=null)};return{activate:P=>{t.draggingElements.value=f(n.value),t.draggingElements.value.forEach(M=>{var E,D;return(D=(E=M.events).onStart)==null?void 0:D.call(E,t,V(t))}),P instanceof PointerEvent?l(P):u(P),y()},track:P=>{t.draggingElements.value.forEach(M=>{var E,D;return(D=(E=M.events).onMove)==null?void 0:D.call(E,t,V(t))}),P instanceof KeyboardEvent?m():s(P)},deactivate:async(P=!0)=>{var M,E;if(t.hovered.zone.value){const D=t.zonesMap.value.get(t.hovered.zone.value),C=(E=D==null?void 0:(M=D.events).onDrop)==null?void 0:E.call(M,t,V(t));if(C instanceof Promise)try{t.isPending.value=!0;const z=await C;return z&&(P&&t.selectedElements.value.clear(),t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,h()),z}catch{return!1}finally{t.isPending.value=!1}else P&&t.selectedElements.value.clear(),t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,h()}else t.draggingElements.value.forEach(D=>{var C,z;return(z=(C=D.events).onEnd)==null?void 0:z.call(C,t,V(t))}),P&&t.selectedElements.value.clear(),t.draggingElements.value.clear(),t.hovered.zone.value=null,t.hovered.element.value=null,h()}}},ge=q.createGlobalState(()=>{let n="",e="",t="",l=null,s=null,o=null,u=null,m=null;const{activeContainer:i,isPending:v,elementsMap:f}=T(),g=()=>{const p=document.body;n=p.style.userSelect,p.style.userSelect="none",window.addEventListener("contextmenu",R),window.addEventListener("selectstart",R),window.addEventListener("touchstart",R),window.addEventListener("touchmove",R)},a=()=>{const p=document.body;p.style.userSelect=n,p.style.touchAction=e,p.style.overscrollBehavior=t,window.removeEventListener("contextmenu",R),window.removeEventListener("selectstart",R),window.removeEventListener("touchstart",R),window.removeEventListener("touchmove",R)},d=()=>{l&&(document.removeEventListener("pointermove",l),l=null),s&&(document.removeEventListener("pointerup",s),s=null),o&&(o=null),u&&(document.removeEventListener("wheel",u),u=null),m&&(document.removeEventListener("keydown",m),document.removeEventListener("keypress",m),document.removeEventListener("keyup",m),m=null)};return{handleDragStart:(p,y,h)=>{if(!y.value||v.value)return;const A=f.value.get(y.value);if(A!=null&&A.disabled)return;d(),p.target.blur(),h!=null&&h.container&&(i.component.value=h.container),h!=null&&h.containerProps&&(i.props.value=h.containerProps);const{activate:L,track:S,deactivate:O}=fe(y,h);s=()=>{O(!0).then(k=>{k!==!1&&(i.component.value=null,a(),O(!0),d())})},o=()=>{i.component.value=null,a(),O(!1),d()},l=k=>S(k),u=k=>S(k),m=k=>{k.type==="keyup"&&(k.code==="Escape"&&(o==null||o()),k.code==="Enter"&&(s==null||s())),S(k)},g(),L(p),document.addEventListener("pointermove",l),document.addEventListener("pointerup",s),document.addEventListener("wheel",u),document.addEventListener("keydown",m),document.addEventListener("keypress",m),document.addEventListener("keyup",m)}}}),me=n=>{const{id:e,elementRef:t,isDragging:l,isOvered:s,isAllowed:o,isLazyAllowed:u,registerElement:m,unregisterElement:i}=ie(n),{pointerPosition:v}=T(),{handleDragStart:f}=ge(),g=a=>f(a,t,n);return r.onMounted(m),r.onBeforeUnmount(i),{pointerPosition:v,elementRef:t,isDragging:l,isOvered:s,isAllowed:o,isLazyAllowed:u,handleDragStart:g,id:e}},pe=n=>{const{zonesMap:e,hovered:t,draggingElements:l,isDragging:s,handleDropZoneIntersection:o}=T(),u=r.ref(null),m=r.computed(()=>t.zone.value===u.value),i=r.computed(()=>{if(!u.value||!s.value)return!1;const a=e.value.get(u.value);return a!=null&&a.groups.length?!Array.from(l.value.values()).some(d=>d.groups.length?!d.groups.some(c=>a.groups.includes(c)):!1):!0}),v=r.computed(()=>{if(!u.value||!s.value||t.zone.value!==u.value)return!1;const a=e.value.get(u.value);return a!=null&&a.groups.length?!Array.from(l.value.values()).some(d=>!d.groups.some(c=>a.groups.includes(c))):!0});return{elementRef:u,registerZone:()=>{if(!u.value)throw new Error("elementRef is not set");o("add",u.value),e.value.set(u.value,{node:u.value,groups:(n==null?void 0:n.groups)??[],events:(n==null?void 0:n.events)??{},data:(n==null?void 0:n.data)??void 0,disabled:(n==null?void 0:n.disabled)??!1}),u.value.setAttribute("data-dnd-droppable","true")},unregisterZone:()=>{u.value&&(o("remove",u.value),e.value.delete(u.value))},isOvered:m,isAllowed:i,isLazyAllowed:v}},he=n=>{const{elementRef:e,registerZone:t,unregisterZone:l,isOvered:s,isAllowed:o,isLazyAllowed:u}=pe(n);return r.onMounted(t),r.onBeforeUnmount(l),{elementRef:e,isOvered:s,isAllowed:o,isLazyAllowed:u}},ye=n=>{const{selectedElements:e,elementsMap:t}=T(),l=r.computed(()=>n.value?e.value.has(n.value):!1),s=r.computed(()=>{if(!n.value)return!1;for(const v of e.value)if(v&&I(v,n.value))return!0;return!1}),o=r.computed(()=>{if(!n.value)return!1;for(const v of e.value)if(v&&I(n.value,v))return!0;return!1}),u=()=>{n.value&&e.value.delete(n.value)},m=()=>{if(!(!n.value||!t.value.get(n.value))){if(s.value)for(const f of e.value)f&&I(f,n.value)&&e.value.delete(f);if(o.value)for(const f of e.value)f&&I(n.value,f)&&e.value.delete(f);e.value.add(n.value)}};return{handleUnselect:u,handleSelect:m,handleToggleSelect:()=>{n.value&&(e.value.has(n.value)?u():m())},isSelected:l,isParentOfSelected:s}};exports.DnDOperations=G;exports.default=oe;exports.getBoundingBox=Y;exports.useDnDStore=T;exports.useDragContainer=ne;exports.useDraggable=me;exports.useDroppable=he;exports.useSelection=ye;
 //# sourceMappingURL=vue-dnd-kit-core.cjs.js.map