snap-dnd 0.1.0 → 0.1.2

package/dist/snap.umd.js

@@ -1,4 +1,4 @@
-"use strict";var Snap=(()=>{var k=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var U=Object.prototype.hasOwnProperty;var N=(r,e)=>{for(var t in e)k(r,t,{get:e[t],enumerable:!0})},V=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of W(e))!U.call(r,o)&&o!==t&&k(r,o,{get:()=>e[o],enumerable:!(n=$(e,o))||n.enumerable});return r};var J=r=>V(k({},"__esModule",{value:!0}),r);var st={};N(st,{AutoScroll:()=>w,BoundsCache:()=>L,ConstraintAxis:()=>F,DragEngine:()=>y,DragState:()=>f,DropZone:()=>P,DropZoneManager:()=>S,EventEmitter:()=>_,FileDrop:()=>Z,FileSensor:()=>T,Kanban:()=>O,ObjectPool:()=>b,PointerSensor:()=>x,RAFThrottle:()=>E,Snap:()=>I,SnapDataTransfer:()=>m,SnapGrid:()=>R,Sortable:()=>A,boundsCache:()=>h,createFileDropZone:()=>K,default:()=>G,pointPool:()=>v,rafThrottle:()=>Y,rectPool:()=>j});var _=class{constructor(){this._listeners=new Map}on(e,t){let n=this._listeners.get(e);return n||(n=new Set,this._listeners.set(e,n)),n.add(t),()=>{n.delete(t),n.size===0&&this._listeners.delete(e)}}once(e,t){let n=this.on(e,o=>{n(),t(o)});return n}emit(e,t){let n=this._listeners.get(e);if(n)for(let o of[...n])o(t)}off(e){e?this._listeners.delete(e):this._listeners.clear()}hasListeners(e){let t=this._listeners.get(e);return t!==void 0&&t.size>0}listenerCount(e){return this._listeners.get(e)?.size??0}destroy(){this._listeners.clear()}};var m=class r{constructor(){this._data=new Map}setData(e,t){this._data.set(e,t)}getData(e){return this._data.get(e)}hasType(e){return this._data.has(e)}get types(){return[...this._data.keys()]}clear(){this._data.clear()}clone(){let e=new r;for(let[t,n]of this._data)e.setData(t,n);return e}};var f=class extends _{constructor(){super(...arguments);this._session=null;this._idCounter=0}get session(){return this._session}isDragging(){return this._session!==null&&this._session.phase==="dragging"}getActiveElement(){return this._session?.element??null}getCurrentDropZone(){return this._session?.dropZone??null}startDrag(t,n,o){this._session&&this.cancelDrag();let i=new m;if(o)for(let[s,a]of Object.entries(o))i.setData(s,a);return this._session={id:`drag-${++this._idCounter}`,element:t,origin:{x:n.x,y:n.y},current:{x:n.x,y:n.y},delta:{x:0,y:0},data:i,dropZone:null,phase:"dragging"},this.emit("dragstart",this._session),this._session}updatePosition(t){!this._session||this._session.phase!=="dragging"||(this._session.current.x=t.x,this._session.current.y=t.y,this._session.delta.x=t.x-this._session.origin.x,this._session.delta.y=t.y-this._session.origin.y,this.emit("dragmove",this._session))}setDropTarget(t){if(!this._session)return;let n=this._session.dropZone;n!==t&&(n&&(this._session.dropZone=null,this.emit("dropzoneleave",this._session)),t&&(this._session.dropZone=t,this.emit("dropzoneenter",this._session)))}endDrag(){if(!this._session)return null;let t=this._session;return t.phase="dropping",t.dropZone&&this.emit("drop",t),this.emit("dragend",t),this._session=null,t}cancelDrag(){if(!this._session)return null;let t=this._session;return t.phase="cancelled",t.dropZone=null,this.emit("dragend",t),this._session=null,t}subscribe(t,n){return this.on(t,n)}reset(){this._session&&this.cancelDrag()}destroy(){this.reset(),super.destroy()}};var E=class{constructor(e){this._rafId=null;this._pending=null;this._process=()=>{if(this._rafId=null,this._pending!==null){let e=this._pending;this._pending=null,this._callback(e)}};this._callback=e}queue(e){this._pending=e,this._rafId===null&&(this._rafId=requestAnimationFrame(this._process))}cancel(){this._rafId!==null&&(cancelAnimationFrame(this._rafId),this._rafId=null),this._pending=null}flush(){this._pending!==null&&(this.cancel(),this._callback(this._pending),this._pending=null)}get isPending(){return this._rafId!==null}destroy(){this.cancel()}};function Y(r){let e=null,t=null,n=(...o)=>{t=o,e===null&&(e=requestAnimationFrame(()=>{e=null,t!==null&&(r(...t),t=null)}))};return n.cancel=()=>{e!==null&&(cancelAnimationFrame(e),e=null),t=null},n.flush=()=>{e!==null&&(cancelAnimationFrame(e),e=null),t!==null&&(r(...t),t=null)},n}var b=class{constructor(e,t,n=10,o=100){this._pool=[];this._factory=e,this._reset=t,this._maxSize=o;for(let i=0;i<n;i++)this._pool.push(e())}acquire(){return this._pool.pop()??this._factory()}release(e){this._pool.length<this._maxSize&&(this._reset(e),this._pool.push(e))}clear(){this._pool.length=0}get size(){return this._pool.length}},v=new b(()=>({x:0,y:0}),r=>{r.x=0,r.y=0}),j=new b(()=>({x:0,y:0,width:0,height:0}),r=>{r.x=0,r.y=0,r.width=0,r.height=0});function D(r,e){let t=v.acquire();return t.x=r,t.y=e,t}var x=class extends _{constructor(t){super();this._attached=!1;this._activePointerId=null;this._activeElement=null;this._startPosition=null;this._isDragging=!1;this._delayTimer=null;this._onPointerDown=t=>{if(!t.isPrimary||t.button!==0||this._activePointerId!==null)return;let n=this._findDraggable(t);if(!n||this._options.handleSelector&&!this._findHandle(t,n))return;t.preventDefault(),this._activePointerId=t.pointerId,this._activeElement=n,this._startPosition=D(t.clientX,t.clientY),this._isDragging=!1,t.target.setPointerCapture(t.pointerId);let o=this._getEventTarget();o.addEventListener("pointermove",this._onPointerMove,{passive:!0}),o.addEventListener("pointerup",this._onPointerUp),o.addEventListener("pointercancel",this._onPointerCancel);let i=this._options.delay??0;i>0?this._delayTimer=window.setTimeout(()=>{this._delayTimer=null,this._startDrag(t)},i):(this._options.distance??0)===0&&this._startDrag(t)};this._onPointerMove=t=>{t.pointerId===this._activePointerId&&this._moveThrottle.queue(t)};this._processMove=t=>{if(!this._startPosition||!this._activeElement)return;let n=D(t.clientX,t.clientY);if(!this._isDragging){let o=this._options.distance??0;if(o>0){let i=n.x-this._startPosition.x,s=n.y-this._startPosition.y;if(Math.sqrt(i*i+s*s)<o){v.release(n);return}this._clearDelayTimer(),this._startDrag(t)}}if(this._isDragging){let o=D(n.x-this._startPosition.x,n.y-this._startPosition.y);this.emit("pointermove",{position:n,delta:o,pointerId:t.pointerId,originalEvent:t})}else v.release(n)};this._onPointerUp=t=>{t.pointerId===this._activePointerId&&(this._moveThrottle.flush(),this._isDragging&&this.emit("pointerup",{position:D(t.clientX,t.clientY),pointerId:t.pointerId,originalEvent:t}),this._cleanup())};this._onPointerCancel=t=>{t.pointerId===this._activePointerId&&(this._moveThrottle.cancel(),this._isDragging&&this.emit("pointercancel",{position:D(t.clientX,t.clientY),pointerId:t.pointerId,originalEvent:t}),this._cleanup())};this._container=t.container,this._options=t,this._moveThrottle=new E(n=>this._processMove(n))}attach(){if(this._attached)return;this._getEventTarget().addEventListener("pointerdown",this._onPointerDown,{passive:!1}),this._attached=!0}detach(){if(!this._attached)return;this._getEventTarget().removeEventListener("pointerdown",this._onPointerDown),this._cleanup(),this._attached=!1}get isActive(){return this._activePointerId!==null}get isDragging(){return this._isDragging}_getEventTarget(){return this._container instanceof ShadowRoot?this._container.host:this._container}_startDrag(t){this._isDragging||!this._activeElement||!this._startPosition||(this._isDragging=!0,this.emit("pointerdown",{element:this._activeElement,position:{x:this._startPosition.x,y:this._startPosition.y},pointerId:t.pointerId,originalEvent:t}))}_findDraggable(t){let n=t.target,o=t.composedPath();for(let i of o)if(i instanceof HTMLElement){if(i.matches(this._options.draggableSelector))return i;if(i===this._container||i===this._container.host)break}return n.closest?.(this._options.draggableSelector)}_findHandle(t,n){if(!this._options.handleSelector)return n;let i=t.target.closest?.(this._options.handleSelector);return i&&n.contains(i)?i:null}_clearDelayTimer(){this._delayTimer!==null&&(clearTimeout(this._delayTimer),this._delayTimer=null)}_cleanup(){this._clearDelayTimer(),this._moveThrottle.cancel(),this._startPosition&&(v.release(this._startPosition),this._startPosition=null);let t=this._getEventTarget();t.removeEventListener("pointermove",this._onPointerMove),t.removeEventListener("pointerup",this._onPointerUp),t.removeEventListener("pointercancel",this._onPointerCancel),this._activePointerId=null,this._activeElement=null,this._isDragging=!1}destroy(){this.detach(),this._moveThrottle.destroy(),super.destroy()}};var L=class{constructor(){this._cache=new WeakMap;this._dirty=new WeakSet;this._invalidateAll=!1}get(e){if(this._invalidateAll||this._dirty.has(e))return this._update(e);let t=this._cache.get(e);return t||this._update(e)}invalidate(e){this._dirty.add(e)}invalidateAll(){this._invalidateAll=!0}update(e){return this._update(e)}remove(e){this._cache.delete(e)}clearDirty(){this._invalidateAll=!1}_update(e){let t=e.getBoundingClientRect();return this._cache.set(e,t),this._dirty.delete(e),t}},h=new L;function C(r,e,t){return r>=t.left&&r<=t.right&&e>=t.top&&e<=t.bottom}function g(r){return{x:r.left+r.width/2,y:r.top+r.height/2}}var y=class{constructor(e){this._enabled=!1;this._ghost=null;this._ghostOffset={x:0,y:0};this._onPointerDown=e=>{let{element:t,position:n}=e,o=this._getItemData(t)??this._extractDataAttributes(t),i=this._state.startDrag(t,n,o),s={element:t,position:{x:n.x,y:n.y},data:i.data,cancel:()=>{this._state.cancelDrag()}};if(this._options.onDragStart?.(s)===!1){this._state.cancelDrag();return}this._createGhost(t,n),t.classList.add("snap-dragging"),this._options.ghostClass&&t.classList.add(this._options.ghostClass),h.invalidateAll()};this._onPointerMove=e=>{let t=this._state.session;if(!t)return;let{position:n}=e,o=this._getItemAxis(t.element)??this._options.axis??"both";o!=="both"&&(n=this._applyAxisConstraint(n,t.origin,o)),this._options.grid&&(n=this._applyGridSnap(n,this._options.grid)),this._state.updatePosition(n),this._updateGhost(n),this._updateDropZone(n),this._options.onDragMove?.({element:t.element,position:{x:t.current.x,y:t.current.y},delta:{x:t.delta.x,y:t.delta.y},dropZone:t.dropZone})};this._onPointerUp=e=>{if(!this._state.session)return;let n=this._state.endDrag();n&&(this._cleanup(n.element),n.dropZone&&this._options.onDrop?.({element:n.element,dropZone:n.dropZone,position:{x:n.current.x,y:n.current.y},data:n.data}),this._options.onDragEnd?.({element:n.element,position:{x:n.current.x,y:n.current.y},delta:{x:n.delta.x,y:n.delta.y},cancelled:!1}))};this._onPointerCancel=e=>{let t=this._state.session;if(!t)return;let n=t.element;this._state.cancelDrag(),this._cleanup(n),this._options.onDragEnd?.({element:n,position:e.position,delta:{x:0,y:0},cancelled:!0})};this._container=e.container,this._state=e.state,this._options=e.options,this._getDropZones=e.getDropZones,this._getItemData=e.getItemData,this._getItemAxis=e.getItemAxis,this._pointerSensor=new x({container:this._container,draggableSelector:this._options.draggableSelector??"[data-draggable]",handleSelector:this._options.handleSelector,delay:this._options.delay,distance:this._options.distance}),this._setupListeners()}enable(){this._enabled||(this._pointerSensor.attach(),this._enabled=!0)}disable(){this._enabled&&(this._pointerSensor.detach(),this._state.reset(),this._removeGhost(),this._enabled=!1)}get isEnabled(){return this._enabled}updateOptions(e){Object.assign(this._options,e)}_setupListeners(){this._pointerSensor.on("pointerdown",this._onPointerDown),this._pointerSensor.on("pointermove",this._onPointerMove),this._pointerSensor.on("pointerup",this._onPointerUp),this._pointerSensor.on("pointercancel",this._onPointerCancel)}_applyAxisConstraint(e,t,n){return n==="x"?{x:e.x,y:t.y}:n==="y"?{x:t.x,y:e.y}:e}_applyGridSnap(e,t){return{x:Math.round(e.x/t.x)*t.x,y:Math.round(e.y/t.y)*t.y}}_updateDropZone(e){let t=this._getDropZones(),n=null;for(let i of t){let s=h.get(i);if(C(e.x,e.y,s)){n=i;break}}let o=this._state.session;o&&n!==o.dropZone&&(o.dropZone&&this._options.onDropZoneLeave?.({element:o.element,dropZone:o.dropZone}),this._state.setDropTarget(n),n&&this._options.onDropZoneEnter?.({element:o.element,dropZone:n,position:e}))}_createGhost(e,t){let n=e.getBoundingClientRect();this._ghostOffset={x:t.x-n.left,y:t.y-n.top},this._ghost=e.cloneNode(!0),this._ghost.style.cssText=`
+"use strict";var Snap=(()=>{var k=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var W=Object.prototype.hasOwnProperty;var N=(r,e)=>{for(var t in e)k(r,t,{get:e[t],enumerable:!0})},V=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of $(e))!W.call(r,o)&&o!==t&&k(r,o,{get:()=>e[o],enumerable:!(n=K(e,o))||n.enumerable});return r};var J=r=>V(k({},"__esModule",{value:!0}),r);var st={};N(st,{AutoScroll:()=>w,BoundsCache:()=>L,ConstraintAxis:()=>F,DragEngine:()=>y,DragState:()=>f,DropZone:()=>P,DropZoneManager:()=>S,EventEmitter:()=>_,FileDrop:()=>Z,FileSensor:()=>T,Kanban:()=>O,ObjectPool:()=>b,PointerSensor:()=>x,RAFThrottle:()=>E,Snap:()=>I,SnapDataTransfer:()=>m,SnapGrid:()=>R,Sortable:()=>A,boundsCache:()=>h,createFileDropZone:()=>U,default:()=>G,pointPool:()=>v,rafThrottle:()=>Y,rectPool:()=>j});var _=class{constructor(){this._listeners=new Map}on(e,t){let n=this._listeners.get(e);return n||(n=new Set,this._listeners.set(e,n)),n.add(t),()=>{n.delete(t),n.size===0&&this._listeners.delete(e)}}once(e,t){let n=this.on(e,o=>{n(),t(o)});return n}emit(e,t){let n=this._listeners.get(e);if(n)for(let o of[...n])o(t)}off(e){e?this._listeners.delete(e):this._listeners.clear()}hasListeners(e){let t=this._listeners.get(e);return t!==void 0&&t.size>0}listenerCount(e){return this._listeners.get(e)?.size??0}destroy(){this._listeners.clear()}};var m=class r{constructor(){this._data=new Map}setData(e,t){this._data.set(e,t)}getData(e){return this._data.get(e)}hasType(e){return this._data.has(e)}get types(){return[...this._data.keys()]}clear(){this._data.clear()}clone(){let e=new r;for(let[t,n]of this._data)e.setData(t,n);return e}};var f=class extends _{constructor(){super(...arguments);this._session=null;this._idCounter=0}get session(){return this._session}isDragging(){return this._session!==null&&this._session.phase==="dragging"}getActiveElement(){return this._session?.element??null}getCurrentDropZone(){return this._session?.dropZone??null}startDrag(t,n,o){this._session&&this.cancelDrag();let i=new m;if(o)for(let[s,a]of Object.entries(o))i.setData(s,a);return this._session={id:`drag-${++this._idCounter}`,element:t,origin:{x:n.x,y:n.y},current:{x:n.x,y:n.y},delta:{x:0,y:0},data:i,dropZone:null,phase:"dragging"},this.emit("dragstart",this._session),this._session}updatePosition(t){!this._session||this._session.phase!=="dragging"||(this._session.current.x=t.x,this._session.current.y=t.y,this._session.delta.x=t.x-this._session.origin.x,this._session.delta.y=t.y-this._session.origin.y,this.emit("dragmove",this._session))}setDropTarget(t){if(!this._session)return;let n=this._session.dropZone;n!==t&&(n&&(this._session.dropZone=null,this.emit("dropzoneleave",this._session)),t&&(this._session.dropZone=t,this.emit("dropzoneenter",this._session)))}endDrag(){if(!this._session)return null;let t=this._session;return t.phase="dropping",t.dropZone&&this.emit("drop",t),this.emit("dragend",t),this._session=null,t}cancelDrag(){if(!this._session)return null;let t=this._session;return t.phase="cancelled",t.dropZone=null,this.emit("dragend",t),this._session=null,t}subscribe(t,n){return this.on(t,n)}reset(){this._session&&this.cancelDrag()}destroy(){this.reset(),super.destroy()}};var E=class{constructor(e){this._rafId=null;this._pending=null;this._process=()=>{if(this._rafId=null,this._pending!==null){let e=this._pending;this._pending=null,this._callback(e)}};this._callback=e}queue(e){this._pending=e,this._rafId===null&&(this._rafId=requestAnimationFrame(this._process))}cancel(){this._rafId!==null&&(cancelAnimationFrame(this._rafId),this._rafId=null),this._pending=null}flush(){this._pending!==null&&(this.cancel(),this._callback(this._pending),this._pending=null)}get isPending(){return this._rafId!==null}destroy(){this.cancel()}};function Y(r){let e=null,t=null,n=(...o)=>{t=o,e===null&&(e=requestAnimationFrame(()=>{e=null,t!==null&&(r(...t),t=null)}))};return n.cancel=()=>{e!==null&&(cancelAnimationFrame(e),e=null),t=null},n.flush=()=>{e!==null&&(cancelAnimationFrame(e),e=null),t!==null&&(r(...t),t=null)},n}var b=class{constructor(e,t,n=10,o=100){this._pool=[];this._factory=e,this._reset=t,this._maxSize=o;for(let i=0;i<n;i++)this._pool.push(e())}acquire(){return this._pool.pop()??this._factory()}release(e){this._pool.length<this._maxSize&&(this._reset(e),this._pool.push(e))}clear(){this._pool.length=0}get size(){return this._pool.length}},v=new b(()=>({x:0,y:0}),r=>{r.x=0,r.y=0}),j=new b(()=>({x:0,y:0,width:0,height:0}),r=>{r.x=0,r.y=0,r.width=0,r.height=0});function D(r,e){let t=v.acquire();return t.x=r,t.y=e,t}var x=class extends _{constructor(t){super();this._attached=!1;this._activePointerId=null;this._activeElement=null;this._startPosition=null;this._isDragging=!1;this._delayTimer=null;this._onPointerDown=t=>{if(!t.isPrimary||t.button!==0||this._activePointerId!==null)return;let n=this._findDraggable(t);if(!n||this._options.handleSelector&&!this._findHandle(t,n))return;t.preventDefault(),this._activePointerId=t.pointerId,this._activeElement=n,this._startPosition=D(t.clientX,t.clientY),this._isDragging=!1,t.target.setPointerCapture(t.pointerId);let o=this._getEventTarget();o.addEventListener("pointermove",this._onPointerMove,{passive:!0}),o.addEventListener("pointerup",this._onPointerUp),o.addEventListener("pointercancel",this._onPointerCancel);let i=this._options.delay??0;i>0?this._delayTimer=window.setTimeout(()=>{this._delayTimer=null,this._startDrag(t)},i):(this._options.distance??0)===0&&this._startDrag(t)};this._onPointerMove=t=>{t.pointerId===this._activePointerId&&this._moveThrottle.queue(t)};this._processMove=t=>{if(!this._startPosition||!this._activeElement)return;let n=D(t.clientX,t.clientY);if(!this._isDragging){let o=this._options.distance??0;if(o>0){let i=n.x-this._startPosition.x,s=n.y-this._startPosition.y;if(Math.sqrt(i*i+s*s)<o){v.release(n);return}this._clearDelayTimer(),this._startDrag(t)}}if(this._isDragging){let o=D(n.x-this._startPosition.x,n.y-this._startPosition.y);this.emit("pointermove",{position:n,delta:o,pointerId:t.pointerId,originalEvent:t})}else v.release(n)};this._onPointerUp=t=>{t.pointerId===this._activePointerId&&(this._moveThrottle.flush(),this._isDragging&&this.emit("pointerup",{position:D(t.clientX,t.clientY),pointerId:t.pointerId,originalEvent:t}),this._cleanup())};this._onPointerCancel=t=>{t.pointerId===this._activePointerId&&(this._moveThrottle.cancel(),this._isDragging&&this.emit("pointercancel",{position:D(t.clientX,t.clientY),pointerId:t.pointerId,originalEvent:t}),this._cleanup())};this._container=t.container,this._options=t,this._moveThrottle=new E(n=>this._processMove(n))}attach(){if(this._attached)return;this._getEventTarget().addEventListener("pointerdown",this._onPointerDown,{passive:!1}),this._attached=!0}detach(){if(!this._attached)return;this._getEventTarget().removeEventListener("pointerdown",this._onPointerDown),this._cleanup(),this._attached=!1}get isActive(){return this._activePointerId!==null}get isDragging(){return this._isDragging}_getEventTarget(){return this._container instanceof ShadowRoot?this._container.host:this._container}_startDrag(t){this._isDragging||!this._activeElement||!this._startPosition||(this._isDragging=!0,this.emit("pointerdown",{element:this._activeElement,position:{x:this._startPosition.x,y:this._startPosition.y},pointerId:t.pointerId,originalEvent:t}))}_findDraggable(t){let n=t.target,o=t.composedPath();for(let i of o)if(i instanceof HTMLElement){if(i.matches(this._options.draggableSelector))return i;if(i===this._container||i===this._container.host)break}return n.closest?.(this._options.draggableSelector)}_findHandle(t,n){if(!this._options.handleSelector)return n;let i=t.target.closest?.(this._options.handleSelector);return i&&n.contains(i)?i:null}_clearDelayTimer(){this._delayTimer!==null&&(clearTimeout(this._delayTimer),this._delayTimer=null)}_cleanup(){this._clearDelayTimer(),this._moveThrottle.cancel(),this._startPosition&&(v.release(this._startPosition),this._startPosition=null);let t=this._getEventTarget();t.removeEventListener("pointermove",this._onPointerMove),t.removeEventListener("pointerup",this._onPointerUp),t.removeEventListener("pointercancel",this._onPointerCancel),this._activePointerId=null,this._activeElement=null,this._isDragging=!1}destroy(){this.detach(),this._moveThrottle.destroy(),super.destroy()}};var L=class{constructor(){this._cache=new WeakMap;this._dirty=new WeakSet;this._invalidateAll=!1}get(e){if(this._invalidateAll||this._dirty.has(e))return this._update(e);let t=this._cache.get(e);return t||this._update(e)}invalidate(e){this._dirty.add(e)}invalidateAll(){this._invalidateAll=!0}update(e){return this._update(e)}remove(e){this._cache.delete(e)}clearDirty(){this._invalidateAll=!1}_update(e){let t=e.getBoundingClientRect();return this._cache.set(e,t),this._dirty.delete(e),t}},h=new L;function C(r,e,t){return r>=t.left&&r<=t.right&&e>=t.top&&e<=t.bottom}function g(r){return{x:r.left+r.width/2,y:r.top+r.height/2}}var y=class{constructor(e){this._enabled=!1;this._listenerUnsubscribers=[];this._ghost=null;this._ghostOffset={x:0,y:0};this._onPointerDown=e=>{let{element:t,position:n}=e,o=this._getItemData(t)??this._extractDataAttributes(t),i=this._state.startDrag(t,n,o),s={element:t,position:{x:n.x,y:n.y},data:i.data,cancel:()=>{this._state.cancelDrag()}};if(this._options.onDragStart?.(s)===!1){this._state.cancelDrag();return}this._createGhost(t,n),t.classList.add("snap-dragging"),this._options.ghostClass&&t.classList.add(this._options.ghostClass),h.invalidateAll()};this._onPointerMove=e=>{let t=this._state.session;if(!t)return;let{position:n}=e,o=this._getItemAxis(t.element)??this._options.axis??"both";o!=="both"&&(n=this._applyAxisConstraint(n,t.origin,o)),this._options.grid&&(n=this._applyGridSnap(n,this._options.grid)),this._state.updatePosition(n),this._updateGhost(n),this._updateDropZone(n),this._options.onDragMove?.({element:t.element,position:{x:t.current.x,y:t.current.y},delta:{x:t.delta.x,y:t.delta.y},dropZone:t.dropZone})};this._onPointerUp=e=>{if(!this._state.session)return;let n=this._state.endDrag();n&&(this._cleanup(n.element),n.dropZone&&this._options.onDrop?.({element:n.element,dropZone:n.dropZone,position:{x:n.current.x,y:n.current.y},data:n.data}),this._options.onDragEnd?.({element:n.element,position:{x:n.current.x,y:n.current.y},delta:{x:n.delta.x,y:n.delta.y},cancelled:!1}))};this._onPointerCancel=e=>{let t=this._state.session;if(!t)return;let n=t.element;this._state.cancelDrag(),this._cleanup(n),this._options.onDragEnd?.({element:n,position:e.position,delta:{x:0,y:0},cancelled:!0})};this._container=e.container,this._state=e.state,this._options=e.options,this._getDropZones=e.getDropZones,this._getItemData=e.getItemData,this._getItemAxis=e.getItemAxis,this._pointerSensor=new x({container:this._container,draggableSelector:this._options.draggableSelector??"[data-draggable]",handleSelector:this._options.handleSelector,delay:this._options.delay,distance:this._options.distance}),this._setupListeners()}enable(){this._enabled||(this._pointerSensor.attach(),this._enabled=!0)}disable(){this._enabled&&(this._pointerSensor.detach(),this._state.reset(),this._removeGhost(),this._enabled=!1)}get isEnabled(){return this._enabled}updateOptions(e){Object.assign(this._options,e)}_setupListeners(){this._listenerUnsubscribers.push(this._pointerSensor.on("pointerdown",this._onPointerDown),this._pointerSensor.on("pointermove",this._onPointerMove),this._pointerSensor.on("pointerup",this._onPointerUp),this._pointerSensor.on("pointercancel",this._onPointerCancel))}_applyAxisConstraint(e,t,n){return n==="x"?{x:e.x,y:t.y}:n==="y"?{x:t.x,y:e.y}:e}_applyGridSnap(e,t){return{x:Math.round(e.x/t.x)*t.x,y:Math.round(e.y/t.y)*t.y}}_updateDropZone(e){let t=this._getDropZones(),n=null;for(let i of t){let s=h.get(i);if(C(e.x,e.y,s)){n=i;break}}let o=this._state.session;o&&n!==o.dropZone&&(o.dropZone&&this._options.onDropZoneLeave?.({element:o.element,dropZone:o.dropZone}),this._state.setDropTarget(n),n&&this._options.onDropZoneEnter?.({element:o.element,dropZone:n,position:e}))}_createGhost(e,t){let n=e.getBoundingClientRect();this._ghostOffset={x:t.x-n.left,y:t.y-n.top},this._ghost=e.cloneNode(!0),this._ghost.style.cssText=`
       position: fixed;
       left: ${n.left}px;
       top: ${n.top}px;
@@ -9,7 +9,7 @@
       z-index: 9999;
       opacity: 0.8;
       will-change: transform;
-    `,this._ghost.classList.add("snap-ghost"),document.body.appendChild(this._ghost)}_updateGhost(e){if(!this._ghost)return;let t=e.x-this._ghostOffset.x,n=e.y-this._ghostOffset.y;this._ghost.style.transform=`translate(${t-parseFloat(this._ghost.style.left)}px, ${n-parseFloat(this._ghost.style.top)}px)`}_removeGhost(){this._ghost&&(this._ghost.remove(),this._ghost=null)}_cleanup(e){e.classList.remove("snap-dragging"),this._options.ghostClass&&e.classList.remove(this._options.ghostClass),this._removeGhost()}_extractDataAttributes(e){let t={};for(let o of e.attributes)if(o.name.startsWith("data-drag-")){let i=o.name.slice(10);t[i]=o.value}let n=e.dataset.draggable;return n&&n!==""&&(t.type=n),t}destroy(){this.disable(),this._pointerSensor.destroy()}};var P=class{constructor(e,t={}){this._isActive=!1;this._element=e,this._options=t}get element(){return this._element}get isActive(){return this._isActive}setOptions(e){Object.assign(this._options,e)}containsPoint(e,t){let n=h.get(this._element);return C(e,t,n)}accepts(e){let{accepts:t}=this._options;if(!t)return!0;if(typeof t=="function")return t(e);for(let o of t)if(e.hasType(o)||e.getData("type")===o)return!0;let n=this._element.dataset.accepts;if(n){let o=n.split(",").map(i=>i.trim());for(let i of o)if(e.hasType(i)||e.getData("type")===i)return!0}return!1}setActive(e){this._isActive!==e&&(this._isActive=e,e?this._element.classList.add("snap-drop-active"):this._element.classList.remove("snap-drop-active"))}getInsertionIndex(e,t,n,o){let i=Array.from(this._element.querySelectorAll(n)).filter(l=>l!==o);if(i.length===0)return 0;let s=h.get(i[0]),a=h.get(i[i.length-1]),p=Math.abs(a.top-s.top)>Math.abs(a.left-s.left);for(let l=0;l<i.length;l++){let d=h.get(i[l]),c=g(d);if(p){if(t<c.y)return l}else if(e<c.x)return l}return i.length}getClosestItem(e,t,n,o){let i=Array.from(this._element.querySelectorAll(n)).filter(u=>u!==o);if(i.length===0)return null;let s=null,a=1/0,p="after",l=h.get(i[0]),d=h.get(i[i.length-1]),c=Math.abs(d.top-l.top)>Math.abs(d.left-l.left);for(let u of i){let M=h.get(u),H=g(M),B=e-H.x,q=t-H.y,X=Math.sqrt(B*B+q*q);X<a&&(a=X,s=u,p=c?t<H.y?"before":"after":e<H.x?"before":"after")}return s?{element:s,position:p}:null}updateBounds(){h.update(this._element)}destroy(){this.setActive(!1),h.remove(this._element)}},S=class{constructor(){this._zones=new Map}register(e,t){let n=this._zones.get(e);return n?(t&&n.setOptions(t),n):(n=new P(e,t),this._zones.set(e,n),n)}unregister(e){let t=this._zones.get(e);t&&(t.destroy(),this._zones.delete(e))}get(e){return this._zones.get(e)}getElements(){return[...this._zones.keys()]}getAll(){return[...this._zones.values()]}findAtPoint(e,t){for(let n of this._zones.values())if(n.containsPoint(e,t))return n;return null}clear(){for(let e of this._zones.values())e.destroy();this._zones.clear()}updateAllBounds(){h.invalidateAll()}destroy(){this.clear()}};var Q={draggableSelector:"[data-draggable]",dropZoneSelector:"[data-droppable]",axis:"both",autoRefresh:!1},I=class{constructor(e,t={}){this._imperativeDraggables=new Map;this._imperativeDropZones=new Map;this._plugins=[];this._behaviors=[];this._observer=null;this._refreshScheduled=!1;this._scrollHandler=null;this._resizeHandler=null;this._container=e,this._options={...Q,...t},this._state=new f,this._dropZoneManager=new S,this._engine=new y({container:this._container,state:this._state,options:this._options,getDropZones:()=>this._getDropZones(),getItemData:n=>this._getItemData(n),getItemAxis:n=>this._getItemAxis(n)}),this._setupStateListeners(),this._scanDeclarativeElements(),this._options.autoRefresh&&this._setupAutoRefresh(),this._setupScrollResize(),this.enable()}get options(){return this._options}enable(){this._engine.enable()}disable(){this._engine.disable()}destroy(){this.disable();for(let e of this._plugins)e.destroy();this._plugins=[];for(let e of this._behaviors)e.destroy();this._behaviors=[],this._engine.destroy(),this._state.destroy(),this._dropZoneManager.destroy(),this._observer?.disconnect(),this._observer=null,this._scrollHandler&&(window.removeEventListener("scroll",this._scrollHandler,!0),this._scrollHandler=null),this._resizeHandler&&(window.removeEventListener("resize",this._resizeHandler),this._resizeHandler=null),this._imperativeDraggables.clear(),this._imperativeDropZones.clear()}refresh(){this._scanDeclarativeElements(),h.invalidateAll()}addDraggable(e,t){this._imperativeDraggables.set(e,t??{})}removeDraggable(e){this._imperativeDraggables.delete(e)}addDropZone(e,t){this._imperativeDropZones.set(e,t??{}),this._dropZoneManager.register(e,t)}removeDropZone(e){this._imperativeDropZones.delete(e),this._dropZoneManager.unregister(e)}isDragging(){return this._state.isDragging()}getActiveElement(){return this._state.getActiveElement()}use(e){return this._plugins.push(e),e.init(this),this}addBehavior(e){return this._behaviors.push(e),this}setOptions(e){Object.assign(this._options,e),this._engine.updateOptions(this._options)}_getDropZones(){let e=this._options.dropZoneSelector??"[data-droppable]",t=this._container instanceof ShadowRoot?this._container:this._container,n=Array.from(t.querySelectorAll(e)),o=[...this._imperativeDropZones.keys()];return[...new Set([...n,...o])]}_getItemData(e){return this._imperativeDraggables.get(e)?.data}_getItemAxis(e){let t=this._imperativeDraggables.get(e);if(t?.axis)return t.axis;let n=e.dataset.dragAxis;if(n==="x"||n==="y"||n==="both")return n}_scanDeclarativeElements(){let e=this._options.dropZoneSelector??"[data-droppable]",n=(this._container instanceof ShadowRoot?this._container:this._container).querySelectorAll(e);for(let o of n)this._imperativeDropZones.has(o)||this._dropZoneManager.register(o)}_setupStateListeners(){this._state.subscribe("dragstart",e=>{for(let t of this._behaviors)t.onDragStart?.(e)}),this._state.subscribe("dragmove",e=>{for(let t of this._behaviors)t.onDragMove?.(e)}),this._state.subscribe("dragend",e=>{for(let t of this._behaviors)t.onDragEnd?.(e)})}_setupAutoRefresh(){this._observer=new MutationObserver(t=>{let n=!1;for(let o of t)if(o.type==="childList"){n=!0;break}n&&!this._refreshScheduled&&(this._refreshScheduled=!0,requestAnimationFrame(()=>{this._refreshScheduled=!1,this.refresh()}))});let e=this._container instanceof ShadowRoot?this._container:this._container;this._observer.observe(e,{childList:!0,subtree:!0})}_setupScrollResize(){this._scrollHandler=()=>{this._state.isDragging()&&h.invalidateAll()},window.addEventListener("scroll",this._scrollHandler,!0),this._resizeHandler=()=>{h.invalidateAll()},window.addEventListener("resize",this._resizeHandler)}},G=I;var tt={animation:150,ghostClass:"snap-sortable-ghost",placeholderClass:"snap-sortable-placeholder"},A=class{constructor(e={}){this.name="sortable";this._snap=null;this._placeholder=null;this._originalIndex=-1;this._currentIndex=-1;this._container=null;this._items=[];this._unsubscribers=[];this._options={...tt,...e}}init(e){this._snap=e;let t=e.options.onDragStart,n=e.options.onDragMove,o=e.options.onDrop,i=e.options.onDragEnd;e.setOptions({onDragStart:s=>(this._onDragStart(s.element),t?.(s)),onDragMove:s=>{this._onDragMove(s.position.x,s.position.y),n?.(s)},onDrop:s=>{let a={...s,insertionIndex:this._currentIndex,sourceContainer:this._container??void 0};o?.(a)},onDragEnd:s=>{this._onDragEnd(),i?.(s)}})}destroy(){this._cleanup();for(let e of this._unsubscribers)e();this._unsubscribers=[],this._snap=null}_onDragStart(e){if(this._container=e.parentElement,!this._container)return;let t=this._snap?.options.draggableSelector??"[data-draggable]";this._items=Array.from(this._container.querySelectorAll(t)),this._originalIndex=this._items.indexOf(e),this._currentIndex=this._originalIndex,this._originalIndex!==-1&&(this._createPlaceholder(e),this._options.ghostClass&&e.classList.add(this._options.ghostClass))}_onDragMove(e,t){if(!this._placeholder||!this._container)return;let n=this._snap?.options.draggableSelector??"[data-draggable]",o=this._snap?.getActiveElement(),i=Array.from(this._container.querySelectorAll(n)).filter(d=>d!==o&&d!==this._placeholder);if(i.length===0){this._currentIndex=0;return}let s=h.get(i[0]),a=h.get(i[i.length-1]),p=Math.abs(a.top-s.top)>Math.abs(a.left-s.left),l=i.length;for(let d=0;d<i.length;d++){let c=h.get(i[d]),u=g(c);if(p){if(t<u.y){l=d;break}}else if(e<u.x){l=d;break}}l>this._originalIndex&&l++,l!==this._currentIndex&&(this._currentIndex=l,this._movePlaceholder(l))}_onDragEnd(){this._cleanup()}_createPlaceholder(e){let t=e.getBoundingClientRect();this._placeholder=document.createElement("div"),this._placeholder.className=this._options.placeholderClass??"",this._placeholder.style.cssText=`
+    `,this._ghost.classList.add("snap-ghost"),document.body.appendChild(this._ghost)}_updateGhost(e){if(!this._ghost)return;let t=e.x-this._ghostOffset.x,n=e.y-this._ghostOffset.y;this._ghost.style.transform=`translate(${t-parseFloat(this._ghost.style.left)}px, ${n-parseFloat(this._ghost.style.top)}px)`}_removeGhost(){this._ghost&&(this._ghost.remove(),this._ghost=null)}_cleanup(e){e.classList.remove("snap-dragging"),this._options.ghostClass&&e.classList.remove(this._options.ghostClass),this._removeGhost()}_extractDataAttributes(e){let t={};for(let o of e.attributes)if(o.name.startsWith("data-drag-")){let i=o.name.slice(10);t[i]=o.value}let n=e.dataset.draggable;return n&&n!==""&&(t.type=n),t}destroy(){this.disable();for(let e of this._listenerUnsubscribers)e();this._listenerUnsubscribers=[],this._pointerSensor.destroy()}};var P=class{constructor(e,t={}){this._isActive=!1;this._element=e,this._options=t}get element(){return this._element}get isActive(){return this._isActive}setOptions(e){Object.assign(this._options,e)}containsPoint(e,t){let n=h.get(this._element);return C(e,t,n)}accepts(e){let{accepts:t}=this._options;if(!t)return!0;if(typeof t=="function")return t(e);for(let o of t)if(e.hasType(o)||e.getData("type")===o)return!0;let n=this._element.dataset.accepts;if(n){let o=n.split(",").map(i=>i.trim());for(let i of o)if(e.hasType(i)||e.getData("type")===i)return!0}return!1}setActive(e){this._isActive!==e&&(this._isActive=e,e?this._element.classList.add("snap-drop-active"):this._element.classList.remove("snap-drop-active"))}getInsertionIndex(e,t,n,o){let i=Array.from(this._element.querySelectorAll(n)).filter(l=>l!==o);if(i.length===0)return 0;let s=h.get(i[0]),a=h.get(i[i.length-1]),p=Math.abs(a.top-s.top)>Math.abs(a.left-s.left);for(let l=0;l<i.length;l++){let d=h.get(i[l]),c=g(d);if(p){if(t<c.y)return l}else if(e<c.x)return l}return i.length}getClosestItem(e,t,n,o){let i=Array.from(this._element.querySelectorAll(n)).filter(u=>u!==o);if(i.length===0)return null;let s=null,a=1/0,p="after",l=h.get(i[0]),d=h.get(i[i.length-1]),c=Math.abs(d.top-l.top)>Math.abs(d.left-l.left);for(let u of i){let M=h.get(u),H=g(M),B=e-H.x,q=t-H.y,X=Math.sqrt(B*B+q*q);X<a&&(a=X,s=u,p=c?t<H.y?"before":"after":e<H.x?"before":"after")}return s?{element:s,position:p}:null}updateBounds(){h.update(this._element)}destroy(){this.setActive(!1),h.remove(this._element)}},S=class{constructor(){this._zones=new Map}register(e,t){let n=this._zones.get(e);return n?(t&&n.setOptions(t),n):(n=new P(e,t),this._zones.set(e,n),n)}unregister(e){let t=this._zones.get(e);t&&(t.destroy(),this._zones.delete(e))}get(e){return this._zones.get(e)}getElements(){return[...this._zones.keys()]}getAll(){return[...this._zones.values()]}findAtPoint(e,t){for(let n of this._zones.values())if(n.containsPoint(e,t))return n;return null}clear(){for(let e of this._zones.values())e.destroy();this._zones.clear()}updateAllBounds(){h.invalidateAll()}destroy(){this.clear()}};var Q={draggableSelector:"[data-draggable]",dropZoneSelector:"[data-droppable]",axis:"both",autoRefresh:!1},I=class{constructor(e,t={}){this._imperativeDraggables=new Map;this._imperativeDropZones=new Map;this._plugins=[];this._behaviors=[];this._stateUnsubscribers=[];this._observer=null;this._refreshScheduled=!1;this._destroyed=!1;this._scrollHandler=null;this._resizeHandler=null;this._container=e,this._options={...Q,...t},this._state=new f,this._dropZoneManager=new S,this._engine=new y({container:this._container,state:this._state,options:this._options,getDropZones:()=>this._getDropZones(),getItemData:n=>this._getItemData(n),getItemAxis:n=>this._getItemAxis(n)}),this._setupStateListeners(),this._scanDeclarativeElements(),this._options.autoRefresh&&this._setupAutoRefresh(),this._setupScrollResize(),this.enable()}get options(){return this._options}enable(){this._engine.enable()}disable(){this._engine.disable()}destroy(){this._destroyed=!0,this.disable();for(let e of this._stateUnsubscribers)e();this._stateUnsubscribers=[];for(let e of this._plugins)e.destroy();this._plugins=[];for(let e of this._behaviors)e.destroy();this._behaviors=[],this._engine.destroy(),this._state.destroy(),this._dropZoneManager.destroy(),this._observer?.disconnect(),this._observer=null,this._scrollHandler&&(window.removeEventListener("scroll",this._scrollHandler,!0),this._scrollHandler=null),this._resizeHandler&&(window.removeEventListener("resize",this._resizeHandler),this._resizeHandler=null),this._imperativeDraggables.clear(),this._imperativeDropZones.clear()}refresh(){this._scanDeclarativeElements(),h.invalidateAll()}addDraggable(e,t){this._imperativeDraggables.set(e,t??{})}removeDraggable(e){this._imperativeDraggables.delete(e)}addDropZone(e,t){this._imperativeDropZones.set(e,t??{}),this._dropZoneManager.register(e,t)}removeDropZone(e){this._imperativeDropZones.delete(e),this._dropZoneManager.unregister(e)}isDragging(){return this._state.isDragging()}getActiveElement(){return this._state.getActiveElement()}use(e){return this._plugins.push(e),e.init(this),this}addBehavior(e){return this._behaviors.push(e),this}setOptions(e){Object.assign(this._options,e),this._engine.updateOptions(this._options)}_getDropZones(){let e=this._options.dropZoneSelector??"[data-droppable]",t=this._container instanceof ShadowRoot?this._container:this._container,n=Array.from(t.querySelectorAll(e)),o=[...this._imperativeDropZones.keys()];return[...new Set([...n,...o])]}_getItemData(e){return this._imperativeDraggables.get(e)?.data}_getItemAxis(e){let t=this._imperativeDraggables.get(e);if(t?.axis)return t.axis;let n=e.dataset.dragAxis;if(n==="x"||n==="y"||n==="both")return n}_scanDeclarativeElements(){let e=this._options.dropZoneSelector??"[data-droppable]",n=(this._container instanceof ShadowRoot?this._container:this._container).querySelectorAll(e);for(let o of n)this._imperativeDropZones.has(o)||this._dropZoneManager.register(o)}_setupStateListeners(){this._stateUnsubscribers.push(this._state.subscribe("dragstart",e=>{for(let t of this._behaviors)t.onDragStart?.(e)})),this._stateUnsubscribers.push(this._state.subscribe("dragmove",e=>{for(let t of this._behaviors)t.onDragMove?.(e)})),this._stateUnsubscribers.push(this._state.subscribe("dragend",e=>{for(let t of this._behaviors)t.onDragEnd?.(e)}))}_setupAutoRefresh(){this._observer=new MutationObserver(t=>{if(this._destroyed)return;let n=!1;for(let o of t)if(o.type==="childList"){n=!0;break}n&&!this._refreshScheduled&&(this._refreshScheduled=!0,requestAnimationFrame(()=>{this._destroyed||(this._refreshScheduled=!1,this.refresh())}))});let e=this._container instanceof ShadowRoot?this._container:this._container;this._observer.observe(e,{childList:!0,subtree:!0})}_setupScrollResize(){this._scrollHandler=()=>{this._state.isDragging()&&h.invalidateAll()},window.addEventListener("scroll",this._scrollHandler,!0),this._resizeHandler=()=>{h.invalidateAll()},window.addEventListener("resize",this._resizeHandler)}},G=I;var tt={animation:150,ghostClass:"snap-sortable-ghost",placeholderClass:"snap-sortable-placeholder"},A=class{constructor(e={}){this.name="sortable";this._snap=null;this._placeholder=null;this._originalIndex=-1;this._currentIndex=-1;this._container=null;this._items=[];this._unsubscribers=[];this._options={...tt,...e}}init(e){this._snap=e;let t=e.options.onDragStart,n=e.options.onDragMove,o=e.options.onDrop,i=e.options.onDragEnd;e.setOptions({onDragStart:s=>(this._onDragStart(s.element),t?.(s)),onDragMove:s=>{this._onDragMove(s.position.x,s.position.y),n?.(s)},onDrop:s=>{let a={...s,insertionIndex:this._currentIndex,sourceContainer:this._container??void 0};o?.(a)},onDragEnd:s=>{this._onDragEnd(),i?.(s)}})}destroy(){this._cleanup();for(let e of this._unsubscribers)e();this._unsubscribers=[],this._snap=null}_onDragStart(e){if(this._container=e.parentElement,!this._container)return;let t=this._snap?.options.draggableSelector??"[data-draggable]";this._items=Array.from(this._container.querySelectorAll(t)),this._originalIndex=this._items.indexOf(e),this._currentIndex=this._originalIndex,this._originalIndex!==-1&&(this._createPlaceholder(e),this._options.ghostClass&&e.classList.add(this._options.ghostClass))}_onDragMove(e,t){if(!this._placeholder||!this._container)return;let n=this._snap?.options.draggableSelector??"[data-draggable]",o=this._snap?.getActiveElement(),i=Array.from(this._container.querySelectorAll(n)).filter(d=>d!==o&&d!==this._placeholder);if(i.length===0){this._currentIndex=0;return}let s=h.get(i[0]),a=h.get(i[i.length-1]),p=Math.abs(a.top-s.top)>Math.abs(a.left-s.left),l=i.length;for(let d=0;d<i.length;d++){let c=h.get(i[d]),u=g(c);if(p){if(t<u.y){l=d;break}}else if(e<u.x){l=d;break}}l>this._originalIndex&&l++,l!==this._currentIndex&&(this._currentIndex=l,this._movePlaceholder(l))}_onDragEnd(){this._cleanup()}_createPlaceholder(e){let t=e.getBoundingClientRect();this._placeholder=document.createElement("div"),this._placeholder.className=this._options.placeholderClass??"",this._placeholder.style.cssText=`
       width: ${t.width}px;
       height: ${t.height}px;
       margin: 0;
@@ -23,7 +23,7 @@
       border: 2px dashed #ccc;
       border-radius: 4px;
       background: rgba(0, 0, 0, 0.05);
-    `,e.parentNode?.insertBefore(this._placeholder,e)}_movePlaceholder(e){if(!this._placeholder||!this._targetContainer)return;let t=this._snap?.getActiveElement(),n=Array.from(this._targetContainer.querySelectorAll(this._options.items)).filter(o=>o!==t&&o!==this._placeholder);if(this._placeholder.remove(),e>=n.length)this._targetContainer.appendChild(this._placeholder);else{let o=n[e];o?this._targetContainer.insertBefore(this._placeholder,o):this._targetContainer.appendChild(this._placeholder)}this._options.animation>0&&this._animateItems(this._targetContainer)}_calculateInsertionIndex(e,t,n){let o=this._snap?.getActiveElement(),i=Array.from(e.querySelectorAll(this._options.items)).filter(l=>l!==o&&l!==this._placeholder);if(i.length===0)return 0;let s=h.get(i[0]),a=h.get(i[i.length-1]),p=Math.abs(a.top-s.top)>Math.abs(a.left-s.left);for(let l=0;l<i.length;l++){let d=h.get(i[l]),c=g(d);if(p){if(n<c.y)return l}else if(t<c.x)return l}return i.length}_getItemCount(e){let t=this._snap?.getActiveElement();return Array.from(e.querySelectorAll(this._options.items)).filter(n=>n!==t&&n!==this._placeholder).length}_animateItems(e){let t=this._snap?.getActiveElement(),n=Array.from(e.querySelectorAll(this._options.items)).filter(i=>i!==t&&i!==this._placeholder),o=new Map;for(let i of n)o.set(i,i.getBoundingClientRect());e.offsetHeight;for(let i of n){let s=o.get(i),a=i.getBoundingClientRect();if(!s)continue;let p=s.left-a.left,l=s.top-a.top;(p!==0||l!==0)&&(i.style.transform=`translate(${p}px, ${l}px)`,i.style.transition="none",requestAnimationFrame(()=>{i.style.transition=`transform ${this._options.animation}ms ease`,i.style.transform=""}))}}_cleanup(){this._placeholder?.remove(),this._placeholder=null,this._sourceContainer?.classList.remove("snap-kanban-source"),this._targetContainer?.classList.remove("snap-kanban-target"),this._sourceContainer=null,this._targetContainer=null,this._originalIndex=-1,this._currentIndex=-1,h.invalidateAll()}getSourceContainer(){return this._sourceContainer}getTargetContainer(){return this._targetContainer}getCurrentIndex(){return this._currentIndex}};var T=class extends _{constructor(t){super();this._attached=!1;this._dragCount=0;this._currentDropZone=null;this._onDragEnter=t=>{if(!this._hasFiles(t))return;this._dragCount++;let n=this._findDropZone(t);n&&(t.preventDefault(),n!==this._currentDropZone&&(this._currentDropZone&&this.emit("dragleave",{position:{x:t.clientX,y:t.clientY},dropZone:this._currentDropZone,originalEvent:t}),this._currentDropZone=n,this.emit("dragenter",{position:{x:t.clientX,y:t.clientY},dropZone:n,originalEvent:t})))};this._onDragOver=t=>{if(!this._hasFiles(t))return;let n=this._findDropZone(t);n&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="copy"),this.emit("dragover",{position:{x:t.clientX,y:t.clientY},dropZone:n,originalEvent:t}))};this._onDragLeave=t=>{this._hasFiles(t)&&(this._dragCount--,this._dragCount===0&&this._currentDropZone&&(this.emit("dragleave",{position:{x:t.clientX,y:t.clientY},dropZone:this._currentDropZone,originalEvent:t}),this._currentDropZone=null))};this._onDrop=t=>{t.preventDefault(),this._dragCount=0;let n=this._findDropZone(t);if(!n)return;let o=this._getFiles(t);o.length!==0&&(this.emit("drop",{files:o,position:{x:t.clientX,y:t.clientY},dropZone:n,originalEvent:t}),this._currentDropZone=null)};this._container=t.container,this._options=t}attach(){if(this._attached)return;let t=this._getEventTarget();t.addEventListener("dragenter",this._onDragEnter,{passive:!1}),t.addEventListener("dragover",this._onDragOver,{passive:!1}),t.addEventListener("dragleave",this._onDragLeave,{passive:!1}),t.addEventListener("drop",this._onDrop,{passive:!1}),this._attached=!0}detach(){if(!this._attached)return;let t=this._getEventTarget();t.removeEventListener("dragenter",this._onDragEnter),t.removeEventListener("dragover",this._onDragOver),t.removeEventListener("dragleave",this._onDragLeave),t.removeEventListener("drop",this._onDrop),this._dragCount=0,this._currentDropZone=null,this._attached=!1}_getEventTarget(){return this._container instanceof ShadowRoot?this._container.host:this._container}_findDropZone(t){let n=t.target,o=t.composedPath();for(let i of o)if(i instanceof HTMLElement){if(i.matches(this._options.dropZoneSelector))return i;if(i===this._container||i===this._container.host)break}return n.closest?.(this._options.dropZoneSelector)}_hasFiles(t){if(!t.dataTransfer)return!1;let n=t.dataTransfer.types;return n.includes("Files")||n.includes("application/x-moz-file")}_getFiles(t){if(!t.dataTransfer?.files)return[];let n=Array.from(t.dataTransfer.files),o=this._options.accept;o&&o.length>0&&(n=n.filter(s=>this._matchesAccept(s,o)));let i=this._options.maxSize;return i&&i>0&&(n=n.filter(s=>s.size<=i)),!this._options.multiple&&n.length>1&&(n=[n[0]]),n}_matchesAccept(t,n){for(let o of n){if(o.startsWith(".")){if(t.name.toLowerCase().endsWith(o.toLowerCase()))return!0;continue}if(o.endsWith("/*")){let i=o.slice(0,-1);if(t.type.startsWith(i))return!0;continue}if(t.type===o)return!0}return!1}destroy(){this.detach(),super.destroy()}};var nt={multiple:!0},Z=class{constructor(e={}){this.name="file-drop";this._snap=null;this._sensor=null;this._onFileDrop=null;this._options={...nt,...e}}init(e){this._snap=e;let t=this._getContainer();t&&(this._sensor=new T({container:t,dropZoneSelector:e.options.dropZoneSelector??"[data-file-drop]",accept:this._options.accept,multiple:this._options.multiple,maxSize:this._options.maxSize}),this._setupEventHandlers(),this._sensor.attach())}destroy(){this._sensor?.destroy(),this._sensor=null,this._snap=null,this._onFileDrop=null}onFileDrop(e){return this._onFileDrop=e,this}setOptions(e){Object.assign(this._options,e)}_getContainer(){return this._snap?this._snap._container:null}_setupEventHandlers(){this._sensor&&(this._sensor.on("dragenter",e=>{e.dropZone.classList.add("snap-file-drag-over")}),this._sensor.on("dragleave",e=>{e.dropZone.classList.remove("snap-file-drag-over")}),this._sensor.on("drop",e=>{e.dropZone.classList.remove("snap-file-drag-over");let t={files:e.files,position:e.position,dropZone:e.dropZone};this._onFileDrop?.(t),this._snap?.options?.onFileDrop?.(t)}))}};function K(r,e){let{onDrop:t,onDragEnter:n,onDragLeave:o,...i}=e,s=0,a=c=>{z(c)&&(c.preventDefault(),s++,s===1&&(r.classList.add("snap-file-drag-over"),n?.()))},p=c=>{z(c)&&(c.preventDefault(),c.dataTransfer&&(c.dataTransfer.dropEffect="copy"))},l=c=>{z(c)&&(s--,s===0&&(r.classList.remove("snap-file-drag-over"),o?.()))},d=c=>{c.preventDefault(),s=0,r.classList.remove("snap-file-drag-over");let u=Array.from(c.dataTransfer?.files??[]);i.accept?.length&&(u=u.filter(M=>it(M,i.accept))),i.maxSize&&(u=u.filter(M=>M.size<=i.maxSize)),!i.multiple&&u.length>1&&(u=[u[0]]),u.length>0&&t(u)};return r.addEventListener("dragenter",a),r.addEventListener("dragover",p),r.addEventListener("dragleave",l),r.addEventListener("drop",d),()=>{r.removeEventListener("dragenter",a),r.removeEventListener("dragover",p),r.removeEventListener("dragleave",l),r.removeEventListener("drop",d),r.classList.remove("snap-file-drag-over")}}function z(r){if(!r.dataTransfer)return!1;let e=r.dataTransfer.types;return e.includes("Files")||e.includes("application/x-moz-file")}function it(r,e){for(let t of e){if(t.startsWith(".")){if(r.name.toLowerCase().endsWith(t.toLowerCase()))return!0;continue}if(t.endsWith("/*")){let n=t.slice(0,-1);if(r.type.startsWith(n))return!0;continue}if(r.type===t)return!0}return!1}var ot={threshold:40,maxSpeed:15,acceleration:2},w=class{constructor(e={}){this.name="auto-scroll";this._scrollableAncestors=[];this._rafId=null;this._active=!1;this._options={...ot,...e}}onDragStart(e){this._scrollableAncestors=this._findScrollableAncestors(e.element),this._active=!0}onDragMove(e){!this._active||this._rafId!==null||(this._rafId=requestAnimationFrame(()=>{this._rafId=null,this._performScroll(e.current.x,e.current.y)}))}onDragEnd(){this._active=!1,this._scrollableAncestors=[],this._rafId!==null&&(cancelAnimationFrame(this._rafId),this._rafId=null)}destroy(){this.onDragEnd()}_performScroll(e,t){for(let n of this._scrollableAncestors){let o=n.getBoundingClientRect(),i=this._calculateScrollSpeed(e,t,o);(i.x!==0||i.y!==0)&&n.scrollBy({left:i.x,top:i.y,behavior:"instant"})}}_calculateScrollSpeed(e,t,n){let{threshold:o,maxSpeed:i}=this._options,s=0,a=0;return e<n.left+o?s=-this._getSpeed(n.left+o-e):e>n.right-o&&(s=this._getSpeed(e-(n.right-o))),t<n.top+o?a=-this._getSpeed(n.top+o-t):t>n.bottom-o&&(a=this._getSpeed(t-(n.bottom-o))),{x:s,y:a}}_getSpeed(e){let{threshold:t,maxSpeed:n,acceleration:o}=this._options,i=Math.min(e/t,1);return Math.pow(i,o)*n}_findScrollableAncestors(e){let t=[],n=e.parentElement;for(;n&&n!==document.body;){let o=getComputedStyle(n),i=o.overflowX,s=o.overflowY,a=(i==="auto"||i==="scroll")&&n.scrollWidth>n.clientWidth,p=(s==="auto"||s==="scroll")&&n.scrollHeight>n.clientHeight;(a||p)&&t.push(n),n=n.parentElement}return(document.documentElement.scrollHeight>window.innerHeight||document.documentElement.scrollWidth>window.innerWidth)&&t.push(document.documentElement),t}};var R=class{constructor(e){this.name="snap-grid";this._guideContainer=null;this._options=e}onDragStart(e){this._options.showGuides&&this._createGuides(e.element)}onDragMove(e){}onDragEnd(){this._removeGuides()}destroy(){this._removeGuides()}snap(e,t){return{x:Math.round(e/this._options.x)*this._options.x,y:Math.round(t/this._options.y)*this._options.y}}snapWithThreshold(e,t,n){let o=n??this._options.threshold??5,i=this.snap(e,t);return{x:Math.abs(e-i.x)<o?i.x:e,y:Math.abs(t-i.y)<o?i.y:t}}_createGuides(e){let t=e.offsetParent||document.body,n=t.getBoundingClientRect();this._guideContainer=document.createElement("div"),this._guideContainer.style.cssText=`
+    `,e.parentNode?.insertBefore(this._placeholder,e)}_movePlaceholder(e){if(!this._placeholder||!this._targetContainer)return;let t=this._snap?.getActiveElement(),n=Array.from(this._targetContainer.querySelectorAll(this._options.items)).filter(o=>o!==t&&o!==this._placeholder);if(this._placeholder.remove(),e>=n.length)this._targetContainer.appendChild(this._placeholder);else{let o=n[e];o?this._targetContainer.insertBefore(this._placeholder,o):this._targetContainer.appendChild(this._placeholder)}this._options.animation>0&&this._animateItems(this._targetContainer)}_calculateInsertionIndex(e,t,n){let o=this._snap?.getActiveElement(),i=Array.from(e.querySelectorAll(this._options.items)).filter(l=>l!==o&&l!==this._placeholder);if(i.length===0)return 0;let s=h.get(i[0]),a=h.get(i[i.length-1]),p=Math.abs(a.top-s.top)>Math.abs(a.left-s.left);for(let l=0;l<i.length;l++){let d=h.get(i[l]),c=g(d);if(p){if(n<c.y)return l}else if(t<c.x)return l}return i.length}_getItemCount(e){let t=this._snap?.getActiveElement();return Array.from(e.querySelectorAll(this._options.items)).filter(n=>n!==t&&n!==this._placeholder).length}_animateItems(e){let t=this._snap?.getActiveElement(),n=Array.from(e.querySelectorAll(this._options.items)).filter(i=>i!==t&&i!==this._placeholder),o=new Map;for(let i of n)o.set(i,i.getBoundingClientRect());e.offsetHeight;for(let i of n){let s=o.get(i),a=i.getBoundingClientRect();if(!s)continue;let p=s.left-a.left,l=s.top-a.top;(p!==0||l!==0)&&(i.style.transform=`translate(${p}px, ${l}px)`,i.style.transition="none",requestAnimationFrame(()=>{i.style.transition=`transform ${this._options.animation}ms ease`,i.style.transform=""}))}}_cleanup(){this._placeholder?.remove(),this._placeholder=null,this._sourceContainer?.classList.remove("snap-kanban-source"),this._targetContainer?.classList.remove("snap-kanban-target"),this._sourceContainer=null,this._targetContainer=null,this._originalIndex=-1,this._currentIndex=-1,h.invalidateAll()}getSourceContainer(){return this._sourceContainer}getTargetContainer(){return this._targetContainer}getCurrentIndex(){return this._currentIndex}};var T=class extends _{constructor(t){super();this._attached=!1;this._dragCount=0;this._currentDropZone=null;this._onDragEnter=t=>{if(!this._hasFiles(t))return;this._dragCount++;let n=this._findDropZone(t);n&&(t.preventDefault(),n!==this._currentDropZone&&(this._currentDropZone&&this.emit("dragleave",{position:{x:t.clientX,y:t.clientY},dropZone:this._currentDropZone,originalEvent:t}),this._currentDropZone=n,this.emit("dragenter",{position:{x:t.clientX,y:t.clientY},dropZone:n,originalEvent:t})))};this._onDragOver=t=>{if(!this._hasFiles(t))return;let n=this._findDropZone(t);n&&(t.preventDefault(),t.dataTransfer&&(t.dataTransfer.dropEffect="copy"),this.emit("dragover",{position:{x:t.clientX,y:t.clientY},dropZone:n,originalEvent:t}))};this._onDragLeave=t=>{this._hasFiles(t)&&(this._dragCount--,this._dragCount===0&&this._currentDropZone&&(this.emit("dragleave",{position:{x:t.clientX,y:t.clientY},dropZone:this._currentDropZone,originalEvent:t}),this._currentDropZone=null))};this._onDrop=t=>{t.preventDefault(),this._dragCount=0;let n=this._findDropZone(t);if(!n)return;let o=this._getFiles(t);o.length!==0&&(this.emit("drop",{files:o,position:{x:t.clientX,y:t.clientY},dropZone:n,originalEvent:t}),this._currentDropZone=null)};this._container=t.container,this._options=t}attach(){if(this._attached)return;let t=this._getEventTarget();t.addEventListener("dragenter",this._onDragEnter,{passive:!1}),t.addEventListener("dragover",this._onDragOver,{passive:!1}),t.addEventListener("dragleave",this._onDragLeave,{passive:!1}),t.addEventListener("drop",this._onDrop,{passive:!1}),this._attached=!0}detach(){if(!this._attached)return;let t=this._getEventTarget();t.removeEventListener("dragenter",this._onDragEnter),t.removeEventListener("dragover",this._onDragOver),t.removeEventListener("dragleave",this._onDragLeave),t.removeEventListener("drop",this._onDrop),this._dragCount=0,this._currentDropZone=null,this._attached=!1}_getEventTarget(){return this._container instanceof ShadowRoot?this._container.host:this._container}_findDropZone(t){let n=t.target,o=t.composedPath();for(let i of o)if(i instanceof HTMLElement){if(i.matches(this._options.dropZoneSelector))return i;if(i===this._container||i===this._container.host)break}return n.closest?.(this._options.dropZoneSelector)}_hasFiles(t){if(!t.dataTransfer)return!1;let n=t.dataTransfer.types;return n.includes("Files")||n.includes("application/x-moz-file")}_getFiles(t){if(!t.dataTransfer?.files)return[];let n=Array.from(t.dataTransfer.files),o=this._options.accept;o&&o.length>0&&(n=n.filter(s=>this._matchesAccept(s,o)));let i=this._options.maxSize;return i&&i>0&&(n=n.filter(s=>s.size<=i)),!this._options.multiple&&n.length>1&&(n=[n[0]]),n}_matchesAccept(t,n){for(let o of n){if(o.startsWith(".")){if(t.name.toLowerCase().endsWith(o.toLowerCase()))return!0;continue}if(o.endsWith("/*")){let i=o.slice(0,-1);if(t.type.startsWith(i))return!0;continue}if(t.type===o)return!0}return!1}destroy(){this.detach(),super.destroy()}};var nt={multiple:!0},Z=class{constructor(e={}){this.name="file-drop";this._snap=null;this._sensor=null;this._onFileDrop=null;this._options={...nt,...e}}init(e){this._snap=e;let t=this._getContainer();t&&(this._sensor=new T({container:t,dropZoneSelector:e.options.dropZoneSelector??"[data-file-drop]",accept:this._options.accept,multiple:this._options.multiple,maxSize:this._options.maxSize}),this._setupEventHandlers(),this._sensor.attach())}destroy(){this._sensor?.destroy(),this._sensor=null,this._snap=null,this._onFileDrop=null}onFileDrop(e){return this._onFileDrop=e,this}setOptions(e){Object.assign(this._options,e)}_getContainer(){return this._snap?this._snap._container:null}_setupEventHandlers(){this._sensor&&(this._sensor.on("dragenter",e=>{e.dropZone.classList.add("snap-file-drag-over")}),this._sensor.on("dragleave",e=>{e.dropZone.classList.remove("snap-file-drag-over")}),this._sensor.on("drop",e=>{e.dropZone.classList.remove("snap-file-drag-over");let t={files:e.files,position:e.position,dropZone:e.dropZone};this._onFileDrop?.(t),this._snap?.options?.onFileDrop?.(t)}))}};function U(r,e){let{onDrop:t,onDragEnter:n,onDragLeave:o,...i}=e,s=0,a=c=>{z(c)&&(c.preventDefault(),s++,s===1&&(r.classList.add("snap-file-drag-over"),n?.()))},p=c=>{z(c)&&(c.preventDefault(),c.dataTransfer&&(c.dataTransfer.dropEffect="copy"))},l=c=>{z(c)&&(s--,s===0&&(r.classList.remove("snap-file-drag-over"),o?.()))},d=c=>{c.preventDefault(),s=0,r.classList.remove("snap-file-drag-over");let u=Array.from(c.dataTransfer?.files??[]);i.accept?.length&&(u=u.filter(M=>it(M,i.accept))),i.maxSize&&(u=u.filter(M=>M.size<=i.maxSize)),!i.multiple&&u.length>1&&(u=[u[0]]),u.length>0&&t(u)};return r.addEventListener("dragenter",a),r.addEventListener("dragover",p),r.addEventListener("dragleave",l),r.addEventListener("drop",d),()=>{r.removeEventListener("dragenter",a),r.removeEventListener("dragover",p),r.removeEventListener("dragleave",l),r.removeEventListener("drop",d),r.classList.remove("snap-file-drag-over")}}function z(r){if(!r.dataTransfer)return!1;let e=r.dataTransfer.types;return e.includes("Files")||e.includes("application/x-moz-file")}function it(r,e){for(let t of e){if(t.startsWith(".")){if(r.name.toLowerCase().endsWith(t.toLowerCase()))return!0;continue}if(t.endsWith("/*")){let n=t.slice(0,-1);if(r.type.startsWith(n))return!0;continue}if(r.type===t)return!0}return!1}var ot={threshold:40,maxSpeed:15,acceleration:2},w=class{constructor(e={}){this.name="auto-scroll";this._scrollableAncestors=[];this._rafId=null;this._active=!1;this._options={...ot,...e}}onDragStart(e){this._scrollableAncestors=this._findScrollableAncestors(e.element),this._active=!0}onDragMove(e){!this._active||this._rafId!==null||(this._rafId=requestAnimationFrame(()=>{this._rafId=null,this._performScroll(e.current.x,e.current.y)}))}onDragEnd(){this._active=!1,this._scrollableAncestors=[],this._rafId!==null&&(cancelAnimationFrame(this._rafId),this._rafId=null)}destroy(){this.onDragEnd()}_performScroll(e,t){for(let n of this._scrollableAncestors){let o=n.getBoundingClientRect(),i=this._calculateScrollSpeed(e,t,o);(i.x!==0||i.y!==0)&&n.scrollBy({left:i.x,top:i.y,behavior:"instant"})}}_calculateScrollSpeed(e,t,n){let{threshold:o,maxSpeed:i}=this._options,s=0,a=0;return e<n.left+o?s=-this._getSpeed(n.left+o-e):e>n.right-o&&(s=this._getSpeed(e-(n.right-o))),t<n.top+o?a=-this._getSpeed(n.top+o-t):t>n.bottom-o&&(a=this._getSpeed(t-(n.bottom-o))),{x:s,y:a}}_getSpeed(e){let{threshold:t,maxSpeed:n,acceleration:o}=this._options,i=Math.min(e/t,1);return Math.pow(i,o)*n}_findScrollableAncestors(e){let t=[],n=e.parentElement;for(;n&&n!==document.body;){let o=getComputedStyle(n),i=o.overflowX,s=o.overflowY,a=(i==="auto"||i==="scroll")&&n.scrollWidth>n.clientWidth,p=(s==="auto"||s==="scroll")&&n.scrollHeight>n.clientHeight;(a||p)&&t.push(n),n=n.parentElement}return(document.documentElement.scrollHeight>window.innerHeight||document.documentElement.scrollWidth>window.innerWidth)&&t.push(document.documentElement),t}};var R=class{constructor(e){this.name="snap-grid";this._guideContainer=null;this._options=e}onDragStart(e){this._options.showGuides&&this._createGuides(e.element)}onDragMove(e){}onDragEnd(){this._removeGuides()}destroy(){this._removeGuides()}snap(e,t){return{x:Math.round(e/this._options.x)*this._options.x,y:Math.round(t/this._options.y)*this._options.y}}snapWithThreshold(e,t,n){let o=n??this._options.threshold??5,i=this.snap(e,t);return{x:Math.abs(e-i.x)<o?i.x:e,y:Math.abs(t-i.y)<o?i.y:t}}_createGuides(e){let t=e.offsetParent||document.body,n=t.getBoundingClientRect();this._guideContainer=document.createElement("div"),this._guideContainer.style.cssText=`
       position: absolute;
       top: 0;
       left: 0;